npm - @todovue/tv-demo - Versions diffs - 1.4.0 → 1.4.2 - Mend

@todovue/tv-demo 1.4.0 → 1.4.2

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.

Files changed (4) hide show

package/dist/tv-demo.cjs.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),pe=require("vue-highlight-code"),de=require("vue3-markdown-it"),I=72,ce=6,fe=(a,V)=>a?.id??a?.title??`variant-${V}`,he=(a={})=>`${a.title??""} ${a.description??""}`.toLowerCase(),ke=a=>{const V=e.ref("dark"),M=e.ref([]),G=e.ref(""),F=e.ref(""),p=e.ref("demo"),f=e.ref(""),r=e.ref(null),y=e.ref(null),N=e.ref(360),m=e.ref("100%"),X=e.ref("default"),Z=e.ref(!1),g=e.ref(!1),x=e.ref(!1),w=e.ref(0);let C=null,_=!1;const ee=e.computed(()=>w.value>0),T=e.computed(()=>(a.variants\|\|[]).map((o,l)=>({variant:o,index:l,key:fe(o,l),searchableText:he(o)}))),ne=e.computed(()=>T.value.length),d=e.computed(()=>{const o=f.value.trim().toLowerCase();return o?T.value.filter(l=>l.searchableText.includes(o)):T.value}),le=e.computed(()=>d.value.length),h=e.computed(()=>!!f.value.trim()&&d.value.length===0),b=()=>{N.value=y.value?.clientHeight\|\|N.value},te=()=>{_&&(window.removeEventListener("resize",b),_=!1)};e.watch(()=>y.value,o=>{if(C&&(C.disconnect(),C=null),!o){te();return}e.nextTick(()=>{b(),typeof ResizeObserver<"u"?(C=new ResizeObserver(l=>{const i=l?.[0];i&&(N.value=i.contentRect.height)}),C.observe(o)):_\|\|(window.addEventListener("resize",b),_=!0)})});const j=e.ref(!1);let H=null;const ae=()=>{if(typeof window>"u")return;const o=new URL(window.location.href);if(p.value&&p.value!=="demo"?o.searchParams.set("tab",p.value):o.searchParams.delete("tab"),f.value?o.searchParams.set("search",f.value):o.searchParams.delete("search"),r.value?o.searchParams.set("variant",r.value):o.searchParams.delete("variant"),m.value&&m.value!=="100%"){let l="";m.value==="375px"?l="mobile":m.value==="768px"?l="tablet":m.value==="1280px"&&(l="desktop"),l?o.searchParams.set("viewport",l):o.searchParams.delete("viewport")}else o.searchParams.delete("viewport");o.href!==window.location.href&&window.history.replaceState(window.history.state,"",o.href)};e.watch([p,f,r,m],()=>{j.value&&(clearTimeout(H),H=setTimeout(ae,300))}),e.onMounted(()=>{const o=localStorage.getItem("theme");if(o&&(V.value=o),typeof window<"u"){const l=new URLSearchParams(window.location.search),i=l.get("tab");i&&(p.value=i);const D=l.get("search");D&&(f.value=D);const J=l.get("variant");if(J){const Q=T.value.find(ve=>String(ve.key)===J);r.value=Q?Q.key:J}const oe=l.get("viewport");if(oe)oe==="mobile"?m.value="375px":oe==="tablet"?m.value="768px":oe==="desktop"&&(m.value="1280px");else{const Q=window.innerWidth;Q<768?m.value="375px":Q<1280?m.value="768px":m.value="1280px"}j.value=!0}e.nextTick(b)}),e.onBeforeUnmount(()=>{C&&(C.disconnect(),C=null),te()});const W=async()=>{try{const o=await fetch(a.readmePath);if(!o.ok)throw new Error("README.md not found");G.value=await o.text()}catch{G.value="Documentation not found."}},c=async()=>{try{const o=await fetch(a.changelogPath);if(!o.ok)throw new Error("CHANGELOG.md not found");F.value=await o.text()}catch{F.value="Changelog not found."}},z=()=>{V.value=V.value==="dark"?"light":"dark",localStorage.setItem("theme",V.value)};e.watch(()=>T.value,o=>{if(!o.length){r.value=null;return}o.some(l=>l.key===r.value)\|\|(r.value=o[0].key)},{immediate:!0}),e.watch(()=>d.value,o=>{if(!o.length){r.value=null;return}o.some(l=>l.key===r.value)\|\|(r.value=o[0].key)});const K=o=>{y.value&&(y.value.scrollTop=o,w.value=o)};e.watch(f,()=>{K(0)});const R=e.computed(()=>d.value.findIndex(o=>o.key===r.value)),S=e.computed(()=>Math.max(1,Math.ceil(N.value/I))),k=e.computed(()=>Math.max(0,Math.floor(w.value/I)-ce)),q=e.computed(()=>Math.min(d.value.length,k.value+S.value+ce2)),se=e.computed(()=>d.value.slice(k.value,q.value)),E=e.computed(()=>k.valueI),U=e.computed(()=>Math.max(0,(d.value.length-q.value)I)),A=()=>{if(!y.value)return;const o=R.value;if(o<0)return;const l=oI,i=l+I,D=w.value,J=D+N.value;l<D?K(l):i>J&&K(i-N.value)};e.watch(r,A);const $=e.computed(()=>h.value?{}:(d.value.find(l=>l.key===r.value)\|\|T.value.find(l=>l.key===r.value)\|\|d.value[0]\|\|T.value[0])?.variant\|\|{}),u=e.ref({});e.watch(()=>$.value,o=>{if(o?.propsData)try{u.value=JSON.parse(JSON.stringify(o.propsData))}catch{u.value={...o.propsData}}else u.value={}},{immediate:!0});const L=e.ref([]),re=(o,l)=>{const i=new Date().toLocaleTimeString();L.value.unshift({id:Date.now()+Math.random(),timestamp:i,eventName:o,payload:l}),L.value.length>50&&(L.value=L.value.slice(0,50))},O=(o=!0)=>{L.value=[],o&&P("Event logs cleared","success",2e3)};e.watch(r,()=>{O(!1)});const ie=o=>{w.value=o.target.scrollTop},B=o=>{const l=d.value;if(!l.length)return;const i=R.value<0?0:R.value,D=Math.min(l.length-1,Math.max(0,i+o));r.value=l[D].key},t=o=>{switch(o.key){case"ArrowDown":o.preventDefault(),B(1);break;case"ArrowUp":o.preventDefault(),B(-1);break;case"Home":o.preventDefault(),d.value.length&&(r.value=d.value[0].key);break;case"End":o.preventDefault(),d.value.length&&(r.value=d.value[d.value.length-1].key);break}},n=o=>{r.value=o},s=e.computed(()=>{const o=V.value==="dark"?a.demoStyle?.dark:a.demoStyle?.light;return{body:{backgroundColor:o?.backgroundBody\|\|"",color:o?.color\|\|""},content:{backgroundColor:o?.backgroundContent\|\|"",color:o?.color\|\|""}}}),v=o=>{let l="";o==="npm"?l=`npm install ${a.isDevComponent?"-D ":""}${a.npmInstall}`:l=`git clone ${a.urlClone}`,navigator.clipboard.writeText(l).then(()=>{P(`Copied to clipboard: ${l}`,"success",2e3)}).catch(i=>{P(`Failed to copy: ${i}`,"error",2e3)})},P=(o,l="success",i=3e3)=>{const D=`toast-${Date.now()}-${Math.random().toString(36).substr(2,9)}`;M.value.push({id:D,message:o,type:l,duration:i})},ue=o=>{const l=M.value.findIndex(i=>i.id===o);l>-1&&M.value.splice(l,1)};e.watchEffect(async()=>{await W(),await c()});const me=e.ref("playground");return{customStyle:s,toasts:M,readmeContent:G,changelogContent:F,selectedTab:p,searchQuery:f,selectedVariantKey:r,totalVariantsCount:ne,filteredVariantsCount:le,variantsListRef:y,virtualizedVariants:se,virtualPaddingTop:E,virtualPaddingBottom:U,emptySearchState:h,theme:V,variant:$,addToast:P,removeToast:ue,selectVariant:n,setClickItem:v,toggleTheme:z,handleVariantsScroll:ie,handleVariantsKeydown:t,reactiveProps:u,eventLogs:L,addLog:re,clearLogs:O,viewportWidth:m,activeToolTab:me,resetProps:()=>{if($.value?.propsData)try{u.value=JSON.parse(JSON.stringify($.value.propsData))}catch{u.value={...$.value.propsData}}else u.value={};P("Props reset to default","success",2e3)},copyCode:o=>{navigator.clipboard.writeText(o).then(()=>{P("Code copied to clipboard","success",2e3)}).catch(l=>{P(`Failed to copy: ${l}`,"error",2e3)})},backgroundType:X,isRtl:Z,isGrid:g,isSidebarCompressed:x,showScrollToTop:ee}},ye={key:0,class:"tv-demo-back-row"},ge={class:"tv-demo-case"},we={class:"tv-demo-header"},be={class:"tv-demo-links"},Ee=["href"],Ve={class:"tv-demo-theme"},Ne={class:"switch"},Ce=["checked"],Be={class:"tv-demo-tools main-tabs"},xe={class:"tv-demo-tools-tabs"},Te={class:"tv-demo-tools-content main-content"},Se={class:"tv-demo-sidebar-header"},De={class:"tv-demo-sidebar-meta"},$e={class:"tv-demo-sidebar-actions"},Le=["aria-label"],ze={class:"tv-demo-sidebar-content-wrapper"},Pe=["aria-activedescendant"],Me=["id","aria-selected","onClick"],_e={class:"tv-demo-variant-card-content"},Re={class:"tv-demo-variant-card-title"},Ue={class:"tv-demo-variant-card-description"},Ae={key:1,class:"tv-demo-empty-state"},Oe={class:"tv-demo-content","aria-live":"polite"},Ie={class:"tv-demo-content-header"},Ge={class:"tv-demo-viewport-controls"},Fe={class:"tv-demo-dropdown"},je={class:"tv-demo-dropdown-content"},He={class:"tv-demo-description"},We={class:"tv-demo-component-content"},Ke={key:1,class:"tv-demo-empty-component"},qe={class:"tv-demo-tools"},Je={class:"tv-demo-tools-tabs"},Qe={key:0,class:"tv-demo-badge"},Ye={class:"tv-demo-tools-content"},Xe={class:"tv-demo-tool-pane"},Ze={class:"tv-demo-toolbar"},et={key:0,class:"tv-demo-controls-grid"},tt=["title"],ot={class:"tv-demo-control-input-wrapper"},nt={key:0,class:"switch small"},lt=["onUpdate:modelValue","id"],at=["onUpdate:modelValue","id"],st=["onUpdate:modelValue","id"],rt={key:0,class:"tv-demo-control-input-wrapper color-wrapper"},it=["onUpdate:modelValue","id"],dt=["onUpdate:modelValue","id"],ct={key:1,class:"tv-demo-empty-state small"},ut={key:0,class:"tv-demo-tool-pane"},mt={class:"tv-demo-toolbar"},vt={class:"tv-demo-logs-container"},pt={key:0,class:"tv-demo-logs-empty"},ft={class:"tv-demo-log-time"},ht={class:"tv-demo-log-name"},kt={key:0,class:"tv-demo-log-payload"},yt={key:1,class:"tv-demo-tool-pane"},gt={class:"tv-demo-toolbar"},wt={key:1,class:"tv-demo-empty-state small"},bt={key:0},Et={key:0,class:"markdown-body"},Vt={key:1},Nt={key:1},Ct={key:0,class:"markdown-body"},Bt={key:1},xt={class:"tv-demo-footer-content"},Tt={class:"tv-demo-footer-main"},St={class:"tv-demo-footer-brand"},Dt={class:"tv-demo-footer-brand-text"},$t={class:"tv-demo-footer-brand-version"},Lt={class:"tv-demo-footer-bottom"},zt={class:"tv-demo-footer-copyright"},Y={__name:"TvDemo",props:{demoStyle:{type:Object,default:()=>({body:{},content:{}})},hideBackground:Boolean,component:Object,variants:Array,componentName:{type:String,default:"Component Demo"},sourceLink:{type:String,default:null},urlClone:{type:String,default:null},npmInstall:{type:String,default:null},isDevComponent:{type:Boolean,default:!1},version:{type:String,default:"0.0.0"},readmePath:{type:String,default:"./README.md"},changelogPath:{type:String,default:"./CHANGELOG.md"},showDocumentation:{type:Boolean,default:!0},showChangelog:{type:Boolean,default:!0},manualEmits:{type:Array,default:()=>[]}},setup(a){const V=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./ToastContainer-B-rxasZF.cjs"))),M=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./ToUp-CJUZN3du.cjs"))),G=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./TvPreviewFrame-COIIvDUA.cjs"))),F=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./TvNestedEditor-C6zgg9gF.cjs"))),p=a,f=e.ref(!1),r=()=>{typeof window>"u"\|\|window.history.back()},y=()=>{if(typeof window>"u")return;const B=typeof document<"u"&&!!document.referrer;window.navigation&&typeof window.navigation.canGoBack=="boolean"?f.value=window.navigation.canGoBack\|\|B:window.history.state&&typeof window.history.state.position=="number"?f.value=window.history.state.position>0\|\|B:f.value=B};e.onMounted(()=>{y(),typeof window<"u"&&(window.addEventListener("popstate",y),window.navigation&&window.navigation.addEventListener("currententrychange",y))}),e.onBeforeUnmount(()=>{typeof window<"u"&&(window.removeEventListener("popstate",y),window.navigation&&window.navigation.removeEventListener("currententrychange",y),window.removeEventListener("resize",O))});const{customStyle:N,toasts:m,readmeContent:X,changelogContent:Z,selectedTab:g,searchQuery:x,selectedVariantKey:w,totalVariantsCount:C,filteredVariantsCount:_,variantsListRef:ee,virtualizedVariants:T,virtualPaddingTop:ne,virtualPaddingBottom:d,emptySearchState:le,theme:h,variant:b,removeToast:te,setClickItem:j,toggleTheme:H,selectVariant:ae,handleVariantsKeydown:W,reactiveProps:c,eventLogs:z,addLog:K,clearLogs:R,viewportWidth:S,activeToolTab:k,resetProps:q,copyCode:se,backgroundType:E,isRtl:U,isGrid:A,handleVariantsScroll:$,isSidebarCompressed:u,showScrollToTop:L}=ke(p),re=e.ref(typeof window<"u"?window.innerWidth:1200),O=()=>{re.value=window.innerWidth};e.onMounted(()=>{typeof window<"u"&&window.addEventListener("resize",O)}),e.onBeforeUnmount(()=>{typeof window<"u"&&window.removeEventListener("resize",O)});const ie=e.computed(()=>{const B={},t=p.component&&p.component.emits?Array.isArray(p.component.emits)?p.component.emits:Object.keys(p.component.emits):[],n=[...new Set([...t,...p.manualEmits])];return n.length>0&&n.forEach(s=>{B[`on${s.charAt(0).toUpperCase()+s.slice(1)}`]=v=>{K(s,v)}}),B});return(B,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(h)}-mode tv-demo`),style:e.normalizeStyle(e.unref(N).body)},[e.createElementVNode("div",{class:e.normalizeClass(["tv-demo-body",{[`${e.unref(h)}-mode`]:!a.hideBackground}]),style:e.normalizeStyle(e.unref(N).content)},[f.value?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("button",{type:"button",class:"tv-demo-btn-secondary","aria-label":"Back",onClick:r},"← Back")])):e.createCommentVNode("",!0),e.createElementVNode("div",ge,[e.createElementVNode("div",we,[e.createElementVNode("div",null,[e.createElementVNode("div",be,[a.sourceLink\|\|a.npmInstall\|\|a.urlClone?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[a.sourceLink?(e.openBlock(),e.createElementBlock("a",{key:0,href:a.sourceLink,target:"_blank",class:"tv-demo-btn-secondary is-small",style:{"text-decoration":"none",display:"inline-flex","align-items":"center"}}," View source code ",8,Ee)):e.createCommentVNode("",!0),a.npmInstall?(e.openBlock(),e.createElementBlock("button",{key:1,class:"tv-demo-btn-secondary is-small",onClick:t[0]\|\|(t[0]=n=>e.unref(j)("npm"))}," Copy install command ")):e.createCommentVNode("",!0),a.urlClone?(e.openBlock(),e.createElementBlock("button",{key:2,class:"tv-demo-btn-secondary is-small",onClick:t[1]\|\|(t[1]=n=>e.unref(j)("clone"))}," Copy repository clone URL ")):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",null,[e.createElementVNode("div",Ve,[t[30]\|\|(t[30]=e.createElementVNode("span",{style:{"font-size":"0.9rem",opacity:"0.8"}},"Theme",-1)),e.createElementVNode("label",Ne,[e.createElementVNode("input",{type:"checkbox",checked:e.unref(h)==="dark",onChange:t[2]\|\|(t[2]=(...n)=>e.unref(H)&&e.unref(H)(...n))},null,40,Ce),t[29]\|\|(t[29]=e.createElementVNode("span",{class:"slider round"},null,-1))])])])]),e.createElementVNode("div",Be,[e.createElementVNode("div",xe,[e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(g)==="demo"}]),onClick:t[3]\|\|(t[3]=n=>g.value="demo")}," Demo ",2),a.showDocumentation?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(g)==="docs"}]),onClick:t[4]\|\|(t[4]=n=>g.value="docs")}," Documentation ",2)):e.createCommentVNode("",!0),a.showChangelog?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(g)==="changelog"}]),onClick:t[5]\|\|(t[5]=n=>g.value="changelog")}," Changelog ",2)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Te,[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["tv-demo-layout",{"is-compressed":e.unref(u)}])},[e.createElementVNode("aside",{class:e.normalizeClass(["tv-demo-sidebar",[`${e.unref(h)}-mode`,{"is-compressed":e.unref(u)}]])},[e.createElementVNode("div",Se,[e.withDirectives(e.createElementVNode("div",null,[e.createElementVNode("p",De,e.toDisplayString(e.unref(_))+" / "+e.toDisplayString(e.unref(C))+" variants",1),t[31]\|\|(t[31]=e.createElementVNode("h3",null,"Variants",-1))],512),[[e.vShow,!e.unref(u)]]),e.createElementVNode("div",$e,[e.withDirectives(e.createElementVNode("button",{class:"tv-demo-sidebar-collapse","aria-label":"Scroll to top",onClick:t[6]\|\|(t[6]=n=>e.unref(ee)?.scrollTo({top:0,behavior:"smooth"}))},[...t[32]\|\|(t[32]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"12",y1:"19",x2:"12",y2:"5"}),e.createElementVNode("polyline",{points:"5 12 12 5 19 12"})],-1)])],512),[[e.vShow,!e.unref(u)&&e.unref(L)]]),e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-sidebar-collapse",{"is-rotated":e.unref(u)}]),"aria-label":e.unref(u)?"Expand sidebar":"Collapse sidebar",onClick:t[7]\|\|(t[7]=n=>u.value=!e.unref(u))},[...t[33]\|\|(t[33]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"19",y1:"12",x2:"5",y2:"12"}),e.createElementVNode("polyline",{points:"12 19 5 12 12 5"})],-1)])],10,Le)])]),e.withDirectives(e.createElementVNode("div",ze,[e.createElementVNode("label",{class:e.normalizeClass(["tv-demo-search",`${e.unref(h)}-mode`])},[t[34]\|\|(t[34]=e.createElementVNode("span",{class:"tv-demo-search-icon"},"🔍",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[8]\|\|(t[8]=n=>e.isRef(x)?x.value=n:null),type:"search",placeholder:"Search variants...",class:"tv-demo-search-input","aria-label":"Search variants",onKeydown:t[9]\|\|(t[9]=e.withKeys(e.withModifiers(n=>e.unref(W)(n),["prevent"]),["down"]))},null,544),[[e.vModelText,e.unref(x)]]),e.unref(x)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"tv-demo-search-clear","aria-label":"Clear search",onClick:t[10]\|\|(t[10]=n=>x.value="")},"✕")):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(["tv-demo-variants",`${e.unref(h)}-mode`]),role:"listbox",tabindex:"0","aria-label":"Available variants","aria-activedescendant":e.unref(w)?`variant-${e.unref(w)}`:null,onKeydown:t[12]\|\|(t[12]=(...n)=>e.unref(W)&&e.unref(W)(...n)),onScroll:t[13]\|\|(t[13]=(...n)=>e.unref($)&&e.unref($)(...n)),ref_key:"variantsListRef",ref:ee},[e.createElementVNode("div",{style:e.normalizeStyle({paddingTop:`${e.unref(ne)}px`,paddingBottom:`${e.unref(d)}px`})},[e.unref(le)?(e.openBlock(),e.createElementBlock("div",Ae,[e.createElementVNode("p",null,'No matches for "'+e.toDisplayString(e.unref(x))+'".',1),e.createElementVNode("button",{class:"tv-demo-reset",type:"button",onClick:t[11]\|\|(t[11]=n=>x.value="")},"Clear filter")])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(T),n=>(e.openBlock(),e.createElementBlock("button",{key:n.key,id:`variant-${n.key}`,type:"button",class:e.normalizeClass(["tv-demo-variant-card",{active:n.key===e.unref(w)}]),role:"option","aria-selected":n.key===e.unref(w),onClick:s=>e.unref(ae)(n.key)},[e.createElementVNode("span",_e,[e.createElementVNode("span",Re,e.toDisplayString(n.variant.title),1),e.createElementVNode("span",Ue,e.toDisplayString(n.variant.description),1)]),t[35]\|\|(t[35]=e.createElementVNode("span",{class:"tv-demo-variant-card-icon"},"→",-1))],10,Me))),128))],4)],42,Pe)],512),[[e.vShow,!e.unref(u)]])],2),e.createElementVNode("section",Oe,[e.createElementVNode("div",Ie,[e.createElementVNode("div",null,[t[36]\|\|(t[36]=e.createElementVNode("p",{class:"tv-demo-content-label"},"Preview",-1)),e.createElementVNode("h3",null,e.toDisplayString(e.unref(b).title\|\|"Select a variant"),1)]),e.createElementVNode("div",Ge,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-viewport-btn",{active:e.unref(S)==="375px"}]),onClick:t[14]\|\|(t[14]=n=>S.value="375px"),"aria-label":"Mobile view (375px)",title:"Mobile (375px)"}," Mobile ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-viewport-btn",{active:e.unref(S)==="768px"}]),onClick:t[15]\|\|(t[15]=n=>S.value="768px"),"aria-label":"Tablet view (768px)",title:"Tablet (768px)"}," Tablet ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-viewport-btn",{active:e.unref(S)==="1280px"}]),onClick:t[16]\|\|(t[16]=n=>S.value="1280px"),"aria-label":"Desktop view (1280px)",title:"Desktop (1280px)"}," Desktop ",2),t[38]\|\|(t[38]=e.createElementVNode("div",{class:"tv-demo-separator"},null,-1)),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-icon-btn",{active:e.unref(U)}]),onClick:t[17]\|\|(t[17]=n=>U.value=!e.unref(U)),title:"Toggle RTL","aria-label":"Toggle RTL"}," ⇄ ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-icon-btn",{active:e.unref(A)}]),onClick:t[18]\|\|(t[18]=n=>A.value=!e.unref(A)),title:"Toggle Grid","aria-label":"Toggle Grid"}," # ",2),e.createElementVNode("div",Fe,[t[37]\|\|(t[37]=e.createElementVNode("button",{type:"button",class:"tv-demo-icon-btn",title:"Background Color","aria-label":"Change Background"}," 🎨 ",-1)),e.createElementVNode("div",je,[e.createElementVNode("button",{onClick:t[19]\|\|(t[19]=n=>E.value="default"),class:e.normalizeClass({active:e.unref(E)==="default"})},"Default",2),e.createElementVNode("button",{onClick:t[20]\|\|(t[20]=n=>E.value="checkered"),class:e.normalizeClass({active:e.unref(E)==="checkered"})},"Checkered",2),e.createElementVNode("button",{onClick:t[21]\|\|(t[21]=n=>E.value="white"),class:e.normalizeClass({active:e.unref(E)==="white"})},"White",2),e.createElementVNode("button",{onClick:t[22]\|\|(t[22]=n=>E.value="dark"),class:e.normalizeClass({active:e.unref(E)==="dark"})},"Dark",2)])])])]),e.createElementVNode("p",He,e.toDisplayString(e.unref(b).description\|\|"Select a variant from the list to view its details."),1),e.createElementVNode("div",We,[e.unref(b)&&a.component?(e.openBlock(),e.createBlock(e.unref(G),{key:0,component:a.component,"component-props":{...e.unref(c),...ie.value},"viewport-width":e.unref(S),"body-class":`${e.unref(h)}-mode`,"body-style":a.hideBackground?{}:e.unref(N).content,"is-rtl":e.unref(U),"background-type":e.unref(E),"is-grid":e.unref(A)},null,8,["component","component-props","viewport-width","body-class","body-style","is-rtl","background-type","is-grid"])):(e.openBlock(),e.createElementBlock("p",Ke,"No component to render."))]),e.createElementVNode("div",qe,[e.createElementVNode("div",Je,[e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(k)==="playground"}]),onClick:t[23]\|\|(t[23]=n=>k.value="playground")}," Playground ",2),e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(k)==="events"}]),onClick:t[24]\|\|(t[24]=n=>k.value="events")},[t[39]\|\|(t[39]=e.createTextVNode(" Events ",-1)),e.unref(z).length>0?(e.openBlock(),e.createElementBlock("span",Qe,e.toDisplayString(e.unref(z).length),1)):e.createCommentVNode("",!0)],2),e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(k)==="code"}]),onClick:t[25]\|\|(t[25]=n=>k.value="code")}," Code ",2)]),e.createElementVNode("div",Ye,[e.withDirectives(e.createElementVNode("div",Xe,[e.createElementVNode("div",Ze,[t[40]\|\|(t[40]=e.createElementVNode("h3",{class:"tv-demo-tool-title"},"Props",-1)),e.createElementVNode("button",{class:"tv-demo-btn-secondary is-small",onClick:t[26]\|\|(t[26]=(...n)=>e.unref(q)&&e.unref(q)(...n))}," Reset Props ")]),Object.keys(e.unref(c)).length>0?(e.openBlock(),e.createElementBlock("div",et,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(n,s)=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass(["tv-demo-control-item",{"is-complex":typeof n=="object"&&n!==null}])},[typeof n!="object"\|\|n===null?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:"tv-demo-control-label",title:s},e.toDisplayString(s),9,tt),e.createElementVNode("div",ot,[typeof n=="boolean"?(e.openBlock(),e.createElementBlock("label",nt,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":v=>e.unref(c)[s]=v,id:`control-${s}`},null,8,lt),[[e.vModelCheckbox,e.unref(c)[s]]]),t[41]\|\|(t[41]=e.createElementVNode("span",{class:"slider round"},null,-1))])):typeof n=="number"?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":v=>e.unref(c)[s]=v,type:"number",class:"tv-demo-input",id:`control-${s}`},null,8,at)),[[e.vModelText,e.unref(c)[s],void 0,{number:!0}]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:2,"onUpdate:modelValue":v=>e.unref(c)[s]=v,type:"text",class:"tv-demo-input",id:`control-${s}`},null,8,st)),[[e.vModelText,e.unref(c)[s]]])])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof n=="string"&&(s.toLowerCase().includes("color")\|\|s.toLowerCase().includes("background")\|\|/^#([0-9A-F]{3}){1,2}$/i.test(n))?(e.openBlock(),e.createElementBlock("div",rt,[e.withDirectives(e.createElementVNode("input",{type:"color","onUpdate:modelValue":v=>e.unref(c)[s]=v,id:`control-color-${s}`,class:"tv-demo-color-picker"},null,8,it),[[e.vModelText,e.unref(c)[s]]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":v=>e.unref(c)[s]=v,type:"text",class:"tv-demo-input",id:`control-${s}`},null,8,dt),[[e.vModelText,e.unref(c)[s]]])])):(e.openBlock(),e.createBlock(e.unref(F),{key:1,modelValue:e.unref(c)[s],"onUpdate:modelValue":v=>e.unref(c)[s]=v,name:s},null,8,["modelValue","onUpdate:modelValue","name"]))],64))],2))),128))])):(e.openBlock(),e.createElementBlock("div",ct," No props available for this component. "))],512),[[e.vShow,e.unref(k)==="playground"]]),e.unref(k)==="events"?(e.openBlock(),e.createElementBlock("div",ut,[e.createElementVNode("div",mt,[t[42]\|\|(t[42]=e.createElementVNode("h3",{class:"tv-demo-tool-title"},"Event Logger",-1)),e.unref(z).length>0?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:t[27]\|\|(t[27]=(...n)=>e.unref(R)&&e.unref(R)(...n)),class:"tv-demo-btn-secondary is-small"},"Clear")):e.createCommentVNode("",!0)]),e.createElementVNode("div",vt,[e.unref(z).length===0?(e.openBlock(),e.createElementBlock("div",pt," Listening for events... ")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(z),n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:"tv-demo-log-item"},[e.createElementVNode("span",ft,e.toDisplayString(n.timestamp),1),e.createElementVNode("span",ht,e.toDisplayString(n.eventName),1),n.payload!==void 0?(e.openBlock(),e.createElementBlock("span",kt,e.toDisplayString(JSON.stringify(n.payload)),1)):e.createCommentVNode("",!0)]))),128))])])):e.createCommentVNode("",!0),e.unref(k)==="code"?(e.openBlock(),e.createElementBlock("div",yt,[e.createElementVNode("div",gt,[t[43]\|\|(t[43]=e.createElementVNode("h3",{class:"tv-demo-tool-title"},"Generated Code",-1)),e.createElementVNode("button",{class:"tv-demo-btn-secondary is-small",onClick:t[28]\|\|(t[28]=n=>e.unref(se)(e.unref(b).html))}," Copy Code ")]),e.unref(b).html?(e.openBlock(),e.createBlock(e.unref(pe.HighCode),{key:e.unref(w),class:"tv-demo-code",codeValue:e.unref(b).html,theme:e.unref(h),lang:"html",codeLines:"",height:"auto",copy:!1},null,8,["codeValue","theme"])):(e.openBlock(),e.createElementBlock("div",wt," No code available for this variant. "))])):e.createCommentVNode("",!0)])])])],2),[[e.vShow,e.unref(g)==="demo"]]),e.unref(g)==="docs"&&a.showDocumentation?(e.openBlock(),e.createElementBlock("div",bt,[e.unref(X)?(e.openBlock(),e.createElementBlock("div",Et,[e.createVNode(e.unref(de),{source:e.unref(X),html:""},null,8,["source"])])):(e.openBlock(),e.createElementBlock("div",Vt,"No documentation available."))])):e.createCommentVNode("",!0),e.unref(g)==="changelog"&&a.showChangelog?(e.openBlock(),e.createElementBlock("div",Nt,[e.unref(Z)?(e.openBlock(),e.createElementBlock("div",Ct,[e.createVNode(e.unref(de),{source:e.unref(Z),html:""},null,8,["source"])])):(e.openBlock(),e.createElementBlock("div",Bt,"No changelog available."))])):e.createCommentVNode("",!0)])])])],6)],6),e.createElementVNode("footer",{class:e.normalizeClass(["tv-demo-footer",`${e.unref(h)}-mode`])},[e.createElementVNode("div",xt,[e.createElementVNode("div",Tt,[e.createElementVNode("div",St,[t[44]\|\|(t[44]=e.createElementVNode("span",{class:"tv-demo-footer-logo"},[e.createElementVNode("img",{src:"https://res.cloudinary.com/denj4fg7f/image/upload/v1766183906/icono_git_bvxian.png",alt:"Icon TODOvue"})],-1)),e.createElementVNode("span",Dt,e.toDisplayString(a.componentName),1),e.createElementVNode("span",$t,"v"+e.toDisplayString(a.version),1)]),t[45]\|\|(t[45]=e.createStaticVNode('<div class="tv-demo-footer-info"><p class="tv-demo-footer-text"> Designed & Developed by <a href="https://cris-dev.com/" target="_blank" rel="noopener noreferrer" class="tv-demo-footer-link"> cris-dev.com </a></p><div class="tv-demo-footer-divider"></div><p class="tv-demo-footer-text"> Made with <span class="tv-demo-footer-heart">💙</span> using Vue.js </p></div>',1))]),e.createElementVNode("div",Lt,[e.createElementVNode("p",zt," © "+e.toDisplayString(new Date().getFullYear())+" TODOvue. All rights reserved. ",1)])])],2),e.createVNode(e.unref(V),{toasts:e.unref(m),onRemoveToast:e.unref(te)},null,8,["toasts","onRemoveToast"]),e.createVNode(e.unref(M),{theme:e.unref(h),"scroll-target":".tv-demo-body","aria-label":"Back to top"},null,8,["theme"])],64))}};Y.install=a=>{a.component("TvDemo",Y)};const Pt={install(a){a.component("TvDemo",Y)}};exports.TvDemo=Y;exports.TvDemoPlugin=Pt;exports.default=Y;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Ne=require("vue-highlight-code"),ge=require("vue3-markdown-it"),H=72,ye=6,Be=(a,E)=>a?.id??a?.title??`variant-${E}`,xe=(a={})=>`${a.title??""} ${a.description??""}`.toLowerCase(),De=a=>{const E=e.ref("dark"),R=e.ref([]),j=e.ref(""),q=e.ref(""),f=e.ref("demo"),h=e.ref(""),i=e.ref(null),g=e.ref(null),V=e.ref(360),v=e.ref("100%"),ne=e.ref("default"),le=e.ref(!1),y=e.ref(!1),B=e.ref(!1),C=e.ref(0);let N=null,U=!1;const ae=e.computed(()=>C.value>0),x=e.computed(()=>(a.variants\|\|[]).map((o,l)=>({variant:o,index:l,key:Be(o,l),searchableText:xe(o)}))),de=e.computed(()=>x.value.length),c=e.computed(()=>{const o=h.value.trim().toLowerCase();return o?x.value.filter(l=>l.searchableText.includes(o)):x.value}),ce=e.computed(()=>c.value.length),k=e.computed(()=>!!h.value.trim()&&c.value.length===0),P=()=>{V.value=g.value?.clientHeight\|\|V.value},re=()=>{U&&(window.removeEventListener("resize",P),U=!1)};e.watch(()=>g.value,o=>{if(N&&(N.disconnect(),N=null),!o){re();return}e.nextTick(()=>{P(),typeof ResizeObserver<"u"?(N=new ResizeObserver(l=>{const s=l?.[0];s&&(V.value=s.contentRect.height)}),N.observe(o)):U\|\|(window.addEventListener("resize",P),U=!0)})});const A=e.ref(!1);let W=null;const ue=()=>{if(typeof window>"u")return;const o=new URL(window.location.href);if(f.value&&f.value!=="demo"?o.searchParams.set("tab",f.value):o.searchParams.delete("tab"),h.value?o.searchParams.set("search",h.value):o.searchParams.delete("search"),i.value?o.searchParams.set("variant",i.value):o.searchParams.delete("variant"),v.value&&v.value!=="100%"){let l="";v.value==="375px"?l="mobile":v.value==="768px"?l="tablet":v.value==="1280px"&&(l="desktop"),l?o.searchParams.set("viewport",l):o.searchParams.delete("viewport")}else o.searchParams.delete("viewport");o.href!==window.location.href&&window.history.replaceState(window.history.state,"",o.href)};e.watch([f,h,i,v],()=>{A.value&&(clearTimeout(W),W=setTimeout(ue,300))}),e.onMounted(()=>{const o=localStorage.getItem("theme");if(o&&(E.value=o),typeof window<"u"){const l=new URLSearchParams(window.location.search),s=l.get("tab");s&&(f.value=s);const M=l.get("search");M&&(h.value=M);const ee=l.get("variant");if(ee){const te=x.value.find(Ce=>String(Ce.key)===ee);i.value=te?te.key:ee}const ie=l.get("viewport");if(ie)ie==="mobile"?v.value="375px":ie==="tablet"?v.value="768px":ie==="desktop"&&(v.value="1280px");else{const te=window.innerWidth;te<768?v.value="375px":te<1280?v.value="768px":v.value="1280px"}A.value=!0}e.nextTick(P)}),e.onBeforeUnmount(()=>{N&&(N.disconnect(),N=null),re()});const K=async()=>{try{const o=await fetch(a.readmePath);if(!o.ok)throw new Error("README.md not found");j.value=await o.text()}catch{j.value="Documentation not found."}},u=async()=>{try{const o=await fetch(a.changelogPath);if(!o.ok)throw new Error("CHANGELOG.md not found");q.value=await o.text()}catch{q.value="Changelog not found."}},O=()=>{E.value=E.value==="dark"?"light":"dark",localStorage.setItem("theme",E.value)};e.watch(()=>x.value,o=>{if(!o.length){i.value=null;return}o.some(l=>l.key===i.value)\|\|(i.value=o[0].key)},{immediate:!0}),e.watch(()=>c.value,o=>{if(!o.length){i.value=null;return}o.some(l=>l.key===i.value)\|\|(i.value=o[0].key)});const Z=o=>{g.value&&(g.value.scrollTop=o,C.value=o)};e.watch(h,()=>{Z(0)});const _=e.computed(()=>c.value.findIndex(o=>o.key===i.value)),D=e.computed(()=>Math.max(1,Math.ceil(V.value/H))),w=e.computed(()=>Math.max(0,Math.floor(C.value/H)-ye)),J=e.computed(()=>Math.min(c.value.length,w.value+D.value+ye2)),me=e.computed(()=>c.value.slice(w.value,J.value)),b=e.computed(()=>w.valueH),F=e.computed(()=>Math.max(0,(c.value.length-J.value)H)),G=()=>{if(!g.value)return;const o=_.value;if(o<0)return;const l=oH,s=l+H,M=C.value,ee=M+V.value;l<M?Z(l):s>ee&&Z(s-V.value)};e.watch(i,G);const d=e.computed(()=>k.value?{}:(c.value.find(l=>l.key===i.value)\|\|x.value.find(l=>l.key===i.value)\|\|c.value[0]\|\|x.value[0])?.variant\|\|{}),m=e.ref({});e.watch(()=>d.value,o=>{if(o?.propsData)try{m.value=JSON.parse(JSON.stringify(o.propsData))}catch{m.value={...o.propsData}}else m.value={}},{immediate:!0});const I=e.ref([]),ve=(o,l)=>{const s=new Date().toLocaleTimeString();I.value.unshift({id:Date.now()+Math.random(),timestamp:s,eventName:o,payload:l}),I.value.length>50&&(I.value=I.value.slice(0,50))},T=(o=!0)=>{I.value=[],o&&$("Event logs cleared","success",2e3)};e.watch(i,()=>{T(!1)});const pe=o=>{C.value=o.target.scrollTop},S=o=>{const l=c.value;if(!l.length)return;const s=_.value<0?0:_.value,M=Math.min(l.length-1,Math.max(0,s+o));i.value=l[M].key},Q=o=>{switch(o.key){case"ArrowDown":o.preventDefault(),S(1);break;case"ArrowUp":o.preventDefault(),S(-1);break;case"Home":o.preventDefault(),c.value.length&&(i.value=c.value[0].key);break;case"End":o.preventDefault(),c.value.length&&(i.value=c.value[c.value.length-1].key);break}},se=o=>{i.value=o},Y=e.computed(()=>{const o=E.value==="dark"?a.demoStyle?.dark:a.demoStyle?.light;return{body:{backgroundColor:o?.backgroundBody\|\|"",color:o?.color\|\|""},content:{backgroundColor:o?.backgroundContent\|\|"",color:o?.color\|\|""}}}),fe=o=>{let l="";switch(o){case"npm":l=`npm install ${a.isDevComponent?"-D ":""}${a.npmInstall}`;break;case"yarn":l=`yarn add ${a.isDevComponent?"-D ":""}${a.npmInstall}`;break;case"pnpm":l=`pnpm add ${a.isDevComponent?"-D ":""}${a.npmInstall}`;break;case"bun":l=`bun add ${a.isDevComponent?"-D ":""}${a.npmInstall}`;break;default:l=`git clone ${a.urlClone}`;break}navigator.clipboard.writeText(l).then(()=>{$(`Copied to clipboard: ${l}`,"success",2e3)}).catch(s=>{$(`Failed to copy: ${s}`,"error",2e3)})},$=(o,l="success",s=3e3)=>{const M=`toast-${Date.now()}-${Math.random().toString(36).substr(2,9)}`;R.value.push({id:M,message:o,type:l,duration:s})},z=e.ref(!1),he=()=>{z.value=!z.value},L=()=>{z.value&&(z.value=!1)},t=e.ref(!1),n=()=>{t.value=!t.value},r=()=>{t.value&&(t.value=!1)};e.onMounted(()=>{typeof window<"u"&&window.addEventListener("click",o=>{const l=document.querySelector(".install-dropdown");l&&!l.contains(o.target)&&L();const s=document.querySelector(".tv-demo-dropdown.theme-dropdown");s&&!s.contains(o.target)&&r()})});const p=o=>{const l=R.value.findIndex(s=>s.id===o);l>-1&&R.value.splice(l,1)};e.watchEffect(async()=>{await K(),await u()});const be=e.ref("playground"),Ee=()=>{if(d.value?.propsData)try{m.value=JSON.parse(JSON.stringify(d.value.propsData))}catch{m.value={...d.value.propsData}}else m.value={};$("Props reset to default","success",2e3)},X=e.ref("Vue 3 Setup"),ke=e.computed(()=>d.value?.code&&Array.isArray(d.value.code)?d.value.code.map(o=>o.type):[]),we=e.computed(()=>{if(d.value?.code&&Array.isArray(d.value.code)){const o=d.value.code.find(l=>l.type===X.value);return o?o.content:""}return d.value?.html\|\|""}),Ve=e.computed(()=>d.value?.code&&Array.isArray(d.value.code)&&d.value.code.find(l=>l.type===X.value)?.lang\|\|"html");return e.watch(()=>ke.value,o=>{o.length>0&&!o.includes(X.value)&&(X.value=o[0])},{immediate:!0}),{customStyle:Y,toasts:R,readmeContent:j,changelogContent:q,selectedTab:f,searchQuery:h,selectedVariantKey:i,totalVariantsCount:de,filteredVariantsCount:ce,variantsListRef:g,virtualizedVariants:me,virtualPaddingTop:b,virtualPaddingBottom:F,emptySearchState:k,theme:E,variant:d,addToast:$,removeToast:p,selectVariant:se,setClickItem:fe,toggleTheme:O,handleVariantsScroll:pe,handleVariantsKeydown:Q,reactiveProps:m,eventLogs:I,addLog:ve,clearLogs:T,viewportWidth:v,activeToolTab:be,resetProps:Ee,copyCode:o=>{const l=o\|\|we.value;navigator.clipboard.writeText(l).then(()=>{$("Code copied to clipboard","success",2e3)}).catch(s=>{$(`Failed to copy: ${s}`,"error",2e3)})},backgroundType:ne,isRtl:le,isGrid:y,isSidebarCompressed:B,showScrollToTop:ae,isInstallDropdownOpen:z,toggleInstallDropdown:he,isThemeDropdownOpen:t,toggleThemeDropdown:n,selectedCodeType:X,availableCodeTypes:ke,currentCode:we,currentLang:Ve}},Te={key:0,class:"tv-demo-back-row"},Se={class:"tv-demo-case"},$e={class:"tv-demo-header"},ze={class:"tv-demo-links"},Le=["href"],Me={class:"tv-demo-dropdown-content"},Pe={class:"tv-demo-theme"},Ae={class:"switch"},Ie=["checked"],Oe={class:"tv-demo-tools main-tabs"},Re={class:"tv-demo-tools-tabs"},Ue={class:"tv-demo-tools-content main-content"},_e={class:"tv-demo-sidebar-header"},Fe={class:"tv-demo-sidebar-meta"},Ge={class:"tv-demo-sidebar-actions"},He=["aria-label"],je={class:"tv-demo-sidebar-content-wrapper"},qe=["aria-activedescendant"],We=["id","aria-selected","onClick"],Ke={class:"tv-demo-variant-card-content"},Ze={class:"tv-demo-variant-card-title"},Je={class:"tv-demo-variant-card-description"},Qe={key:1,class:"tv-demo-empty-state"},Ye={class:"tv-demo-content","aria-live":"polite"},Xe={class:"tv-demo-content-header"},et={class:"tv-demo-viewport-controls"},tt={class:"tv-demo-dropdown-content"},ot={class:"tv-demo-description"},nt={class:"tv-demo-component-content"},lt={key:1,class:"tv-demo-empty-component"},at={class:"tv-demo-tools"},rt={class:"tv-demo-tools-tabs"},st={key:0,class:"tv-demo-badge"},it={class:"tv-demo-tools-content"},dt={class:"tv-demo-tool-pane"},ct={class:"tv-demo-toolbar"},ut={key:0,class:"tv-demo-controls-grid"},mt=["title"],vt={class:"tv-demo-control-input-wrapper"},pt={key:0,class:"switch small"},ft=["onUpdate:modelValue","id"],ht=["onUpdate:modelValue","id"],kt=["onUpdate:modelValue","id"],wt={key:0,class:"tv-demo-control-input-wrapper color-wrapper"},gt=["onUpdate:modelValue","id"],yt=["onUpdate:modelValue","id"],bt={key:1,class:"tv-demo-empty-state small"},Et={key:0,class:"tv-demo-tool-pane"},Vt={class:"tv-demo-toolbar"},Ct={class:"tv-demo-logs-container"},Nt={key:0,class:"tv-demo-logs-empty"},Bt={class:"tv-demo-log-time"},xt={class:"tv-demo-log-name"},Dt={key:0,class:"tv-demo-log-payload"},Tt={key:1,class:"tv-demo-tool-pane"},St={class:"tv-demo-toolbar"},$t={class:"tv-demo-code-header"},zt={key:0,class:"tv-demo-code-switcher"},Lt=["onClick"],Mt={key:1,class:"tv-demo-empty-state small"},Pt={key:0},At={key:0,class:"markdown-body"},It={key:1},Ot={key:1},Rt={key:0,class:"markdown-body"},Ut={key:1},_t={class:"tv-demo-footer-content"},Ft={class:"tv-demo-footer-main"},Gt={class:"tv-demo-footer-brand"},Ht={class:"tv-demo-footer-brand-text"},jt={class:"tv-demo-footer-brand-version"},qt={class:"tv-demo-footer-bottom"},Wt={class:"tv-demo-footer-copyright"},oe={__name:"TvDemo",props:{demoStyle:{type:Object,default:()=>({body:{},content:{}})},hideBackground:Boolean,component:Object,variants:Array,componentName:{type:String,default:"Component Demo"},sourceLink:{type:String,default:null},urlClone:{type:String,default:null},npmInstall:{type:String,default:null},isDevComponent:{type:Boolean,default:!1},version:{type:String,default:"0.0.0"},readmePath:{type:String,default:"./README.md"},changelogPath:{type:String,default:"./CHANGELOG.md"},showDocumentation:{type:Boolean,default:!0},showChangelog:{type:Boolean,default:!0},manualEmits:{type:Array,default:()=>[]}},setup(a){const E=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./ToastContainer-B-rxasZF.cjs"))),R=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./ToUp-CJUZN3du.cjs"))),j=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./TvPreviewFrame-COIIvDUA.cjs"))),q=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./TvNestedEditor-C6zgg9gF.cjs"))),f=a,h=e.ref(!1),i=()=>{typeof window>"u"\|\|window.history.back()},g=()=>{if(typeof window>"u")return;const L=typeof document<"u"&&!!document.referrer;window.navigation&&typeof window.navigation.canGoBack=="boolean"?h.value=window.navigation.canGoBack\|\|L:window.history.state&&typeof window.history.state.position=="number"?h.value=window.history.state.position>0\|\|L:h.value=L};e.onMounted(()=>{g(),typeof window<"u"&&(window.addEventListener("popstate",g),window.navigation&&window.navigation.addEventListener("currententrychange",g))}),e.onBeforeUnmount(()=>{typeof window<"u"&&(window.removeEventListener("popstate",g),window.navigation&&window.navigation.removeEventListener("currententrychange",g),window.removeEventListener("resize",z))});const{customStyle:V,toasts:v,readmeContent:ne,changelogContent:le,selectedTab:y,searchQuery:B,selectedVariantKey:C,totalVariantsCount:N,filteredVariantsCount:U,variantsListRef:ae,virtualizedVariants:x,virtualPaddingTop:de,virtualPaddingBottom:c,emptySearchState:ce,theme:k,variant:P,removeToast:re,setClickItem:A,toggleTheme:W,selectVariant:ue,handleVariantsKeydown:K,reactiveProps:u,eventLogs:O,addLog:Z,clearLogs:_,viewportWidth:D,activeToolTab:w,resetProps:J,copyCode:me,backgroundType:b,isRtl:F,isGrid:G,handleVariantsScroll:d,isSidebarCompressed:m,showScrollToTop:I,isInstallDropdownOpen:ve,toggleInstallDropdown:T,isThemeDropdownOpen:pe,toggleThemeDropdown:S,selectedCodeType:Q,availableCodeTypes:se,currentCode:Y,currentLang:fe}=De(f),$=e.ref(typeof window<"u"?window.innerWidth:1200),z=()=>{$.value=window.innerWidth};e.onMounted(()=>{typeof window<"u"&&window.addEventListener("resize",z)}),e.onBeforeUnmount(()=>{typeof window<"u"&&window.removeEventListener("resize",z)});const he=e.computed(()=>{const L={},t=f.component&&f.component.emits?Array.isArray(f.component.emits)?f.component.emits:Object.keys(f.component.emits):[],n=[...new Set([...t,...f.manualEmits])];return n.length>0&&n.forEach(r=>{L[`on${r.charAt(0).toUpperCase()+r.slice(1)}`]=p=>{Z(r,p)}}),L});return(L,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(k)}-mode tv-demo`),style:e.normalizeStyle(e.unref(V).body)},[e.createElementVNode("div",{class:e.normalizeClass(["tv-demo-body",{[`${e.unref(k)}-mode`]:!a.hideBackground}]),style:e.normalizeStyle(e.unref(V).content)},[h.value?(e.openBlock(),e.createElementBlock("div",Te,[e.createElementVNode("button",{type:"button",class:"tv-demo-btn-secondary","aria-label":"Back",onClick:i},"← Back")])):e.createCommentVNode("",!0),e.createElementVNode("div",Se,[e.createElementVNode("div",$e,[e.createElementVNode("div",null,[e.createElementVNode("div",ze,[a.sourceLink\|\|a.npmInstall\|\|a.urlClone?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[a.sourceLink?(e.openBlock(),e.createElementBlock("a",{key:0,href:a.sourceLink,target:"_blank",class:"tv-demo-btn-secondary is-small",style:{"text-decoration":"none",display:"inline-flex","align-items":"center"}}," View source code ",8,Le)):e.createCommentVNode("",!0),a.npmInstall?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["tv-demo-dropdown click-mode install-dropdown",{"is-open":e.unref(ve)}])},[e.createElementVNode("button",{class:"tv-demo-btn-secondary is-small",onClick:t[0]\|\|(t[0]=e.withModifiers((...n)=>e.unref(T)&&e.unref(T)(...n),["stop"]))}," Copy install command "),e.createElementVNode("div",Me,[e.createElementVNode("button",{onClick:t[1]\|\|(t[1]=n=>{e.unref(A)("npm"),e.unref(T)()})},[...t[34]\|\|(t[34]=[e.createElementVNode("svg",{role:"img",viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"})],-1),e.createTextVNode(" npm ",-1)])]),e.createElementVNode("button",{onClick:t[2]\|\|(t[2]=n=>{e.unref(A)("yarn"),e.unref(T)()})},[...t[35]\|\|(t[35]=[e.createElementVNode("svg",{role:"img",viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z"})],-1),e.createTextVNode(" yarn ",-1)])]),e.createElementVNode("button",{onClick:t[3]\|\|(t[3]=n=>{e.unref(A)("pnpm"),e.unref(T)()})},[...t[36]\|\|(t[36]=[e.createElementVNode("svg",{role:"img",viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z"})],-1),e.createTextVNode(" pnpm ",-1)])]),e.createElementVNode("button",{onClick:t[4]\|\|(t[4]=n=>{e.unref(A)("bun"),e.unref(T)()})},[...t[37]\|\|(t[37]=[e.createElementVNode("svg",{role:"img",viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M12 22.596c6.628 0 12-4.338 12-9.688 0-3.318-2.057-6.248-5.219-7.986-1.286-.715-2.297-1.357-3.139-1.89C14.058 2.025 13.08 1.404 12 1.404c-1.097 0-2.334.785-3.966 1.821a49.92 49.92 0 0 1-2.816 1.697C2.057 6.66 0 9.59 0 12.908c0 5.35 5.372 9.687 12 9.687v.001ZM10.599 4.715c.334-.759.503-1.58.498-2.409 0-.145.202-.187.23-.029.658 2.783-.902 4.162-2.057 4.624-.124.048-.199-.121-.103-.209a5.763 5.763 0 0 0 1.432-1.977Zm2.058-.102a5.82 5.82 0 0 0-.782-2.306v-.016c-.069-.123.086-.263.185-.172 1.962 2.111 1.307 4.067.556 5.051-.082.103-.23-.003-.189-.126a5.85 5.85 0 0 0 .23-2.431Zm1.776-.561a5.727 5.727 0 0 0-1.612-1.806v-.014c-.112-.085-.024-.274.114-.218 2.595 1.087 2.774 3.18 2.459 4.407a.116.116 0 0 1-.049.071.11.11 0 0 1-.153-.026.122.122 0 0 1-.022-.083 5.891 5.891 0 0 0-.737-2.331Zm-5.087.561c-.617.546-1.282.76-2.063 1-.117 0-.195-.078-.156-.181 1.752-.909 2.376-1.649 2.999-2.778 0 0 .155-.118.188.085 0 .304-.349 1.329-.968 1.874Zm4.945 11.237a2.957 2.957 0 0 1-.937 1.553c-.346.346-.8.565-1.286.62a2.178 2.178 0 0 1-1.327-.62 2.955 2.955 0 0 1-.925-1.553.244.244 0 0 1 .064-.198.234.234 0 0 1 .193-.069h3.965a.226.226 0 0 1 .19.07c.05.053.073.125.063.197Zm-5.458-2.176a1.862 1.862 0 0 1-2.384-.245 1.98 1.98 0 0 1-.233-2.447c.207-.319.503-.566.848-.713a1.84 1.84 0 0 1 1.092-.11c.366.075.703.261.967.531a1.98 1.98 0 0 1 .408 2.114 1.931 1.931 0 0 1-.698.869v.001Zm8.495.005a1.86 1.86 0 0 1-2.381-.253 1.964 1.964 0 0 1-.547-1.366c0-.384.11-.76.32-1.079.207-.319.503-.567.849-.713a1.844 1.844 0 0 1 1.093-.108c.367.076.704.262.968.534a1.98 1.98 0 0 1 .4 2.117 1.932 1.932 0 0 1-.702.868Z"})],-1),e.createTextVNode(" bun ",-1)])])])],2)):e.createCommentVNode("",!0),a.urlClone?(e.openBlock(),e.createElementBlock("button",{key:2,class:"tv-demo-btn-secondary is-small",onClick:t[5]\|\|(t[5]=n=>e.unref(A)("clone"))}," Copy repository clone URL ")):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",null,[e.createElementVNode("div",Pe,[t[39]\|\|(t[39]=e.createElementVNode("span",{style:{"font-size":"0.9rem",opacity:"0.8"}},"Theme",-1)),e.createElementVNode("label",Ae,[e.createElementVNode("input",{type:"checkbox",checked:e.unref(k)==="dark",onChange:t[6]\|\|(t[6]=(...n)=>e.unref(W)&&e.unref(W)(...n))},null,40,Ie),t[38]\|\|(t[38]=e.createElementVNode("span",{class:"slider round"},null,-1))])])])]),e.createElementVNode("div",Oe,[e.createElementVNode("div",Re,[e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(y)==="demo"}]),onClick:t[7]\|\|(t[7]=n=>y.value="demo")}," Demo ",2),a.showDocumentation?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(y)==="docs"}]),onClick:t[8]\|\|(t[8]=n=>y.value="docs")}," Documentation ",2)):e.createCommentVNode("",!0),a.showChangelog?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(y)==="changelog"}]),onClick:t[9]\|\|(t[9]=n=>y.value="changelog")}," Changelog ",2)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ue,[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["tv-demo-layout",{"is-compressed":e.unref(m)}])},[e.createElementVNode("aside",{class:e.normalizeClass(["tv-demo-sidebar",[`${e.unref(k)}-mode`,{"is-compressed":e.unref(m)}]])},[e.createElementVNode("div",_e,[e.withDirectives(e.createElementVNode("div",null,[e.createElementVNode("p",Fe,e.toDisplayString(e.unref(U))+" / "+e.toDisplayString(e.unref(N))+" variants",1),t[40]\|\|(t[40]=e.createElementVNode("h3",null,"Variants",-1))],512),[[e.vShow,!e.unref(m)]]),e.createElementVNode("div",Ge,[e.withDirectives(e.createElementVNode("button",{class:"tv-demo-sidebar-collapse","aria-label":"Scroll to top",onClick:t[10]\|\|(t[10]=n=>e.unref(ae)?.scrollTo({top:0,behavior:"smooth"}))},[...t[41]\|\|(t[41]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"12",y1:"19",x2:"12",y2:"5"}),e.createElementVNode("polyline",{points:"5 12 12 5 19 12"})],-1)])],512),[[e.vShow,!e.unref(m)&&e.unref(I)]]),e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-sidebar-collapse",{"is-rotated":e.unref(m)}]),"aria-label":e.unref(m)?"Expand sidebar":"Collapse sidebar",onClick:t[11]\|\|(t[11]=n=>m.value=!e.unref(m))},[...t[42]\|\|(t[42]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"19",y1:"12",x2:"5",y2:"12"}),e.createElementVNode("polyline",{points:"12 19 5 12 12 5"})],-1)])],10,He)])]),e.withDirectives(e.createElementVNode("div",je,[e.createElementVNode("label",{class:e.normalizeClass(["tv-demo-search",`${e.unref(k)}-mode`])},[t[43]\|\|(t[43]=e.createElementVNode("span",{class:"tv-demo-search-icon"},"🔍",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[12]\|\|(t[12]=n=>e.isRef(B)?B.value=n:null),type:"search",placeholder:"Search variants...",class:"tv-demo-search-input","aria-label":"Search variants",onKeydown:t[13]\|\|(t[13]=e.withKeys(e.withModifiers(n=>e.unref(K)(n),["prevent"]),["down"]))},null,544),[[e.vModelText,e.unref(B)]]),e.unref(B)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"tv-demo-search-clear","aria-label":"Clear search",onClick:t[14]\|\|(t[14]=n=>B.value="")},"✕")):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(["tv-demo-variants",`${e.unref(k)}-mode`]),role:"listbox",tabindex:"0","aria-label":"Available variants","aria-activedescendant":e.unref(C)?`variant-${e.unref(C)}`:null,onKeydown:t[16]\|\|(t[16]=(...n)=>e.unref(K)&&e.unref(K)(...n)),onScroll:t[17]\|\|(t[17]=(...n)=>e.unref(d)&&e.unref(d)(...n)),ref_key:"variantsListRef",ref:ae},[e.createElementVNode("div",{style:e.normalizeStyle({paddingTop:`${e.unref(de)}px`,paddingBottom:`${e.unref(c)}px`})},[e.unref(ce)?(e.openBlock(),e.createElementBlock("div",Qe,[e.createElementVNode("p",null,'No matches for "'+e.toDisplayString(e.unref(B))+'".',1),e.createElementVNode("button",{class:"tv-demo-reset",type:"button",onClick:t[15]\|\|(t[15]=n=>B.value="")},"Clear filter")])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(x),n=>(e.openBlock(),e.createElementBlock("button",{key:n.key,id:`variant-${n.key}`,type:"button",class:e.normalizeClass(["tv-demo-variant-card",{active:n.key===e.unref(C)}]),role:"option","aria-selected":n.key===e.unref(C),onClick:r=>e.unref(ue)(n.key)},[e.createElementVNode("span",Ke,[e.createElementVNode("span",Ze,e.toDisplayString(n.variant.title),1),e.createElementVNode("span",Je,e.toDisplayString(n.variant.description),1)]),t[44]\|\|(t[44]=e.createElementVNode("span",{class:"tv-demo-variant-card-icon"},"→",-1))],10,We))),128))],4)],42,qe)],512),[[e.vShow,!e.unref(m)]])],2),e.createElementVNode("section",Ye,[e.createElementVNode("div",Xe,[e.createElementVNode("div",null,[t[45]\|\|(t[45]=e.createElementVNode("p",{class:"tv-demo-content-label"},"Preview",-1)),e.createElementVNode("h3",null,e.toDisplayString(e.unref(P).title\|\|"Select a variant"),1)]),e.createElementVNode("div",et,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-viewport-btn",{active:e.unref(D)==="375px"}]),onClick:t[18]\|\|(t[18]=n=>D.value="375px"),"aria-label":"Mobile view (375px)",title:"Mobile (375px)"}," Mobile ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-viewport-btn",{active:e.unref(D)==="768px"}]),onClick:t[19]\|\|(t[19]=n=>D.value="768px"),"aria-label":"Tablet view (768px)",title:"Tablet (768px)"}," Tablet ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-viewport-btn",{active:e.unref(D)==="1280px"}]),onClick:t[20]\|\|(t[20]=n=>D.value="1280px"),"aria-label":"Desktop view (1280px)",title:"Desktop (1280px)"}," Desktop ",2),t[46]\|\|(t[46]=e.createElementVNode("div",{class:"tv-demo-separator"},null,-1)),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-icon-btn",{active:e.unref(F)}]),onClick:t[21]\|\|(t[21]=n=>F.value=!e.unref(F)),title:"Toggle RTL","aria-label":"Toggle RTL"}," ⇄ ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tv-demo-icon-btn",{active:e.unref(G)}]),onClick:t[22]\|\|(t[22]=n=>G.value=!e.unref(G)),title:"Toggle Grid","aria-label":"Toggle Grid"}," # ",2),e.createElementVNode("div",{class:e.normalizeClass(["tv-demo-dropdown theme-dropdown click-mode",{"is-open":e.unref(pe)}])},[e.createElementVNode("button",{type:"button",class:"tv-demo-icon-btn",title:"Background Color","aria-label":"Change Background",onClick:t[23]\|\|(t[23]=e.withModifiers((...n)=>e.unref(S)&&e.unref(S)(...n),["stop"]))}," 🎨 "),e.createElementVNode("div",tt,[e.createElementVNode("button",{onClick:t[24]\|\|(t[24]=n=>{b.value="default",e.unref(S)()}),class:e.normalizeClass({active:e.unref(b)==="default"})},"Default",2),e.createElementVNode("button",{onClick:t[25]\|\|(t[25]=n=>{b.value="checkered",e.unref(S)()}),class:e.normalizeClass({active:e.unref(b)==="checkered"})},"Checkered",2),e.createElementVNode("button",{onClick:t[26]\|\|(t[26]=n=>{b.value="white",e.unref(S)()}),class:e.normalizeClass({active:e.unref(b)==="white"})},"White",2),e.createElementVNode("button",{onClick:t[27]\|\|(t[27]=n=>{b.value="dark",e.unref(S)()}),class:e.normalizeClass({active:e.unref(b)==="dark"})},"Dark",2)])],2)])]),e.createElementVNode("p",ot,e.toDisplayString(e.unref(P).description\|\|"Select a variant from the list to view its details."),1),e.createElementVNode("div",nt,[e.unref(P)&&a.component?(e.openBlock(),e.createBlock(e.unref(j),{key:0,component:a.component,"component-props":{...e.unref(u),...he.value},"viewport-width":e.unref(D),"body-class":`${e.unref(k)}-mode`,"body-style":a.hideBackground?{}:e.unref(V).content,"is-rtl":e.unref(F),"background-type":e.unref(b),"is-grid":e.unref(G)},null,8,["component","component-props","viewport-width","body-class","body-style","is-rtl","background-type","is-grid"])):(e.openBlock(),e.createElementBlock("p",lt,"No component to render."))]),e.createElementVNode("div",at,[e.createElementVNode("div",rt,[e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(w)==="playground"}]),onClick:t[28]\|\|(t[28]=n=>w.value="playground")}," Playground ",2),e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(w)==="events"}]),onClick:t[29]\|\|(t[29]=n=>w.value="events")},[t[47]\|\|(t[47]=e.createTextVNode(" Events ",-1)),e.unref(O).length>0?(e.openBlock(),e.createElementBlock("span",st,e.toDisplayString(e.unref(O).length),1)):e.createCommentVNode("",!0)],2),e.createElementVNode("button",{class:e.normalizeClass(["tv-demo-tools-tab",{active:e.unref(w)==="code"}]),onClick:t[30]\|\|(t[30]=n=>w.value="code")}," Code ",2)]),e.createElementVNode("div",it,[e.withDirectives(e.createElementVNode("div",dt,[e.createElementVNode("div",ct,[t[48]\|\|(t[48]=e.createElementVNode("h3",{class:"tv-demo-tool-title"},"Props",-1)),e.createElementVNode("button",{class:"tv-demo-btn-secondary is-small",onClick:t[31]\|\|(t[31]=(...n)=>e.unref(J)&&e.unref(J)(...n))}," Reset Props ")]),Object.keys(e.unref(u)).length>0?(e.openBlock(),e.createElementBlock("div",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(n,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(["tv-demo-control-item",{"is-complex":typeof n=="object"&&n!==null}])},[typeof n!="object"\|\|n===null?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:"tv-demo-control-label",title:r},e.toDisplayString(r),9,mt),e.createElementVNode("div",vt,[typeof n=="boolean"?(e.openBlock(),e.createElementBlock("label",pt,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":p=>e.unref(u)[r]=p,id:`control-${r}`},null,8,ft),[[e.vModelCheckbox,e.unref(u)[r]]]),t[49]\|\|(t[49]=e.createElementVNode("span",{class:"slider round"},null,-1))])):typeof n=="number"?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":p=>e.unref(u)[r]=p,type:"number",class:"tv-demo-input",id:`control-${r}`},null,8,ht)),[[e.vModelText,e.unref(u)[r],void 0,{number:!0}]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:2,"onUpdate:modelValue":p=>e.unref(u)[r]=p,type:"text",class:"tv-demo-input",id:`control-${r}`},null,8,kt)),[[e.vModelText,e.unref(u)[r]]])])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof n=="string"&&(r.toLowerCase().includes("color")\|\|r.toLowerCase().includes("background")\|\|/^#([0-9A-F]{3}){1,2}$/i.test(n))?(e.openBlock(),e.createElementBlock("div",wt,[e.withDirectives(e.createElementVNode("input",{type:"color","onUpdate:modelValue":p=>e.unref(u)[r]=p,id:`control-color-${r}`,class:"tv-demo-color-picker"},null,8,gt),[[e.vModelText,e.unref(u)[r]]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p=>e.unref(u)[r]=p,type:"text",class:"tv-demo-input",id:`control-${r}`},null,8,yt),[[e.vModelText,e.unref(u)[r]]])])):(e.openBlock(),e.createBlock(e.unref(q),{key:1,modelValue:e.unref(u)[r],"onUpdate:modelValue":p=>e.unref(u)[r]=p,name:r},null,8,["modelValue","onUpdate:modelValue","name"]))],64))],2))),128))])):(e.openBlock(),e.createElementBlock("div",bt," No props available for this component. "))],512),[[e.vShow,e.unref(w)==="playground"]]),e.unref(w)==="events"?(e.openBlock(),e.createElementBlock("div",Et,[e.createElementVNode("div",Vt,[t[50]\|\|(t[50]=e.createElementVNode("h3",{class:"tv-demo-tool-title"},"Event Logger",-1)),e.unref(O).length>0?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:t[32]\|\|(t[32]=(...n)=>e.unref(_)&&e.unref(_)(...n)),class:"tv-demo-btn-secondary is-small"},"Clear")):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ct,[e.unref(O).length===0?(e.openBlock(),e.createElementBlock("div",Nt," Listening for events... ")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(O),n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:"tv-demo-log-item"},[e.createElementVNode("span",Bt,e.toDisplayString(n.timestamp),1),e.createElementVNode("span",xt,e.toDisplayString(n.eventName),1),n.payload!==void 0?(e.openBlock(),e.createElementBlock("span",Dt,e.toDisplayString(JSON.stringify(n.payload)),1)):e.createCommentVNode("",!0)]))),128))])])):e.createCommentVNode("",!0),e.unref(w)==="code"?(e.openBlock(),e.createElementBlock("div",Tt,[e.createElementVNode("div",St,[e.createElementVNode("div",$t,[t[51]\|\|(t[51]=e.createElementVNode("h3",{class:"tv-demo-tool-title"},"Generated Code",-1)),e.unref(se).length>1?(e.openBlock(),e.createElementBlock("div",zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(se),n=>(e.openBlock(),e.createElementBlock("button",{key:n,class:e.normalizeClass(["tv-demo-code-tab",{active:e.unref(Q)===n}]),onClick:r=>Q.value=n},e.toDisplayString(n),11,Lt))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("button",{class:"tv-demo-btn-secondary is-small",onClick:t[33]\|\|(t[33]=n=>e.unref(me)(e.unref(Y)))}," Copy Code ")]),e.unref(Y)?(e.openBlock(),e.createBlock(e.unref(Ne.HighCode),{class:"tv-demo-code",key:e.unref(Q),codeValue:e.unref(Y),theme:e.unref(k),lang:e.unref(fe),codeLines:"",height:"auto",copy:!1},null,8,["codeValue","theme","lang"])):(e.openBlock(),e.createElementBlock("div",Mt," No code available for this variant. "))])):e.createCommentVNode("",!0)])])])],2),[[e.vShow,e.unref(y)==="demo"]]),e.unref(y)==="docs"&&a.showDocumentation?(e.openBlock(),e.createElementBlock("div",Pt,[e.unref(ne)?(e.openBlock(),e.createElementBlock("div",At,[e.createVNode(e.unref(ge),{source:e.unref(ne),html:""},null,8,["source"])])):(e.openBlock(),e.createElementBlock("div",It,"No documentation available."))])):e.createCommentVNode("",!0),e.unref(y)==="changelog"&&a.showChangelog?(e.openBlock(),e.createElementBlock("div",Ot,[e.unref(le)?(e.openBlock(),e.createElementBlock("div",Rt,[e.createVNode(e.unref(ge),{source:e.unref(le),html:""},null,8,["source"])])):(e.openBlock(),e.createElementBlock("div",Ut,"No changelog available."))])):e.createCommentVNode("",!0)])])])],6)],6),e.createElementVNode("footer",{class:e.normalizeClass(["tv-demo-footer",`${e.unref(k)}-mode`])},[e.createElementVNode("div",_t,[e.createElementVNode("div",Ft,[e.createElementVNode("div",Gt,[t[52]\|\|(t[52]=e.createElementVNode("span",{class:"tv-demo-footer-logo"},[e.createElementVNode("img",{src:"https://res.cloudinary.com/denj4fg7f/image/upload/v1766183906/icono_git_bvxian.png",alt:"Icon TODOvue"})],-1)),e.createElementVNode("span",Ht,e.toDisplayString(a.componentName),1),e.createElementVNode("span",jt,"v"+e.toDisplayString(a.version),1)]),t[53]\|\|(t[53]=e.createStaticVNode('<div class="tv-demo-footer-info"><p class="tv-demo-footer-text"> Designed & Developed by <a href="https://cris-dev.com/" target="_blank" rel="noopener noreferrer" class="tv-demo-footer-link"> cris-dev.com </a></p><div class="tv-demo-footer-divider"></div><p class="tv-demo-footer-text"> Made with <span class="tv-demo-footer-heart">💙</span> using Vue.js </p></div>',1))]),e.createElementVNode("div",qt,[e.createElementVNode("p",Wt," © "+e.toDisplayString(new Date().getFullYear())+" TODOvue. All rights reserved. ",1)])])],2),e.createVNode(e.unref(E),{toasts:e.unref(v),onRemoveToast:e.unref(re)},null,8,["toasts","onRemoveToast"]),e.createVNode(e.unref(R),{theme:e.unref(k),"scroll-target":".tv-demo-body","aria-label":"Back to top"},null,8,["theme"])],64))}};oe.install=a=>{a.component("TvDemo",oe)};const Kt={install(a){a.component("TvDemo",oe)}};exports.TvDemo=oe;exports.TvDemoPlugin=Kt;exports.default=oe;

package/dist/tv-demo.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@600&family=Lato:wght@300&display=swap";.markdown-body{--base-size-4: .25rem;--base-size-8: .5rem;--base-size-16: 1rem;--base-size-24: 1.5rem;--base-size-40: 2.5rem;--base-text-weight-normal: 400;--base-text-weight-medium: 500;--base-text-weight-semibold: 600;--fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--fgColor-accent: Highlight}@media(prefers-color-scheme:dark){.markdown-body,[data-theme=dark]{color-scheme:dark;--focus-outlineColor: #1f6feb;--fgColor-default: #f0f6fc;--fgColor-muted: #9198a1;--fgColor-accent: #4493f8;--fgColor-success: #3fb950;--fgColor-attention: #d29922;--fgColor-danger: #f85149;--fgColor-done: #ab7df8;--bgColor-default: #0d1117;--bgColor-muted: #151b23;--bgColor-neutral-muted: #656c7633;--bgColor-attention-muted: #bb800926;--borderColor-default: #3d444d;--borderColor-muted: #3d444db3;--borderColor-neutral-muted: #3d444db3;--borderColor-accent-emphasis: #1f6feb;--borderColor-success-emphasis: #238636;--borderColor-attention-emphasis: #9e6a03;--borderColor-danger-emphasis: #da3633;--borderColor-done-emphasis: #8957e5;--color-prettylights-syntax-comment: #9198a1;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #f0f6fc;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-brackethighlighter-angle: #9198a1;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #f0f6fc;--color-prettylights-syntax-markup-bold: #f0f6fc;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #f0f6fc;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d}}@media(prefers-color-scheme:light){.markdown-body,[data-theme=light]{color-scheme:light;--focus-outlineColor: #0969da;--fgColor-default: #1f2328;--fgColor-muted: #59636e;--fgColor-accent: #0969da;--fgColor-success: #1a7f37;--fgColor-attention: #9a6700;--fgColor-danger: #d1242f;--fgColor-done: #8250df;--bgColor-default: #ffffff;--bgColor-muted: #f6f8fa;--bgColor-neutral-muted: #818b981f;--bgColor-attention-muted: #fff8c5;--borderColor-default: #d1d9e0;--borderColor-muted: #d1d9e0b3;--borderColor-neutral-muted: #d1d9e0b3;--borderColor-accent-emphasis: #0969da;--borderColor-success-emphasis: #1a7f37;--borderColor-attention-emphasis: #9a6700;--borderColor-danger-emphasis: #cf222e;--borderColor-done-emphasis: #8250df;--color-prettylights-syntax-comment: #59636e;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-prettylights-syntax-entity: #6639ba;--color-prettylights-syntax-storage-modifier-import: #1f2328;--color-prettylights-syntax-entity-tag: #0550ae;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-brackethighlighter-angle: #59636e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #1f2328;--color-prettylights-syntax-markup-bold: #1f2328;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #ffebe9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #d1d9e0;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-sublimelinter-gutter-mark: #818b98}}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;color:var(--fgColor-default);background-color:var(--bgColor-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body .octicon{display:inline-block;fill:currentColor;vertical-align:text-bottom}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{width:16px;height:16px;content:" ";display:inline-block;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{background-color:transparent;color:var(--fgColor-accent);text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dfn{font-style:italic}.markdown-body h1{margin:.67em 0;font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:2em;border-bottom:1px solid var(--borderColor-muted)}.markdown-body mark{background-color:var(--bgColor-attention-muted);color:var(--fgColor-default)}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{border-style:none;max-width:100%;box-sizing:content-box}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em var(--base-size-40)}.markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--borderColor-muted);height:.25em;padding:0;margin:var(--base-size-24) 0;background-color:var(--borderColor-default);border:0}.markdown-body input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{-webkit-appearance:button;appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:var(--fgColor-muted);opacity:1}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid var(--focus-outlineColor);outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:solid 1px transparent}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid var(--focus-outlineColor);outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{display:inline-block;padding:var(--base-size-4);font:11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);line-height:10px;color:var(--fgColor-default);vertical-align:middle;background-color:var(--bgColor-muted);border:solid 1px var(--borderColor-neutral-muted);border-bottom-color:var(--borderColor-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--borderColor-neutral-muted)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:var(--base-size-24);margin-bottom:var(--base-size-16);font-weight:var(--base-text-weight-semibold, 600);line-height:1.25}.markdown-body h2{font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid var(--borderColor-muted)}.markdown-body h3{font-weight:var(--base-text-weight-semibold, 600);font-size:1.25em}.markdown-body h4{font-weight:var(--base-text-weight-semibold, 600);font-size:1em}.markdown-body h5{font-weight:var(--base-text-weight-semibold, 600);font-size:.875em}.markdown-body h6{font-weight:var(--base-text-weight-semibold, 600);font-size:.85em;color:var(--fgColor-muted)}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0;padding:0 1em;color:var(--fgColor-muted);border-left:.25em solid var(--borderColor-default)}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font-family:var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);font-size:12px;word-wrap:normal}.markdown-body .octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor}.markdown-body input::-webkit-outer-spin-button,.markdown-body input::-webkit-inner-spin-button{margin:0;appearance:none}.markdown-body .mr-2{margin-right:var(--base-size-8, 8px)!important}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:var(--fgColor-danger)}.markdown-body .anchor{float:left;padding-right:var(--base-size-4);margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:var(--base-size-16)}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:var(--fgColor-default);vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{padding-bottom:0;border-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type="a s"]{list-style-type:lower-alpha}.markdown-body ol[type="A s"]{list-style-type:upper-alpha}.markdown-body ol[type="i s"]{list-style-type:lower-roman}.markdown-body ol[type="I s"]{list-style-type:upper-roman}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:var(--base-size-16)}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:var(--base-size-16);font-size:1em;font-style:italic;font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dl dd{padding:0 var(--base-size-16);margin-bottom:var(--base-size-16)}.markdown-body table th{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid var(--borderColor-default)}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:var(--bgColor-default);border-top:1px solid var(--borderColor-muted)}.markdown-body table tr:nth-child(2n){background-color:var(--bgColor-muted)}.markdown-body table img{background-color:transparent}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid var(--borderColor-default)}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:var(--fgColor-default)}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:var(--bgColor-neutral-muted);border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:var(--base-size-16)}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:var(--base-size-16);overflow:auto;font-size:85%;line-height:1.45;color:var(--fgColor-default);background-color:var(--bgColor-muted);border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px var(--base-size-8) 9px;text-align:right;background:var(--bgColor-default);border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:var(--base-text-weight-semibold, 600);background:var(--bgColor-muted);border-top:0}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{font-size:12px;color:var(--fgColor-muted);border-top:1px solid var(--borderColor-default)}.markdown-body .footnotes ol{padding-left:var(--base-size-16)}.markdown-body .footnotes ol ul{display:inline-block;padding-left:var(--base-size-16);margin-top:var(--base-size-16)}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{position:absolute;top:calc(var(--base-size-8)-1);right:calc(var(--base-size-8)-1);bottom:calc(var(--base-size-8)-1);left:calc(var(--base-size-24)-1);pointer-events:none;content:"";border:2px solid var(--borderColor-accent-emphasis);border-radius:6px}.markdown-body .footnotes li:target{color:var(--fgColor-default)}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body body:has(:modal){padding-right:var(--dialog-scrollgutter)!important}.markdown-body .pl-c{color:var(--color-prettylights-syntax-comment)}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:var(--color-prettylights-syntax-constant)}.markdown-body .pl-e,.markdown-body .pl-en{color:var(--color-prettylights-syntax-entity)}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:var(--color-prettylights-syntax-storage-modifier-import)}.markdown-body .pl-ent{color:var(--color-prettylights-syntax-entity-tag)}.markdown-body .pl-k{color:var(--color-prettylights-syntax-keyword)}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:var(--color-prettylights-syntax-string)}.markdown-body .pl-v,.markdown-body .pl-smw{color:var(--color-prettylights-syntax-variable)}.markdown-body .pl-bu{color:var(--color-prettylights-syntax-brackethighlighter-unmatched)}.markdown-body .pl-ii{color:var(--color-prettylights-syntax-invalid-illegal-text);background-color:var(--color-prettylights-syntax-invalid-illegal-bg)}.markdown-body .pl-c2{color:var(--color-prettylights-syntax-carriage-return-text);background-color:var(--color-prettylights-syntax-carriage-return-bg)}.markdown-body .pl-sr .pl-cce{font-weight:700;color:var(--color-prettylights-syntax-string-regexp)}.markdown-body .pl-ml{color:var(--color-prettylights-syntax-markup-list)}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:var(--color-prettylights-syntax-markup-heading)}.markdown-body .pl-mi{font-style:italic;color:var(--color-prettylights-syntax-markup-italic)}.markdown-body .pl-mb{font-weight:700;color:var(--color-prettylights-syntax-markup-bold)}.markdown-body .pl-md{color:var(--color-prettylights-syntax-markup-deleted-text);background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.markdown-body .pl-mi1{color:var(--color-prettylights-syntax-markup-inserted-text);background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.markdown-body .pl-mc{color:var(--color-prettylights-syntax-markup-changed-text);background-color:var(--color-prettylights-syntax-markup-changed-bg)}.markdown-body .pl-mi2{color:var(--color-prettylights-syntax-markup-ignored-text);background-color:var(--color-prettylights-syntax-markup-ignored-bg)}.markdown-body .pl-mdr{font-weight:700;color:var(--color-prettylights-syntax-meta-diff-range)}.markdown-body .pl-ba{color:var(--color-prettylights-syntax-brackethighlighter-angle)}.markdown-body .pl-sg{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.markdown-body .pl-corl{text-decoration:underline;color:var(--color-prettylights-syntax-constant-other-reference-link)}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){outline:none;box-shadow:none}.markdown-body [tabindex="0"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{display:inline-block;min-width:1ch;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1em;font-style:normal!important;font-weight:var(--base-text-weight-normal, 400);line-height:1;vertical-align:-.075em}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:var(--base-text-weight-normal, 400)}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:var(--base-size-4)}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{margin:0 .2em .25em -1.4em;vertical-align:middle}.markdown-body ul:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body ol:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{display:block;width:auto;height:24px;overflow:visible;clip:auto}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{padding:var(--base-size-8) var(--base-size-16);margin-bottom:var(--base-size-16);color:inherit;border-left:.25em solid var(--borderColor-default)}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{display:flex;font-weight:var(--base-text-weight-medium, 500);align-items:center;line-height:1}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:var(--borderColor-accent-emphasis)}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--fgColor-accent)}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:var(--borderColor-done-emphasis)}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--fgColor-done)}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:var(--borderColor-attention-emphasis)}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--fgColor-attention)}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:var(--borderColor-success-emphasis)}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--fgColor-success)}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:var(--borderColor-danger-emphasis)}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--fgColor-danger)}.markdown-body>:first-child>.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,sans-serif;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:Kanit,sans-serif;font-size:2rem}.dark-mode,.dark-mode body{background-color:#161e31;color:#cbd5e1}.dark-mode .tv-search-results::-webkit-scrollbar-thumb{background-color:#0e131f}.dark-mode .tv-search-results::-webkit-scrollbar-thumb:hover{background-color:#000}.light-mode,.light-mode body{background-color:#f8fafc;color:#1e293b}.light-mode .tv-search-results::-webkit-scrollbar-thumb{background-color:#b9c4df}.light-mode .tv-search-results::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f1f9f9}::-webkit-scrollbar-thumb{background-color:#b9c4df}::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.markdown-body{padding:40px 30px!important;border-radius:16px;color:#fff;font-size:16px;line-height:1.8;font-family:Lato,sans-serif}.markdown-body a{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s ease}.markdown-body a:hover{color:#60a5fa;text-decoration:underline}.markdown-body h1,.markdown-body h2,.markdown-body h3{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Kanit,sans-serif;margin-top:2em;margin-bottom:1em;font-weight:700}.markdown-body h1{font-size:2.5rem;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#3b82f6,#8b5cf6) 1;padding-bottom:.5em}.markdown-body h2{font-size:2rem}.markdown-body h3{font-size:1.6rem}.markdown-body pre{background:linear-gradient(135deg,#1e293b,#0f172a);padding:20px;border-radius:12px;overflow-x:auto;box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff0d;border:2px solid rgba(59,130,246,.2)}.markdown-body code{background:linear-gradient(135deg,#3b82f626,#8b5cf626);padding:4px 8px;border-radius:6px;font-size:.9em;border:1px solid rgba(59,130,246,.3)}.markdown-body p{margin-bottom:1.2em}.tv-demo {box-sizing:border-box;margin:0;padding:0}.tv-demo-content{padding:20px;border:1px solid #4a4a4a;border-radius:0 5px 5px;min-width:0;max-width:100%;overflow:hidden}.tv-demo-content .tv-demo-description{font-size:1.1rem;padding:20px 0}.tv-demo-content .tv-demo-component-content{display:flex;align-items:flex-start;margin:0 auto;width:100%;max-width:100%;overflow-x:auto;transition:width .3s cubic-bezier(.25,.8,.25,1)}.tv-demo-content>{max-width:100%}.tv-demo-links-item{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.95rem;color:inherit;font-weight:600;background:none;border:none;text-decoration:none;position:relative;padding:2px 0;letter-spacing:.02em;transition:color .25s ease,transform .25s ease;isolation:isolate}.tv-demo-links-item:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:currentColor;opacity:.25;transform-origin:left;transform:scaleX(.3);transition:opacity .25s ease,transform .25s ease}.tv-demo-links-item:hover,.tv-demo-links-item:focus-visible{transform:translateY(-1px)}.tv-demo-links-item:hover:after,.tv-demo-links-item:focus-visible:after{opacity:.85;transform:scaleX(1)}.tv-demo-links-item:focus-visible{outline:none;box-shadow:0 0 0 2px currentColor;border-radius:4px}.dark-mode .tv-demo-select{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.dark-mode .tv-demo-option{background:#b9c4df}.dark-mode .no-background{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.dark-mode a.tv-demo-links-item,.dark-mode div.tv-demo-links-item{color:inherit;text-decoration-color:#60a5fa99;text-shadow:0 0 12px rgba(96,165,250,.35)}.dark-mode a.tv-demo-links-item:hover,.dark-mode div.tv-demo-links-item:hover{color:#93c5fd;text-decoration-color:#93c5fde6}.light-mode .tv-demo-select{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.light-mode .tv-demo-option{background:#0e131f}.light-mode .no-background{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.light-mode div.tv-demo-links-item,.light-mode a.tv-demo-links-item{color:inherit;text-decoration-color:#1e40af99;text-shadow:0 0 12px rgba(30,64,175,.25)}.light-mode div.tv-demo-links-item:hover,.light-mode a.tv-demo-links-item:hover{color:#1d4ed8;text-decoration-color:#1d4ed8e6}.tv-demo-body{margin:0 auto;min-height:100vh;width:80%}.tv-demo-body.dark-mode{background-color:#0e131f}.tv-demo-body.dark-mode .tv-demo-select{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.tv-demo-body.dark-mode .tv-demo-option{background:#b9c4df}.tv-demo-body.dark-mode .tv-demo-links-item{color:#b9c4df;text-decoration-color:#b9c4df99}.tv-demo-body.light-mode{background-color:#b9c4df}.tv-demo-body.light-mode .tv-demo-select{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.tv-demo-body.light-mode .tv-demo-option{background:#0e131f}.tv-demo-body.light-mode .tv-demo-links-item{color:#0e131f;text-decoration-color:#0e131f99}.tv-demo-body .tv-demo-theme{display:flex;align-items:center;gap:10px;min-height:100%;padding:0 20px;width:100%}.tv-demo-body .tv-demo-links{display:flex;gap:12px;align-content:center;align-items:center;flex-wrap:wrap}.tv-demo-body .tv-demo-links a{color:inherit}.tv-demo-body .tv-demo-links>span{opacity:.3;font-weight:300}.tv-demo-body .tv-demo-header{padding-top:25px;display:flex;justify-content:space-between}.tv-demo-body .tv-demo-case{padding:0 40px 40px;position:relative}.tv-demo-body .tv-demo-case-demo .demo{margin-bottom:20px}.tv-demo-body .tv-demo-case-demo h3{font-size:1.4rem;padding-top:20px;font-family:Kanit,sans-serif;font-weight:600}.tv-demo-body .tv-demo-case-demo h1{font-size:2.5rem;font-weight:700;font-family:Kanit,sans-serif;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tv-demo-body .tv-demo-case-demo h1 span{font-size:1rem;font-weight:300}.tv-demo-body .tv-demo-select{border-radius:8px;cursor:pointer;font-size:16px;height:44px;margin-bottom:20px;margin-top:10px;padding:0 16px;width:100%;border:2px solid transparent;transition:all .3s ease;font-weight:500;outline:none;box-shadow:0 2px 8px #0000001a}.tv-demo-body .tv-demo-select:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #00000026}.tv-demo-body .tv-demo-select:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #00000026}.tv-demo-body .tv-demo-select-theme{width:150px}.tv-demo-body .tv-demo-option{font-size:16px}.tv-demo-body .tv-demo-component{align-items:center;display:flex;height:100%;justify-content:center;margin-top:5px;width:100%}.tv-demo-body .tv-demo-no-component{color:inherit;font-size:1.5rem;font-weight:500;text-align:center}.tv-demo-body .tv-demo-code{margin-top:5px;width:100%!important;height:auto!important;padding:20px 0}.tv-demo-footer{position:relative;padding:0;font-family:Lato,sans-serif;transition:all .3s ease;overflow:hidden}.tv-demo-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.5) 50%,transparent 100%)}.tv-demo-footer.dark-mode{background:linear-gradient(135deg,#111726,#0e131f,#13192a);color:#cbd5e1}.tv-demo-footer.dark-mode .tv-demo-footer-text,.tv-demo-footer.dark-mode .tv-demo-footer-copyright{color:#8aa1bc}.tv-demo-footer.dark-mode .tv-demo-footer-link{color:#3b82f6}.tv-demo-footer.dark-mode .tv-demo-footer-link:hover{color:#60a5fa;text-shadow:0 0 8px rgba(59,130,246,.3)}.tv-demo-footer.dark-mode .tv-demo-footer-brand-text{color:#cbd5e1;text-shadow:0 0 20px rgba(59,130,246,.3)}.tv-demo-footer.dark-mode .tv-demo-footer-divider{background:#ffffff1a}.tv-demo-footer.light-mode{background:linear-gradient(135deg,#cbd3e7,#b9c4df,#c4cde4);color:#1e293b}.tv-demo-footer.light-mode .tv-demo-footer-text,.tv-demo-footer.light-mode .tv-demo-footer-copyright{color:#2f405d}.tv-demo-footer.light-mode .tv-demo-footer-link{color:#1e40af}.tv-demo-footer.light-mode .tv-demo-footer-link:hover{color:#3b82f6;text-shadow:0 0 8px rgba(30,64,175,.2)}.tv-demo-footer.light-mode .tv-demo-footer-brand-text{color:#1e293b;text-shadow:0 0 20px rgba(30,64,175,.2)}.tv-demo-footer.light-mode .tv-demo-footer-divider{background:#0000001a}.tv-demo-footer-content{margin:0 auto;padding:40px 20px 20px}.tv-demo-footer-main{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:30px}.tv-demo-footer-brand{display:flex;align-items:center;gap:12px;font-family:Kanit,sans-serif;font-size:1.8rem;font-weight:700}.tv-demo-footer-logo{max-width:25px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.tv-demo-footer-logo img{width:100%}.tv-demo-footer-brand-text{letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tv-demo-footer-brand-version{letter-spacing:.3px;font-size:1rem;-webkit-background-clip:text;background-clip:text}.tv-demo-footer-info{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.tv-demo-footer-text{font-size:1rem;display:flex;align-items:center;gap:8px;margin:0;opacity:.85;transition:all .3s ease;font-weight:400}.tv-demo-footer-text:hover{opacity:1;transform:translateY(-2px)}.tv-demo-footer-divider{width:1px;height:20px;opacity:.3}.tv-demo-footer-link{text-decoration:none!important;font-weight:600!important;position:relative;transition:all .3s ease;padding:0 0 2px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;letter-spacing:normal!important;display:inline!important;gap:0!important;overflow:visible!important}.tv-demo-footer-link:before{display:none!important}.tv-demo-footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:currentColor;transition:width .3s ease}.tv-demo-footer-link:hover{transform:none!important;box-shadow:none!important;background:transparent!important}.tv-demo-footer-link:hover:after{width:100%}.tv-demo-footer-heart{font-size:1.2rem;display:inline-block;animation:pulse 2s infinite ease-in-out;filter:drop-shadow(0 0 4px rgba(59,130,246,.4))}.tv-demo-footer-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.tv-demo-footer-copyright{font-size:.85rem;margin:0;opacity:.6;font-weight:300;letter-spacing:.3px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-2deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.switch{position:relative;display:inline-block;width:60px;height:32px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(135deg,#cbd5e1,#94a3b8);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #00000026}.slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background:linear-gradient(135deg,#fff,#f8fafc);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,0 1px 3px #0000001a}input:checked+.slider{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:inset 0 2px 4px #0000001a,0 2px 12px #3b82f666}input:focus+.slider{box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #3b82f633,0 2px 8px #00000026}input:checked+.slider:before{transform:translate(28px);box-shadow:0 2px 8px #00000040,0 1px 3px #00000026}.slider:hover{box-shadow:inset 0 2px 4px #0000001a,0 4px 12px #0003}input:checked+.slider:hover{box-shadow:inset 0 2px 4px #0000001a,0 4px 16px #3b82f680}.tv-demo-controls-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(128,128,128,.2)}.tv-demo-controls-section h3{margin-top:0;margin-bottom:20px;font-size:1.1rem;font-weight:600;opacity:.9}.tv-demo-logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tv-demo-reset.is-small{padding:4px 10px;font-size:.8rem;background:#80808033;border:none;border-radius:4px;color:inherit;cursor:pointer;transition:background .2s}.tv-demo-reset.is-small:hover{background:#8080804d}.tv-demo-logs-container{background:#00000008;border:1px solid rgba(128,128,128,.1);border-radius:8px;height:200px;overflow-y:auto;overflow-x:hidden;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.dark-mode .tv-demo-logs-container{background:#0003}.tv-demo-logs-empty{display:flex;align-items:center;justify-content:center;height:100%;opacity:.5;font-style:italic}.tv-demo-log-item{padding:6px 0;border-bottom:1px solid rgba(128,128,128,.1);display:flex;flex-wrap:wrap;gap:8px;animation:slideInRight .2s ease-out}.tv-demo-log-item:last-child{border-bottom:none}.tv-demo-log-time{opacity:.5;font-size:.75rem;min-width:65px}.tv-demo-log-name{color:#3b82f6;font-weight:600}.dark-mode .tv-demo-log-name{color:#60a5fa}.tv-demo-log-payload{opacity:.8;word-break:break-all}.slider.round{border-radius:32px}.slider.round:before{border-radius:50%}.tv-demo-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;margin-top:20px;width:100%;max-width:100%;transition:grid-template-columns .3s cubic-bezier(.25,.8,.25,1)}.tv-demo-layout.is-compressed{grid-template-columns:60px 1fr}.tv-demo-layout.is-compressed .tv-demo-sidebar{padding:10px;align-items:center}.tv-demo-layout.is-compressed .tv-demo-sidebar .tv-demo-sidebar-header{margin-bottom:0;justify-content:center}.tv-demo-layout.is-compressed .tv-demo-sidebar .tv-demo-sidebar-actions{flex-direction:column}.tv-demo-sidebar{display:flex;flex-direction:column;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.08);background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:100%}.tv-demo-sidebar.light-mode{border-color:#00000014;background:#fff9}.tv-demo-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tv-demo-sidebar-header h3{margin:0;font-size:1.3rem}.tv-demo-sidebar-actions{display:flex;gap:8px}.tv-demo-sidebar-meta{font-size:.85rem;opacity:.7;margin-bottom:4px}.tv-demo-sidebar-collapse{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:.9rem;padding:6px 8px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,border-color .2s;color:#fff}.tv-demo-sidebar-collapse.is-rotated{transform:rotate(180deg)}.tv-demo-sidebar-collapse:hover{border-color:#fff9}.light-mode .tv-demo-sidebar-collapse{border-color:#00000026;color:#000}.light-mode .tv-demo-sidebar-collapse:hover{border-color:#00000073}.tv-demo-search{display:flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;border:1px solid rgba(255,255,255,.2);margin-bottom:16px;background:#ffffff0d}.tv-demo-search.light-mode{border-color:#0000001a;background:#00000008}.tv-demo-search-icon{font-size:.85rem}.tv-demo-search-input{background:transparent;border:none;flex:1;font-size:.9rem;outline:none;color:inherit}.tv-demo-search-clear{background:transparent;border:none;cursor:pointer;font-size:.85rem;opacity:.7}.tv-demo-variants{position:relative;flex:1;overflow:auto;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;max-height:550px}.tv-demo-variants.light-mode{border-color:#00000014;background:#00000003}.tv-demo-variant-card{width:100%;display:flex;justify-content:space-between;gap:12px;border:none;background:#0000004d;color:inherit;padding:14px;border-radius:12px;text-align:left;cursor:pointer;margin-bottom:8px;transition:transform .2s ease,box-shadow .2s ease}.tv-demo-variant-card:hover{transform:translate(4px);box-shadow:0 10px 20px #0000004d}.tv-demo-variant-card.active{outline:2px solid rgba(59,130,246,.7);background:#3b82f626}.light-mode .tv-demo-variant-card{background:#fffc}.light-mode .tv-demo-variant-card.active{background:#3b82f61f}.tv-demo-variant-card-content{flex:1}.tv-demo-variant-card-title{display:block;font-weight:600;margin-bottom:4px}.tv-demo-variant-card-description{font-size:.85rem;opacity:.75}.tv-demo-variant-card-icon{opacity:.7}.tv-demo-empty-state{text-align:center;padding:20px;opacity:.8}.tv-demo-reset{margin-top:12px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;cursor:pointer}.tv-demo-empty-component,.tv-demo-empty-code{text-align:center;padding:20px;opacity:.8}.tv-to-up{position:fixed;right:clamp(16px,4vw,40px);bottom:clamp(16px,4vw,40px);display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;border:none;cursor:pointer;font-family:Lato,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.04em;box-shadow:0 12px 30px #00000040;transition:transform .25s ease,box-shadow .25s ease,opacity .2s ease;z-index:40}.tv-to-up:hover{transform:translateY(-3px);box-shadow:0 18px 35px #0000004d}.tv-to-up:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:4px}.tv-to-up.dark-mode{color:#cbd5e1;background:linear-gradient(135deg,#1b243b,#3b82f6)}.tv-to-up.light-mode{color:#f1f9f9;background:linear-gradient(135deg,#9dacd2,#2563eb)}.tv-to-up-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.3);font-size:1.1rem}.tv-to-up-label{text-transform:uppercase;font-size:.85rem}.tv-to-up-enter-active,.tv-to-up-leave-active{transition:opacity .2s ease,transform .2s ease}.tv-to-up-enter-from,.tv-to-up-leave-to{opacity:0;transform:translateY(12px)}.tv-demo-back-row{display:flex;justify-content:flex-start;padding:20px 40px 0}.tv-demo-tools{margin-top:24px;border:1px solid rgba(128,128,128,.2);border-radius:12px;overflow:hidden;background:#00000005}.dark-mode .tv-demo-tools{background:#00000026}.tv-demo-tools-tabs{display:flex;border-bottom:1px solid rgba(128,128,128,.2);background:#8080800d}.tv-demo-tools-tab{padding:12px 20px;background:transparent;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:inherit;opacity:.7;border-right:1px solid rgba(128,128,128,.1);display:flex;align-items:center;gap:8px;transition:all .2s ease}.tv-demo-tools-tab:hover{opacity:1;background:#8080800d}.tv-demo-tools-tab.active{opacity:1;font-weight:600;background:transparent;box-shadow:inset 0 -2px #3b82f6;color:#3b82f6}.dark-mode .tv-demo-tools-tab.active{color:#60a5fa;box-shadow:inset 0 -2px #60a5fa}.tv-demo-tools-content{padding:20px}.tv-demo-tool-pane{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tv-demo-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tv-demo-tool-title{margin:0;font-size:1.1rem;font-weight:600}.tv-demo-badge{background:#3b82f6;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:99px;font-weight:700;line-height:1}.tv-demo-btn-secondary{padding:6px 12px;background:transparent;border:1px solid rgba(128,128,128,.3);border-radius:6px;color:inherit;font-size:.85rem;cursor:pointer;transition:all .2s}.tv-demo-btn-secondary:hover{border-color:#80808099;background:#8080800d}.tv-demo-btn-secondary:active{transform:translateY(1px)}.tv-demo-controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tv-demo-control-item{display:flex;align-items:center;justify-content:space-between;background:#8080800d;padding:10px 14px;border-radius:8px;border:1px solid rgba(128,128,128,.1);transition:all .2s ease}.tv-demo-control-item:hover{border-color:#8080804d;background:#80808014}.tv-demo-control-label{font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;opacity:.8;margin-right:16px;white-space:nowrap;letter-spacing:.5px}.tv-demo-control-input-wrapper{flex:1;display:flex;justify-content:flex-end;min-width:0}.tv-demo-input{width:100%;max-width:180px;background:#0000000d;border:1px solid transparent;border-radius:6px;padding:6px 10px;color:inherit;font-size:.9rem;transition:all .2s}.dark-mode .tv-demo-input{background:#ffffff1a}.tv-demo-input:focus{outline:none;background:transparent;border-color:currentColor;opacity:1}.tv-demo-textarea{width:100%;max-width:180px;background:#0000000d;border:1px solid transparent;border-radius:6px;padding:6px 10px;color:inherit;font-size:.85rem;font-family:monospace;resize:vertical;min-height:32px}.dark-mode .tv-demo-textarea{background:#ffffff1a}.tv-demo-textarea:focus{outline:none;border-color:currentColor}.switch.small{transform:scale(.8);transform-origin:right center;margin:0}@media(max-width:1024px){.tv-demo-layout{grid-template-columns:1fr}.tv-demo-sidebar{max-height:none}}@media(max-width:768px){.tv-demo-layout,.tv-demo-layout.is-compressed{grid-template-columns:1fr}}@media(max-width:768px){.tv-demo-back-row{padding:10px}.tv-demo-case{padding:10px!important}.tv-demo-body{width:90%}.tv-demo-header{flex-direction:column;align-items:flex-start;gap:10px;padding:0}.tv-demo-header .tv-demo-theme{width:100%;padding-left:0;padding-right:0}.tv-demo-header .tv-demo-select-theme{width:100%}.tv-demo-footer-content{padding:30px 15px 15px}.tv-demo-footer-brand{font-size:1.5rem;gap:10px}.tv-demo-footer-logo{font-size:2rem}.tv-demo-footer-info{gap:15px;flex-direction:column;text-align:center}.tv-demo-footer-text{font-size:.9rem}.tv-demo-footer-divider{display:none}}@media(max-width:640px){.tv-demo-case{padding:15px!important}.tv-demo-body{width:100%;border-radius:0}.tv-demo-content{padding:15px;border-radius:0 8px 8px}.tv-demo-content .tv-demo-component-content{padding:15px;margin:15px auto}.tv-demo-footer-brand{font-size:1.3rem}.tv-demo-footer-logo{max-width:18px}.tv-demo-footer-text{font-size:.85rem;gap:6px}.tv-demo-footer-copyright{font-size:.75rem}.tv-demo-footer-brand-version{font-size:.85rem}.tv-demo-links-item{padding:0;font-size:.85rem;gap:4px}.markdown-body{padding:20px 15px;font-size:14px}.markdown-body h1{font-size:1.8rem}.markdown-body h2{font-size:1.5rem}.markdown-body h3{font-size:1.2rem}}.tv-demo-viewport-controls{display:flex;gap:8px;align-items:center}.tv-demo-viewport-controls .tv-demo-separator{width:1px;height:24px;background-color:currentColor;opacity:.2;margin:0 4px}.tv-demo-viewport-controls .tv-demo-icon-btn{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:6px;border-radius:6px;color:inherit;opacity:.7;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.tv-demo-viewport-controls .tv-demo-icon-btn:hover{opacity:1;background-color:#8080801a}.tv-demo-viewport-controls .tv-demo-icon-btn.active{opacity:1;background-color:#3b82f626;color:#3b82f6}.tv-demo-viewport-controls .tv-demo-dropdown{position:relative;display:inline-block}.tv-demo-viewport-controls .tv-demo-dropdown:hover .tv-demo-dropdown-content{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.tv-demo-viewport-controls .tv-demo-dropdown-content{display:none;position:absolute;right:0;top:100%;background-color:#fff;min-width:120px;box-shadow:0 8px 16px #0003;border-radius:8px;z-index:100;padding:4px;opacity:0;transform:translateY(-5px);transition:all .2s ease;pointer-events:none}.dark-mode .tv-demo-viewport-controls .tv-demo-dropdown-content{background-color:#1e293b;box-shadow:0 8px 16px #0006;border:1px solid rgba(255,255,255,.1)}.tv-demo-viewport-controls .tv-demo-dropdown-content button{color:inherit;padding:8px 12px;text-decoration:none;display:block;background:none;border:none;width:100%;text-align:left;cursor:pointer;border-radius:4px;font-size:.9rem}.tv-demo-viewport-controls .tv-demo-dropdown-content button:hover{background-color:#8080801a}.tv-demo-viewport-controls .tv-demo-dropdown-content button.active{color:#3b82f6;font-weight:600;background-color:#3b82f61a}.tv-demo-viewport-controls .tv-demo-color-picker{border:none;width:30px;height:30px;padding:0;background:none;cursor:pointer;margin-right:8px;border-radius:4px;overflow:hidden}.tv-demo-viewport-controls .tv-demo-color-picker::-webkit-color-swatch-wrapper{padding:0}.tv-demo-viewport-controls .tv-demo-color-picker::-webkit-color-swatch{border:1px solid rgba(128,128,128,.2);border-radius:4px}.tv-demo-viewport-controls .color-wrapper{align-items:center}.tv-demo-viewport-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid rgba(128,128,128,.2);background:transparent;color:inherit;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;line-height:1}.tv-demo-viewport-btn:hover{background:#8080801a;transform:translateY(-1px);border-color:#80808066}.tv-demo-viewport-btn:active{transform:translateY(0)}.tv-demo-viewport-btn.active{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6;font-weight:600}.dark-mode .tv-demo-viewport-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.dark-mode .tv-demo-viewport-btn.active{background:#60a5fa26;border-color:#60a5fa;color:#60a5fa}.tv-nested-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.tv-nested-editor.is-root{margin-top:-5px}.tv-nested-editor .tv-nested-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.tv-nested-editor .tv-nested-row:hover{background:#8080800d}.tv-nested-editor .tv-nested-label{margin-right:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.tv-nested-editor .tv-nested-input-wrapper{flex:1;display:flex;justify-content:flex-end;align-items:center}.tv-nested-editor .tv-nested-input-wrapper input{font-size:.85rem;padding:4px 8px}.tv-nested-editor .tv-nested-null{opacity:.5;font-style:italic}.tv-nested-editor .tv-nested-complex{margin-top:4px;margin-bottom:4px}.tv-nested-editor .tv-nested-header{display:flex;align-items:center;cursor:pointer;padding:6px 0;-webkit-user-select:none;user-select:none;transition:background .2s ease;border-radius:4px}.tv-nested-editor .tv-nested-header:hover{background:#8080801a}.tv-nested-editor .tv-nested-header.is-open{background:#8080800d}.tv-nested-editor .tv-nested-header .tv-nested-arrow{margin-right:8px;font-size:.7rem;opacity:.6;transition:transform .2s ease;display:inline-block;width:16px;text-align:center;line-height:1}.tv-nested-editor .tv-nested-header.is-open .tv-nested-arrow{transform:rotate(90deg)}.tv-nested-editor .tv-nested-children{padding-left:14px;border-left:1px solid rgba(128,128,128,.1);margin-left:7px;margin-top:4px}.dark-mode .tv-nested-children{border-left-color:#ffffff1a}.dark-mode .tv-nested-header:hover{background:#ffffff0d}.light-mode .tv-nested-children{border-left-color:#0000001a}.light-mode .tv-nested-header:hover{background:#0000000d}.tv-demo-control-item.is-complex{display:block}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-tag,.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-strong,.hljs-number,.hljs-name{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attribute,.hljs-attr,.hljs-symbol,.hljs-regexp,.hljs-link{color:#bf79db}.hljs-string,.hljs-bullet,.hljs-subst,.hljs-title,.hljs-section,.hljs-emphasis,.hljs-type,.hljs-built_in,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#a6e22e}.hljs-title.class_,.hljs-class .hljs-title{color:#fff}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#75715e}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-title,.hljs-section,.hljs-type,.hljs-selector-id{font-weight:700}.cb[data-v-3c0bc7c1]{position:absolute;cursor:pointer;transition:.3s opacity linear;opacity:.5;height:30px;width:80px;right:0}.cb:hover .cb_tooltip[data-v-3c0bc7c1]{display:block}.cb[data-v-3c0bc7c1]:hover{opacity:1}.cb_tooltip[data-v-3c0bc7c1]{font-family:sans-serif;display:none;position:absolute;left:-96px;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb_copy[data-v-3c0bc7c1]{position:absolute;font-family:sans-serif;display:block;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb textarea[data-v-3c0bc7c1]{-webkit-user-select:none;user-select:none;position:absolute;padding:0;width:0;height:0;background:transparent;resize:none;opacity:0;border-color:#0000}.TL[data-v-b98f7724]{display:flex;align-items:center;justify-content:center;width:40px;height:30px;position:relative}.TL_word[data-v-b98f7724]{width:20px;height:20px;text-align:center;color:#aaa;font-size:16px}.code[data-v-f4a493be]{display:flex;flex-direction:column;font-size:0;position:relative;text-align:left;overflow:hidden}.code_header[data-v-f4a493be]{min-height:14px;position:relative}.code_area[data-v-f4a493be]{position:relative;overflow:hidden;padding-left:20px;margin:auto 0;display:flex}.code_area textarea[data-v-f4a493be]{overflow-y:hidden;box-sizing:border-box;caret-color:#7f7f7f;-webkit-text-fill-color:transparent;white-space:pre;word-wrap:normal;border:0;position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:none;border:none;outline:none;resize:none;padding:0 20px 20px;line-height:1.3;overflow:overlay;font-family:Consolas,Monaco,monospace}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area_link[data-v-f4a493be]{position:absolute}.code_area.change_hight[data-v-f4a493be]{height:calc(100% - 30px)}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area pre[data-v-f4a493be]{position:relative;margin:0;height:100%;overflow:hidden}.code_header[data-v-f4a493be]{position:relative;display:flex;justify-content:flex-start;width:100%}.code pre code[data-v-f4a493be]{font-family:Consolas,Monaco,monospace;line-height:1.3;position:relative;overflow-x:visible;border-radius:0;box-sizing:border-box;display:block;border:none;margin:0}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar{width:6px}.code_area_lines[data-v-f4a493be]{display:flex;flex-direction:column;width:10px;align-items:center;position:absolute;transform:translate(-18px)}.code_area_lines_item[data-v-f4a493be]{height:24px;width:10px;font-size:12px;color:#adb5bd;text-align:center;display:flex;justify-content:center;align-items:center;opacity:.6}.code_area_lines_item.dark[data-v-f4a493be]{color:#adb5bd}.code_area_lines_item.light[data-v-f4a493be]{color:#212529}.atom_one_dark.hljs,.atom_one_dark .hljs{color:#abb2bf;background:#282c34}.atom_one_dark .hljs-comment,.atom_one_dark .hljs-quote{color:#5c6370;font-style:italic}.atom_one_dark .hljs-doctag,.atom_one_dark .hljs-keyword,.atom_one_dark .hljs-formula{color:#c678dd}.atom_one_dark .hljs-section,.atom_one_dark .hljs-name,.atom_one_dark .hljs-selector-tag,.atom_one_dark .hljs-deletion,.atom_one_dark .hljs-subst{color:#e06c75}.atom_one_dark .hljs-literal{color:#56b6c2}.atom_one_dark .hljs-string,.atom_one_dark .hljs-regexp,.atom_one_dark .hljs-addition,.atom_one_dark .hljs-attribute,.atom_one_dark .hljs-meta .hljs-string{color:#98c379}.atom_one_dark .hljs-attr,.atom_one_dark .hljs-variable,.atom_one_dark .hljs-template-variable,.atom_one_dark .hljs-type,.atom_one_dark .hljs-selector-class,.atom_one_dark .hljs-selector-attr,.atom_one_dark .hljs-selector-pseudo,.atom_one_dark .hljs-number{color:#d19a66}.atom_one_dark .hljs-symbol,.atom_one_dark .hljs-bullet,.atom_one_dark .hljs-link,.atom_one_dark .hljs-meta,.atom_one_dark .hljs-selector-id,.atom_one_dark .hljs-title{color:#61aeee}.atom_one_dark .hljs-built_in,.atom_one_dark .hljs-title .class_,.atom_one_dark .hljs-class .hljs-title{color:#e6c07b}.atom_one_dark .hljs-emphasis{font-style:italic}.atom_one_dark .hljs-strong{font-weight:700}.atom_one_dark .hljs-link{text-decoration:underline}.atom_one_light.hljs,.atom_one_light .hljs{color:#383a42;background:#edf2f4}.atom_one_light .hljs-comment,.atom_one_light .hljs-quote{color:#a0a1a7;font-style:italic}.atom_one_light .hljs-doctag,.atom_one_light .hljs-keyword,.atom_one_light .hljs-formula{color:#a626a4}.atom_one_light .hljs-section,.atom_one_light .hljs-name,.atom_one_light .hljs-selector-tag,.atom_one_light .hljs-deletion,.atom_one_light .hljs-subst{color:#e45649}.atom_one_light .hljs-literal{color:#0184bb}.atom_one_light .hljs-string,.atom_one_light .hljs-regexp,.atom_one_light .hljs-addition,.atom_one_light .hljs-attribute,.atom_one_light .hljs-meta .hljs-string{color:#50a14f}.atom_one_light .hljs-attr,.atom_one_light .hljs-variable,.atom_one_light .hljs-template-variable,.atom_one_light .hljs-type,.atom_one_light .hljs-selector-class,.atom_one_light .hljs-selector-attr,.atom_one_light .hljs-selector-pseudo,.atom_one_light .hljs-number{color:#986801}.atom_one_light .hljs-symbol,.atom_one_light .hljs-bullet,.atom_one_light .hljs-link,.atom_one_light .hljs-meta,.atom_one_light .hljs-selector-id,.atom_one_light .hljs-title{color:#4078f2}.atom_one_light .hljs-built_in,.atom_one_light .hljs-title .class_,.atom_one_light .hljs-class .hljs-title{color:#c18401}.atom_one_light .hljs-emphasis{font-style:italic}.atom_one_light .hljs-strong{font-weight:700}.atom_one_light .hljs-link{text-decoration:underline}@keyframes slideInRight-84ed156b{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-84ed156b{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast-notification[data-v-84ed156b]{display:flex;align-items:center;gap:12px;min-width:320px;max-width:450px;padding:14px 16px;margin-bottom:12px;border-radius:12px;box-shadow:0 10px 30px #0003,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e1e1ef2,#141414f2);border:1px solid rgba(255,255,255,.08);opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toast-notification[data-v-84ed156b]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor}.toast-notification.visible[data-v-84ed156b]{animation:slideInRight-84ed156b .3s ease-out forwards}.toast-notification.leaving[data-v-84ed156b]{animation:slideOutRight-84ed156b .3s ease-in forwards}.toast-notification.success[data-v-84ed156b]:before{background:#22c55e}.toast-notification.error[data-v-84ed156b]:before{background:#ef4444}.toast-notification.warning[data-v-84ed156b]:before{background:#f59e0b}.toast-notification.info[data-v-84ed156b]:before{background:#3b82f6}.toast-icon[data-v-84ed156b]{display:flex;align-items:center;justify-content:center;min-width:28px;width:28px;height:28px;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.toast-content[data-v-84ed156b]{flex:1;min-width:0}.toast-message[data-v-84ed156b]{margin:0;font-size:14px;font-weight:500;color:#fff;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.toast-close[data-v-84ed156b]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#ffffff1a;color:#fff9;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;flex-shrink:0}.toast-close[data-v-84ed156b]:hover{background:#ffffff26;color:#ffffffe6;transform:scale(1.1)}.toast-close[data-v-84ed156b]:active{transform:scale(.95)}.light-mode .toast-notification[data-v-84ed156b]{background:linear-gradient(135deg,#fffffffa,#f5f5f5fa);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #00000026,0 0 0 1px #0000000d}.light-mode .toast-notification .toast-message[data-v-84ed156b]{color:#1f2937}.light-mode .toast-notification .toast-close[data-v-84ed156b]{background:#0000000d;color:#00000080}.light-mode .toast-notification .toast-close[data-v-84ed156b]:hover{background:#0000001a;color:#000c}.toast-container[data-v-25add11c]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;pointer-events:none}.toast-container[data-v-25add11c]>*{pointer-events:auto}@media(max-width:640px){.toast-container[data-v-25add11c]{top:10px;right:10px;left:10px;align-items:center}}.tv-preview-frame-container[data-v-a46ef617]{margin:0 auto;transition:width .3s ease;background:transparent;flex-shrink:0}.tv-preview-frame[data-v-a46ef617]{width:100%;height:100%;min-height:400px;border:none;display:block;background-color:transparent}
1	+ @charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@600&family=Lato:wght@300&display=swap";.markdown-body{--base-size-4: .25rem;--base-size-8: .5rem;--base-size-16: 1rem;--base-size-24: 1.5rem;--base-size-40: 2.5rem;--base-text-weight-normal: 400;--base-text-weight-medium: 500;--base-text-weight-semibold: 600;--fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--fgColor-accent: Highlight}@media(prefers-color-scheme:dark){.markdown-body,[data-theme=dark]{color-scheme:dark;--focus-outlineColor: #1f6feb;--fgColor-default: #f0f6fc;--fgColor-muted: #9198a1;--fgColor-accent: #4493f8;--fgColor-success: #3fb950;--fgColor-attention: #d29922;--fgColor-danger: #f85149;--fgColor-done: #ab7df8;--bgColor-default: #0d1117;--bgColor-muted: #151b23;--bgColor-neutral-muted: #656c7633;--bgColor-attention-muted: #bb800926;--borderColor-default: #3d444d;--borderColor-muted: #3d444db3;--borderColor-neutral-muted: #3d444db3;--borderColor-accent-emphasis: #1f6feb;--borderColor-success-emphasis: #238636;--borderColor-attention-emphasis: #9e6a03;--borderColor-danger-emphasis: #da3633;--borderColor-done-emphasis: #8957e5;--color-prettylights-syntax-comment: #9198a1;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #f0f6fc;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-brackethighlighter-angle: #9198a1;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #f0f6fc;--color-prettylights-syntax-markup-bold: #f0f6fc;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #f0f6fc;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d}}@media(prefers-color-scheme:light){.markdown-body,[data-theme=light]{color-scheme:light;--focus-outlineColor: #0969da;--fgColor-default: #1f2328;--fgColor-muted: #59636e;--fgColor-accent: #0969da;--fgColor-success: #1a7f37;--fgColor-attention: #9a6700;--fgColor-danger: #d1242f;--fgColor-done: #8250df;--bgColor-default: #ffffff;--bgColor-muted: #f6f8fa;--bgColor-neutral-muted: #818b981f;--bgColor-attention-muted: #fff8c5;--borderColor-default: #d1d9e0;--borderColor-muted: #d1d9e0b3;--borderColor-neutral-muted: #d1d9e0b3;--borderColor-accent-emphasis: #0969da;--borderColor-success-emphasis: #1a7f37;--borderColor-attention-emphasis: #9a6700;--borderColor-danger-emphasis: #cf222e;--borderColor-done-emphasis: #8250df;--color-prettylights-syntax-comment: #59636e;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-prettylights-syntax-entity: #6639ba;--color-prettylights-syntax-storage-modifier-import: #1f2328;--color-prettylights-syntax-entity-tag: #0550ae;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-brackethighlighter-angle: #59636e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #1f2328;--color-prettylights-syntax-markup-bold: #1f2328;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #ffebe9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #d1d9e0;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-sublimelinter-gutter-mark: #818b98}}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;color:var(--fgColor-default);background-color:var(--bgColor-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body .octicon{display:inline-block;fill:currentColor;vertical-align:text-bottom}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{width:16px;height:16px;content:" ";display:inline-block;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{background-color:transparent;color:var(--fgColor-accent);text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dfn{font-style:italic}.markdown-body h1{margin:.67em 0;font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:2em;border-bottom:1px solid var(--borderColor-muted)}.markdown-body mark{background-color:var(--bgColor-attention-muted);color:var(--fgColor-default)}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{border-style:none;max-width:100%;box-sizing:content-box}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em var(--base-size-40)}.markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--borderColor-muted);height:.25em;padding:0;margin:var(--base-size-24) 0;background-color:var(--borderColor-default);border:0}.markdown-body input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{-webkit-appearance:button;appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:var(--fgColor-muted);opacity:1}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid var(--focus-outlineColor);outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:solid 1px transparent}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid var(--focus-outlineColor);outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{display:inline-block;padding:var(--base-size-4);font:11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);line-height:10px;color:var(--fgColor-default);vertical-align:middle;background-color:var(--bgColor-muted);border:solid 1px var(--borderColor-neutral-muted);border-bottom-color:var(--borderColor-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--borderColor-neutral-muted)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:var(--base-size-24);margin-bottom:var(--base-size-16);font-weight:var(--base-text-weight-semibold, 600);line-height:1.25}.markdown-body h2{font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid var(--borderColor-muted)}.markdown-body h3{font-weight:var(--base-text-weight-semibold, 600);font-size:1.25em}.markdown-body h4{font-weight:var(--base-text-weight-semibold, 600);font-size:1em}.markdown-body h5{font-weight:var(--base-text-weight-semibold, 600);font-size:.875em}.markdown-body h6{font-weight:var(--base-text-weight-semibold, 600);font-size:.85em;color:var(--fgColor-muted)}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0;padding:0 1em;color:var(--fgColor-muted);border-left:.25em solid var(--borderColor-default)}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font-family:var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);font-size:12px;word-wrap:normal}.markdown-body .octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor}.markdown-body input::-webkit-outer-spin-button,.markdown-body input::-webkit-inner-spin-button{margin:0;appearance:none}.markdown-body .mr-2{margin-right:var(--base-size-8, 8px)!important}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:var(--fgColor-danger)}.markdown-body .anchor{float:left;padding-right:var(--base-size-4);margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:var(--base-size-16)}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:var(--fgColor-default);vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{padding-bottom:0;border-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type="a s"]{list-style-type:lower-alpha}.markdown-body ol[type="A s"]{list-style-type:upper-alpha}.markdown-body ol[type="i s"]{list-style-type:lower-roman}.markdown-body ol[type="I s"]{list-style-type:upper-roman}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:var(--base-size-16)}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:var(--base-size-16);font-size:1em;font-style:italic;font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dl dd{padding:0 var(--base-size-16);margin-bottom:var(--base-size-16)}.markdown-body table th{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid var(--borderColor-default)}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:var(--bgColor-default);border-top:1px solid var(--borderColor-muted)}.markdown-body table tr:nth-child(2n){background-color:var(--bgColor-muted)}.markdown-body table img{background-color:transparent}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid var(--borderColor-default)}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:var(--fgColor-default)}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:var(--bgColor-neutral-muted);border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:var(--base-size-16)}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:var(--base-size-16);overflow:auto;font-size:85%;line-height:1.45;color:var(--fgColor-default);background-color:var(--bgColor-muted);border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px var(--base-size-8) 9px;text-align:right;background:var(--bgColor-default);border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:var(--base-text-weight-semibold, 600);background:var(--bgColor-muted);border-top:0}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{font-size:12px;color:var(--fgColor-muted);border-top:1px solid var(--borderColor-default)}.markdown-body .footnotes ol{padding-left:var(--base-size-16)}.markdown-body .footnotes ol ul{display:inline-block;padding-left:var(--base-size-16);margin-top:var(--base-size-16)}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{position:absolute;top:calc(var(--base-size-8)-1);right:calc(var(--base-size-8)-1);bottom:calc(var(--base-size-8)-1);left:calc(var(--base-size-24)-1);pointer-events:none;content:"";border:2px solid var(--borderColor-accent-emphasis);border-radius:6px}.markdown-body .footnotes li:target{color:var(--fgColor-default)}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body body:has(:modal){padding-right:var(--dialog-scrollgutter)!important}.markdown-body .pl-c{color:var(--color-prettylights-syntax-comment)}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:var(--color-prettylights-syntax-constant)}.markdown-body .pl-e,.markdown-body .pl-en{color:var(--color-prettylights-syntax-entity)}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:var(--color-prettylights-syntax-storage-modifier-import)}.markdown-body .pl-ent{color:var(--color-prettylights-syntax-entity-tag)}.markdown-body .pl-k{color:var(--color-prettylights-syntax-keyword)}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:var(--color-prettylights-syntax-string)}.markdown-body .pl-v,.markdown-body .pl-smw{color:var(--color-prettylights-syntax-variable)}.markdown-body .pl-bu{color:var(--color-prettylights-syntax-brackethighlighter-unmatched)}.markdown-body .pl-ii{color:var(--color-prettylights-syntax-invalid-illegal-text);background-color:var(--color-prettylights-syntax-invalid-illegal-bg)}.markdown-body .pl-c2{color:var(--color-prettylights-syntax-carriage-return-text);background-color:var(--color-prettylights-syntax-carriage-return-bg)}.markdown-body .pl-sr .pl-cce{font-weight:700;color:var(--color-prettylights-syntax-string-regexp)}.markdown-body .pl-ml{color:var(--color-prettylights-syntax-markup-list)}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:var(--color-prettylights-syntax-markup-heading)}.markdown-body .pl-mi{font-style:italic;color:var(--color-prettylights-syntax-markup-italic)}.markdown-body .pl-mb{font-weight:700;color:var(--color-prettylights-syntax-markup-bold)}.markdown-body .pl-md{color:var(--color-prettylights-syntax-markup-deleted-text);background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.markdown-body .pl-mi1{color:var(--color-prettylights-syntax-markup-inserted-text);background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.markdown-body .pl-mc{color:var(--color-prettylights-syntax-markup-changed-text);background-color:var(--color-prettylights-syntax-markup-changed-bg)}.markdown-body .pl-mi2{color:var(--color-prettylights-syntax-markup-ignored-text);background-color:var(--color-prettylights-syntax-markup-ignored-bg)}.markdown-body .pl-mdr{font-weight:700;color:var(--color-prettylights-syntax-meta-diff-range)}.markdown-body .pl-ba{color:var(--color-prettylights-syntax-brackethighlighter-angle)}.markdown-body .pl-sg{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.markdown-body .pl-corl{text-decoration:underline;color:var(--color-prettylights-syntax-constant-other-reference-link)}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){outline:none;box-shadow:none}.markdown-body [tabindex="0"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{display:inline-block;min-width:1ch;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1em;font-style:normal!important;font-weight:var(--base-text-weight-normal, 400);line-height:1;vertical-align:-.075em}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:var(--base-text-weight-normal, 400)}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:var(--base-size-4)}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{margin:0 .2em .25em -1.4em;vertical-align:middle}.markdown-body ul:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body ol:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{display:block;width:auto;height:24px;overflow:visible;clip:auto}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{padding:var(--base-size-8) var(--base-size-16);margin-bottom:var(--base-size-16);color:inherit;border-left:.25em solid var(--borderColor-default)}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{display:flex;font-weight:var(--base-text-weight-medium, 500);align-items:center;line-height:1}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:var(--borderColor-accent-emphasis)}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--fgColor-accent)}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:var(--borderColor-done-emphasis)}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--fgColor-done)}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:var(--borderColor-attention-emphasis)}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--fgColor-attention)}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:var(--borderColor-success-emphasis)}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--fgColor-success)}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:var(--borderColor-danger-emphasis)}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--fgColor-danger)}.markdown-body>:first-child>.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,sans-serif;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:Kanit,sans-serif;font-size:2rem}.dark-mode,.dark-mode body{background-color:#161e31;color:#cbd5e1}.dark-mode .tv-search-results::-webkit-scrollbar-thumb{background-color:#0e131f}.dark-mode .tv-search-results::-webkit-scrollbar-thumb:hover{background-color:#000}.light-mode,.light-mode body{background-color:#f8fafc;color:#1e293b}.light-mode .tv-search-results::-webkit-scrollbar-thumb{background-color:#b9c4df}.light-mode .tv-search-results::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f1f9f9}::-webkit-scrollbar-thumb{background-color:#b9c4df}::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.markdown-body{padding:40px 30px!important;border-radius:16px;color:#fff;font-size:16px;line-height:1.8;font-family:Lato,sans-serif}.markdown-body a{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s ease}.markdown-body a:hover{color:#60a5fa;text-decoration:underline}.markdown-body h1,.markdown-body h2,.markdown-body h3{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Kanit,sans-serif;margin-top:2em;margin-bottom:1em;font-weight:700}.markdown-body h1{font-size:2.5rem;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#3b82f6,#8b5cf6) 1;padding-bottom:.5em}.markdown-body h2{font-size:2rem}.markdown-body h3{font-size:1.6rem}.markdown-body pre{background:linear-gradient(135deg,#1e293b,#0f172a);padding:20px;border-radius:12px;overflow-x:auto;box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff0d;border:2px solid rgba(59,130,246,.2)}.markdown-body code{background:linear-gradient(135deg,#3b82f626,#8b5cf626);padding:4px 8px;border-radius:6px;font-size:.9em;border:1px solid rgba(59,130,246,.3)}.markdown-body p{margin-bottom:1.2em}.tv-demo {box-sizing:border-box;margin:0;padding:0}.tv-demo-content{padding:20px;border:1px solid #4a4a4a;border-radius:0 5px 5px;min-width:0;max-width:100%;overflow:visible}.tv-demo-content .tv-demo-description{font-size:1.1rem;padding:20px 0}.tv-demo-content .tv-demo-component-content{display:flex;align-items:flex-start;margin:0 auto;width:100%;max-width:100%;overflow-x:auto;transition:width .3s cubic-bezier(.25,.8,.25,1)}.tv-demo-content>{max-width:100%}.tv-demo-links-item{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.95rem;color:inherit;font-weight:600;background:none;border:none;text-decoration:none;position:relative;padding:2px 0;letter-spacing:.02em;transition:color .25s ease,transform .25s ease;isolation:isolate}.tv-demo-links-item:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:currentColor;opacity:.25;transform-origin:left;transform:scaleX(.3);transition:opacity .25s ease,transform .25s ease}.tv-demo-links-item:hover,.tv-demo-links-item:focus-visible{transform:translateY(-1px)}.tv-demo-links-item:hover:after,.tv-demo-links-item:focus-visible:after{opacity:.85;transform:scaleX(1)}.tv-demo-links-item:focus-visible{outline:none;box-shadow:0 0 0 2px currentColor;border-radius:4px}.dark-mode .tv-demo-select{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.dark-mode .tv-demo-option{background:#b9c4df}.dark-mode .no-background{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.dark-mode a.tv-demo-links-item,.dark-mode div.tv-demo-links-item{color:inherit;text-decoration-color:#60a5fa99;text-shadow:0 0 12px rgba(96,165,250,.35)}.dark-mode a.tv-demo-links-item:hover,.dark-mode div.tv-demo-links-item:hover{color:#93c5fd;text-decoration-color:#93c5fde6}.light-mode .tv-demo-select{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.light-mode .tv-demo-option{background:#0e131f}.light-mode .no-background{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.light-mode div.tv-demo-links-item,.light-mode a.tv-demo-links-item{color:inherit;text-decoration-color:#1e40af99;text-shadow:0 0 12px rgba(30,64,175,.25)}.light-mode div.tv-demo-links-item:hover,.light-mode a.tv-demo-links-item:hover{color:#1d4ed8;text-decoration-color:#1d4ed8e6}.tv-demo-body{margin:0 auto;min-height:100vh;width:80%}.tv-demo-body.dark-mode{background-color:#0e131f}.tv-demo-body.dark-mode .tv-demo-select{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.tv-demo-body.dark-mode .tv-demo-option{background:#b9c4df}.tv-demo-body.dark-mode .tv-demo-links-item{color:#b9c4df;text-decoration-color:#b9c4df99}.tv-demo-body.light-mode{background-color:#b9c4df}.tv-demo-body.light-mode .tv-demo-select{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.tv-demo-body.light-mode .tv-demo-option{background:#0e131f}.tv-demo-body.light-mode .tv-demo-links-item{color:#0e131f;text-decoration-color:#0e131f99}.tv-demo-body .tv-demo-theme{display:flex;align-items:center;gap:10px;min-height:100%;padding:0 20px;width:100%}.tv-demo-body .tv-demo-links{display:flex;gap:12px;align-content:center;align-items:center;flex-wrap:wrap}.tv-demo-body .tv-demo-links a{color:inherit}.tv-demo-body .tv-demo-links>span{opacity:.3;font-weight:300}.tv-demo-body .tv-demo-header{padding-top:25px;display:flex;justify-content:space-between}.tv-demo-body .tv-demo-case{padding:0 40px 40px;position:relative}.tv-demo-body .tv-demo-case-demo .demo{margin-bottom:20px}.tv-demo-body .tv-demo-case-demo h3{font-size:1.4rem;padding-top:20px;font-family:Kanit,sans-serif;font-weight:600}.tv-demo-body .tv-demo-case-demo h1{font-size:2.5rem;font-weight:700;font-family:Kanit,sans-serif;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tv-demo-body .tv-demo-case-demo h1 span{font-size:1rem;font-weight:300}.tv-demo-body .tv-demo-select{border-radius:8px;cursor:pointer;font-size:16px;height:44px;margin-bottom:20px;margin-top:10px;padding:0 16px;width:100%;border:2px solid transparent;transition:all .3s ease;font-weight:500;outline:none;box-shadow:0 2px 8px #0000001a}.tv-demo-body .tv-demo-select:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #00000026}.tv-demo-body .tv-demo-select:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #00000026}.tv-demo-body .tv-demo-select-theme{width:150px}.tv-demo-body .tv-demo-option{font-size:16px}.tv-demo-body .tv-demo-component{align-items:center;display:flex;height:100%;justify-content:center;margin-top:5px;width:100%}.tv-demo-body .tv-demo-no-component{color:inherit;font-size:1.5rem;font-weight:500;text-align:center}.tv-demo-body .tv-demo-code{margin-top:5px;width:100%!important;height:auto!important;padding:20px 0;overflow-x:auto;max-width:100%}.tv-demo-footer{position:relative;padding:0;font-family:Lato,sans-serif;transition:all .3s ease;overflow:hidden}.tv-demo-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.5) 50%,transparent 100%)}.tv-demo-footer.dark-mode{background:linear-gradient(135deg,#111726,#0e131f,#13192a);color:#cbd5e1}.tv-demo-footer.dark-mode .tv-demo-footer-text,.tv-demo-footer.dark-mode .tv-demo-footer-copyright{color:#8aa1bc}.tv-demo-footer.dark-mode .tv-demo-footer-link{color:#3b82f6}.tv-demo-footer.dark-mode .tv-demo-footer-link:hover{color:#60a5fa;text-shadow:0 0 8px rgba(59,130,246,.3)}.tv-demo-footer.dark-mode .tv-demo-footer-brand-text{color:#cbd5e1;text-shadow:0 0 20px rgba(59,130,246,.3)}.tv-demo-footer.dark-mode .tv-demo-footer-divider{background:#ffffff1a}.tv-demo-footer.light-mode{background:linear-gradient(135deg,#cbd3e7,#b9c4df,#c4cde4);color:#1e293b}.tv-demo-footer.light-mode .tv-demo-footer-text,.tv-demo-footer.light-mode .tv-demo-footer-copyright{color:#2f405d}.tv-demo-footer.light-mode .tv-demo-footer-link{color:#1e40af}.tv-demo-footer.light-mode .tv-demo-footer-link:hover{color:#3b82f6;text-shadow:0 0 8px rgba(30,64,175,.2)}.tv-demo-footer.light-mode .tv-demo-footer-brand-text{color:#1e293b;text-shadow:0 0 20px rgba(30,64,175,.2)}.tv-demo-footer.light-mode .tv-demo-footer-divider{background:#0000001a}.tv-demo-footer-content{margin:0 auto;padding:40px 20px 20px}.tv-demo-footer-main{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:30px}.tv-demo-footer-brand{display:flex;align-items:center;gap:12px;font-family:Kanit,sans-serif;font-size:1.8rem;font-weight:700}.tv-demo-footer-logo{max-width:25px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.tv-demo-footer-logo img{width:100%}.tv-demo-footer-brand-text{letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tv-demo-footer-brand-version{letter-spacing:.3px;font-size:1rem;-webkit-background-clip:text;background-clip:text}.tv-demo-footer-info{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.tv-demo-footer-text{font-size:1rem;display:flex;align-items:center;gap:8px;margin:0;opacity:.85;transition:all .3s ease;font-weight:400}.tv-demo-footer-text:hover{opacity:1;transform:translateY(-2px)}.tv-demo-footer-divider{width:1px;height:20px;opacity:.3}.tv-demo-footer-link{text-decoration:none!important;font-weight:600!important;position:relative;transition:all .3s ease;padding:0 0 2px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;letter-spacing:normal!important;display:inline!important;gap:0!important;overflow:visible!important}.tv-demo-footer-link:before{display:none!important}.tv-demo-footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:currentColor;transition:width .3s ease}.tv-demo-footer-link:hover{transform:none!important;box-shadow:none!important;background:transparent!important}.tv-demo-footer-link:hover:after{width:100%}.tv-demo-footer-heart{font-size:1.2rem;display:inline-block;animation:pulse 2s infinite ease-in-out;filter:drop-shadow(0 0 4px rgba(59,130,246,.4))}.tv-demo-footer-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.tv-demo-footer-copyright{font-size:.85rem;margin:0;opacity:.6;font-weight:300;letter-spacing:.3px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-2deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.switch{position:relative;display:inline-block;width:60px;height:32px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(135deg,#cbd5e1,#94a3b8);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #00000026}.slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background:linear-gradient(135deg,#fff,#f8fafc);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,0 1px 3px #0000001a}input:checked+.slider{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:inset 0 2px 4px #0000001a,0 2px 12px #3b82f666}input:focus+.slider{box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #3b82f633,0 2px 8px #00000026}input:checked+.slider:before{transform:translate(28px);box-shadow:0 2px 8px #00000040,0 1px 3px #00000026}.slider:hover{box-shadow:inset 0 2px 4px #0000001a,0 4px 12px #0003}input:checked+.slider:hover{box-shadow:inset 0 2px 4px #0000001a,0 4px 16px #3b82f680}.tv-demo-controls-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(128,128,128,.2)}.tv-demo-controls-section h3{margin-top:0;margin-bottom:20px;font-size:1.1rem;font-weight:600;opacity:.9}.tv-demo-logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tv-demo-reset.is-small{padding:4px 10px;font-size:.8rem;background:#80808033;border:none;border-radius:4px;color:inherit;cursor:pointer;transition:background .2s}.tv-demo-reset.is-small:hover{background:#8080804d}.tv-demo-logs-container{background:#00000008;border:1px solid rgba(128,128,128,.1);border-radius:8px;height:200px;overflow-y:auto;overflow-x:hidden;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.dark-mode .tv-demo-logs-container{background:#0003}.tv-demo-logs-empty{display:flex;align-items:center;justify-content:center;height:100%;opacity:.5;font-style:italic}.tv-demo-log-item{padding:6px 0;border-bottom:1px solid rgba(128,128,128,.1);display:flex;flex-wrap:wrap;gap:8px;animation:slideInRight .2s ease-out}.tv-demo-log-item:last-child{border-bottom:none}.tv-demo-log-time{opacity:.5;font-size:.75rem;min-width:65px}.tv-demo-log-name{color:#3b82f6;font-weight:600}.dark-mode .tv-demo-log-name{color:#60a5fa}.tv-demo-log-payload{opacity:.8;word-break:break-all}.slider.round{border-radius:32px}.slider.round:before{border-radius:50%}.tv-demo-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;margin-top:20px;width:100%;max-width:100%;transition:grid-template-columns .3s cubic-bezier(.25,.8,.25,1)}.tv-demo-layout.is-compressed{grid-template-columns:60px 1fr}.tv-demo-layout.is-compressed .tv-demo-sidebar{padding:10px;align-items:center}.tv-demo-layout.is-compressed .tv-demo-sidebar .tv-demo-sidebar-header{margin-bottom:0;justify-content:center}.tv-demo-layout.is-compressed .tv-demo-sidebar .tv-demo-sidebar-actions{flex-direction:column}.tv-demo-sidebar{display:flex;flex-direction:column;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.08);background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:100%}.tv-demo-sidebar.light-mode{border-color:#00000014;background:#fff9}.tv-demo-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tv-demo-sidebar-header h3{margin:0;font-size:1.3rem}.tv-demo-sidebar-actions{display:flex;gap:8px}.tv-demo-sidebar-meta{font-size:.85rem;opacity:.7;margin-bottom:4px}.tv-demo-sidebar-collapse{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:.9rem;padding:6px 8px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,border-color .2s;color:#fff}.tv-demo-sidebar-collapse.is-rotated{transform:rotate(180deg)}.tv-demo-sidebar-collapse:hover{border-color:#fff9}.light-mode .tv-demo-sidebar-collapse{border-color:#00000026;color:#000}.light-mode .tv-demo-sidebar-collapse:hover{border-color:#00000073}.tv-demo-search{display:flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;border:1px solid rgba(255,255,255,.2);margin-bottom:16px;background:#ffffff0d}.tv-demo-search.light-mode{border-color:#0000001a;background:#00000008}.tv-demo-search-icon{font-size:.85rem}.tv-demo-search-input{background:transparent;border:none;flex:1;font-size:.9rem;outline:none;color:inherit}.tv-demo-search-clear{background:transparent;border:none;cursor:pointer;font-size:.85rem;opacity:.7}.tv-demo-variants{position:relative;flex:1;overflow:auto;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;max-height:550px}.tv-demo-variants.light-mode{border-color:#00000014;background:#00000003}.tv-demo-variant-card{width:100%;display:flex;justify-content:space-between;gap:12px;border:none;background:#0000004d;color:inherit;padding:14px;border-radius:12px;text-align:left;cursor:pointer;margin-bottom:8px;transition:transform .2s ease,box-shadow .2s ease}.tv-demo-variant-card:hover{transform:translate(4px);box-shadow:0 10px 20px #0000004d}.tv-demo-variant-card.active{outline:2px solid rgba(59,130,246,.7);background:#3b82f626}.light-mode .tv-demo-variant-card{background:#fffc}.light-mode .tv-demo-variant-card.active{background:#3b82f61f}.tv-demo-variant-card-content{flex:1}.tv-demo-variant-card-title{display:block;font-weight:600;margin-bottom:4px}.tv-demo-variant-card-description{font-size:.85rem;opacity:.75}.tv-demo-variant-card-icon{opacity:.7}.tv-demo-empty-state{text-align:center;padding:20px;opacity:.8}.tv-demo-reset{margin-top:12px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;cursor:pointer}.tv-demo-empty-component,.tv-demo-empty-code{text-align:center;padding:20px;opacity:.8}.tv-to-up{position:fixed;right:clamp(16px,4vw,40px);bottom:clamp(16px,4vw,40px);display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;border:none;cursor:pointer;font-family:Lato,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.04em;box-shadow:0 12px 30px #00000040;transition:transform .25s ease,box-shadow .25s ease,opacity .2s ease;z-index:40}.tv-to-up:hover{transform:translateY(-3px);box-shadow:0 18px 35px #0000004d}.tv-to-up:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:4px}.tv-to-up.dark-mode{color:#cbd5e1;background:linear-gradient(135deg,#1b243b,#3b82f6)}.tv-to-up.light-mode{color:#f1f9f9;background:linear-gradient(135deg,#9dacd2,#2563eb)}.tv-to-up-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.3);font-size:1.1rem}.tv-to-up-label{text-transform:uppercase;font-size:.85rem}.tv-to-up-enter-active,.tv-to-up-leave-active{transition:opacity .2s ease,transform .2s ease}.tv-to-up-enter-from,.tv-to-up-leave-to{opacity:0;transform:translateY(12px)}.tv-demo-back-row{display:flex;justify-content:flex-start;padding:20px 40px 0}.tv-demo-tools{margin-top:24px;border:1px solid rgba(128,128,128,.2);border-radius:12px;overflow:hidden;background:#00000005}.dark-mode .tv-demo-tools{background:#00000026}.tv-demo-tools-tabs{display:flex;border-bottom:1px solid rgba(128,128,128,.2);background:#8080800d}.tv-demo-tools-tab{padding:12px 20px;background:transparent;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:inherit;opacity:.7;border-right:1px solid rgba(128,128,128,.1);display:flex;align-items:center;gap:8px;transition:all .2s ease}.tv-demo-tools-tab:hover{opacity:1;background:#8080800d}.tv-demo-tools-tab.active{opacity:1;font-weight:600;background:transparent;box-shadow:inset 0 -2px #3b82f6;color:#3b82f6}.dark-mode .tv-demo-tools-tab.active{color:#60a5fa;box-shadow:inset 0 -2px #60a5fa}.tv-demo-tools-content{padding:20px}.tv-demo-tool-pane{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tv-demo-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tv-demo-tool-title{margin:0;font-size:1.1rem;font-weight:600}.tv-demo-badge{background:#3b82f6;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:99px;font-weight:700;line-height:1}.tv-demo-btn-secondary{padding:6px 12px;background:transparent;border:1px solid rgba(128,128,128,.3);border-radius:6px;color:inherit;font-size:.85rem;cursor:pointer;transition:all .2s}.tv-demo-btn-secondary:hover{border-color:#80808099;background:#8080800d}.tv-demo-btn-secondary:active{transform:translateY(1px)}.tv-demo-controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tv-demo-control-item{display:flex;align-items:center;justify-content:space-between;background:#8080800d;padding:10px 14px;border-radius:8px;border:1px solid rgba(128,128,128,.1);transition:all .2s ease}.tv-demo-control-item:hover{border-color:#8080804d;background:#80808014}.tv-demo-control-label{font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;opacity:.8;margin-right:16px;white-space:nowrap;letter-spacing:.5px}.tv-demo-control-input-wrapper{flex:1;display:flex;justify-content:flex-end;min-width:0}.tv-demo-input{width:100%;max-width:180px;background:#0000000d;border:1px solid transparent;border-radius:6px;padding:6px 10px;color:inherit;font-size:.9rem;transition:all .2s}.dark-mode .tv-demo-input{background:#ffffff1a}.tv-demo-input:focus{outline:none;background:transparent;border-color:currentColor;opacity:1}.tv-demo-textarea{width:100%;max-width:180px;background:#0000000d;border:1px solid transparent;border-radius:6px;padding:6px 10px;color:inherit;font-size:.85rem;font-family:monospace;resize:vertical;min-height:32px}.dark-mode .tv-demo-textarea{background:#ffffff1a}.tv-demo-textarea:focus{outline:none;border-color:currentColor}.switch.small{transform:scale(.8);transform-origin:right center;margin:0}@media(max-width:1024px){.tv-demo-layout{grid-template-columns:1fr}.tv-demo-sidebar{max-height:none}}@media(max-width:768px){.tv-demo-layout,.tv-demo-layout.is-compressed{grid-template-columns:1fr}}@media(max-width:768px){.tv-demo-back-row{padding:10px}.tv-demo-case{padding:10px!important}.tv-demo-body{width:90%}.tv-demo-header{flex-direction:column;align-items:flex-start;gap:10px;padding:0!important}.tv-demo-header .tv-demo-theme{width:100%;padding-left:0;padding-right:0}.tv-demo-header .tv-demo-select-theme{width:100%}.tv-demo-footer-content{padding:30px 15px 15px}.tv-demo-footer-brand{font-size:1.5rem;gap:10px}.tv-demo-footer-logo{font-size:2rem}.tv-demo-footer-info{gap:15px;flex-direction:column;text-align:center}.tv-demo-footer-text{font-size:.9rem}.tv-demo-footer-divider{display:none}}@media(max-width:640px){.tv-demo-case{padding:15px!important}.tv-demo-body{width:100%;border-radius:0}.tv-demo-content{padding:15px;border-radius:0 8px 8px}.tv-demo-content .tv-demo-component-content{padding:15px;margin:15px auto}.tv-demo-footer-brand{font-size:1.3rem}.tv-demo-footer-logo{max-width:18px}.tv-demo-footer-text{font-size:.85rem;gap:6px}.tv-demo-footer-copyright{font-size:.75rem}.tv-demo-footer-brand-version{font-size:.85rem}.tv-demo-links-item{padding:0;font-size:.85rem;gap:4px}.markdown-body{padding:20px 15px;font-size:14px}.markdown-body h1{font-size:1.8rem}.markdown-body h2{font-size:1.5rem}.markdown-body h3{font-size:1.2rem}}.tv-demo-viewport-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;overflow:visible;position:relative}.tv-demo-viewport-controls>{flex-shrink:0}.tv-demo-viewport-controls .tv-demo-separator{width:1px;height:24px;background-color:currentColor;opacity:.2;margin:0 4px}.tv-demo-viewport-controls .tv-demo-icon-btn{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:6px;border-radius:6px;color:inherit;opacity:.7;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.tv-demo-viewport-controls .tv-demo-icon-btn:hover{opacity:1;background-color:#8080801a}.tv-demo-viewport-controls .tv-demo-icon-btn.active{opacity:1;background-color:#3b82f626;color:#3b82f6}.tv-demo-viewport-controls .tv-demo-color-picker{border:none;width:30px;height:30px;padding:0;background:none;cursor:pointer;margin-right:8px;border-radius:4px;overflow:hidden}.tv-demo-viewport-controls .tv-demo-color-picker::-webkit-color-swatch-wrapper{padding:0}.tv-demo-viewport-controls .tv-demo-color-picker::-webkit-color-swatch{border:1px solid rgba(128,128,128,.2);border-radius:4px}.tv-demo-viewport-controls .color-wrapper{align-items:center}@media(max-width:768px){.tv-demo-viewport-controls .theme-dropdown{position:static}.tv-demo-viewport-controls .theme-dropdown .tv-demo-dropdown-content{right:0;left:auto;top:100%;margin-top:8px;width:200px}}.tv-demo-viewport-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid rgba(128,128,128,.2);background:transparent;color:inherit;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;line-height:1}.tv-demo-viewport-btn:hover{background:#8080801a;transform:translateY(-1px);border-color:#80808066}.tv-demo-viewport-btn:active{transform:translateY(0)}.tv-demo-viewport-btn.active{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6;font-weight:600}.dark-mode .tv-demo-viewport-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.dark-mode .tv-demo-viewport-btn.active{background:#60a5fa26;border-color:#60a5fa;color:#60a5fa}.tv-nested-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.tv-nested-editor.is-root{margin-top:-5px}.tv-nested-editor .tv-nested-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.tv-nested-editor .tv-nested-row:hover{background:#8080800d}.tv-nested-editor .tv-nested-label{margin-right:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.tv-nested-editor .tv-nested-input-wrapper{flex:1;display:flex;justify-content:flex-end;align-items:center}.tv-nested-editor .tv-nested-input-wrapper input{font-size:.85rem;padding:4px 8px}.tv-nested-editor .tv-nested-null{opacity:.5;font-style:italic}.tv-nested-editor .tv-nested-complex{margin-top:4px;margin-bottom:4px}.tv-nested-editor .tv-nested-header{display:flex;align-items:center;cursor:pointer;padding:6px 0;-webkit-user-select:none;user-select:none;transition:background .2s ease;border-radius:4px}.tv-nested-editor .tv-nested-header:hover{background:#8080801a}.tv-nested-editor .tv-nested-header.is-open{background:#8080800d}.tv-nested-editor .tv-nested-header .tv-nested-arrow{margin-right:8px;font-size:.7rem;opacity:.6;transition:transform .2s ease;display:inline-block;width:16px;text-align:center;line-height:1}.tv-nested-editor .tv-nested-header.is-open .tv-nested-arrow{transform:rotate(90deg)}.tv-nested-editor .tv-nested-children{padding-left:14px;border-left:1px solid rgba(128,128,128,.1);margin-left:7px;margin-top:4px}.dark-mode .tv-nested-children{border-left-color:#ffffff1a}.dark-mode .tv-nested-header:hover{background:#ffffff0d}.light-mode .tv-nested-children{border-left-color:#0000001a}.light-mode .tv-nested-header:hover{background:#0000000d}.tv-demo-control-item.is-complex{display:block}.tv-demo-dropdown{position:relative;display:inline-block}.tv-demo-dropdown:not(.click-mode):hover .tv-demo-dropdown-content{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.tv-demo-dropdown.click-mode.is-open .tv-demo-dropdown-content{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.tv-demo-dropdown-content{display:none;position:absolute;right:0;top:calc(100% + 4px);width:max-content;min-width:150px;box-shadow:0 4px 12px #00000026;border-radius:6px;z-index:100;padding:4px;opacity:0;transform:translateY(-5px);transition:all .2s ease;pointer-events:none;border:1px solid rgba(128,128,128,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2}.dark-mode .tv-demo-dropdown-content{background:#0e131f;box-shadow:0 4px 12px #0000004d;border-color:#8080804d}.tv-demo-dropdown-content button{color:inherit;padding:6px 12px;text-decoration:none;display:flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(128,128,128,.3);width:100%;text-align:left;cursor:pointer;border-radius:6px;font-size:.85rem;transition:all .2s ease;margin-bottom:6px}.tv-demo-dropdown-content button:last-child{margin-bottom:0}.tv-demo-dropdown-content button:hover{border-color:#80808099;background:#8080800d}.tv-demo-dropdown-content button:active{transform:translateY(1px)}.tv-demo-dropdown-content button.active{color:#3b82f6;font-weight:600;background-color:#3b82f61a;border-color:#3b82f64d}.tv-demo-code-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.tv-demo-code-switcher{display:flex;background:#8080801a;padding:4px;border-radius:8px;gap:4px}.tv-demo-code-tab{border:none;background:transparent;padding:6px 12px;border-radius:6px;font-size:.85rem;color:inherit;opacity:.7;cursor:pointer;transition:all .2s ease;font-weight:500;white-space:nowrap}.tv-demo-code-tab:hover{opacity:1;background:#8080800d}.tv-demo-code-tab.active{opacity:1;background:#fff;color:#3b82f6;box-shadow:0 1px 2px #0000000d;font-weight:600}.dark-mode .tv-demo-code-tab.active{background:#3b82f626;color:#60a5fa;box-shadow:none}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-tag,.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-strong,.hljs-number,.hljs-name{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attribute,.hljs-attr,.hljs-symbol,.hljs-regexp,.hljs-link{color:#bf79db}.hljs-string,.hljs-bullet,.hljs-subst,.hljs-title,.hljs-section,.hljs-emphasis,.hljs-type,.hljs-built_in,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#a6e22e}.hljs-title.class_,.hljs-class .hljs-title{color:#fff}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#75715e}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-title,.hljs-section,.hljs-type,.hljs-selector-id{font-weight:700}.cb[data-v-3c0bc7c1]{position:absolute;cursor:pointer;transition:.3s opacity linear;opacity:.5;height:30px;width:80px;right:0}.cb:hover .cb_tooltip[data-v-3c0bc7c1]{display:block}.cb[data-v-3c0bc7c1]:hover{opacity:1}.cb_tooltip[data-v-3c0bc7c1]{font-family:sans-serif;display:none;position:absolute;left:-96px;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb_copy[data-v-3c0bc7c1]{position:absolute;font-family:sans-serif;display:block;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb textarea[data-v-3c0bc7c1]{-webkit-user-select:none;user-select:none;position:absolute;padding:0;width:0;height:0;background:transparent;resize:none;opacity:0;border-color:#0000}.TL[data-v-b98f7724]{display:flex;align-items:center;justify-content:center;width:40px;height:30px;position:relative}.TL_word[data-v-b98f7724]{width:20px;height:20px;text-align:center;color:#aaa;font-size:16px}.code[data-v-f4a493be]{display:flex;flex-direction:column;font-size:0;position:relative;text-align:left;overflow:hidden}.code_header[data-v-f4a493be]{min-height:14px;position:relative}.code_area[data-v-f4a493be]{position:relative;overflow:hidden;padding-left:20px;margin:auto 0;display:flex}.code_area textarea[data-v-f4a493be]{overflow-y:hidden;box-sizing:border-box;caret-color:#7f7f7f;-webkit-text-fill-color:transparent;white-space:pre;word-wrap:normal;border:0;position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:none;border:none;outline:none;resize:none;padding:0 20px 20px;line-height:1.3;overflow:overlay;font-family:Consolas,Monaco,monospace}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area_link[data-v-f4a493be]{position:absolute}.code_area.change_hight[data-v-f4a493be]{height:calc(100% - 30px)}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area pre[data-v-f4a493be]{position:relative;margin:0;height:100%;overflow:hidden}.code_header[data-v-f4a493be]{position:relative;display:flex;justify-content:flex-start;width:100%}.code pre code[data-v-f4a493be]{font-family:Consolas,Monaco,monospace;line-height:1.3;position:relative;overflow-x:visible;border-radius:0;box-sizing:border-box;display:block;border:none;margin:0}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar{width:6px}.code_area_lines[data-v-f4a493be]{display:flex;flex-direction:column;width:10px;align-items:center;position:absolute;transform:translate(-18px)}.code_area_lines_item[data-v-f4a493be]{height:24px;width:10px;font-size:12px;color:#adb5bd;text-align:center;display:flex;justify-content:center;align-items:center;opacity:.6}.code_area_lines_item.dark[data-v-f4a493be]{color:#adb5bd}.code_area_lines_item.light[data-v-f4a493be]{color:#212529}.atom_one_dark.hljs,.atom_one_dark .hljs{color:#abb2bf;background:#282c34}.atom_one_dark .hljs-comment,.atom_one_dark .hljs-quote{color:#5c6370;font-style:italic}.atom_one_dark .hljs-doctag,.atom_one_dark .hljs-keyword,.atom_one_dark .hljs-formula{color:#c678dd}.atom_one_dark .hljs-section,.atom_one_dark .hljs-name,.atom_one_dark .hljs-selector-tag,.atom_one_dark .hljs-deletion,.atom_one_dark .hljs-subst{color:#e06c75}.atom_one_dark .hljs-literal{color:#56b6c2}.atom_one_dark .hljs-string,.atom_one_dark .hljs-regexp,.atom_one_dark .hljs-addition,.atom_one_dark .hljs-attribute,.atom_one_dark .hljs-meta .hljs-string{color:#98c379}.atom_one_dark .hljs-attr,.atom_one_dark .hljs-variable,.atom_one_dark .hljs-template-variable,.atom_one_dark .hljs-type,.atom_one_dark .hljs-selector-class,.atom_one_dark .hljs-selector-attr,.atom_one_dark .hljs-selector-pseudo,.atom_one_dark .hljs-number{color:#d19a66}.atom_one_dark .hljs-symbol,.atom_one_dark .hljs-bullet,.atom_one_dark .hljs-link,.atom_one_dark .hljs-meta,.atom_one_dark .hljs-selector-id,.atom_one_dark .hljs-title{color:#61aeee}.atom_one_dark .hljs-built_in,.atom_one_dark .hljs-title .class_,.atom_one_dark .hljs-class .hljs-title{color:#e6c07b}.atom_one_dark .hljs-emphasis{font-style:italic}.atom_one_dark .hljs-strong{font-weight:700}.atom_one_dark .hljs-link{text-decoration:underline}.atom_one_light.hljs,.atom_one_light .hljs{color:#383a42;background:#edf2f4}.atom_one_light .hljs-comment,.atom_one_light .hljs-quote{color:#a0a1a7;font-style:italic}.atom_one_light .hljs-doctag,.atom_one_light .hljs-keyword,.atom_one_light .hljs-formula{color:#a626a4}.atom_one_light .hljs-section,.atom_one_light .hljs-name,.atom_one_light .hljs-selector-tag,.atom_one_light .hljs-deletion,.atom_one_light .hljs-subst{color:#e45649}.atom_one_light .hljs-literal{color:#0184bb}.atom_one_light .hljs-string,.atom_one_light .hljs-regexp,.atom_one_light .hljs-addition,.atom_one_light .hljs-attribute,.atom_one_light .hljs-meta .hljs-string{color:#50a14f}.atom_one_light .hljs-attr,.atom_one_light .hljs-variable,.atom_one_light .hljs-template-variable,.atom_one_light .hljs-type,.atom_one_light .hljs-selector-class,.atom_one_light .hljs-selector-attr,.atom_one_light .hljs-selector-pseudo,.atom_one_light .hljs-number{color:#986801}.atom_one_light .hljs-symbol,.atom_one_light .hljs-bullet,.atom_one_light .hljs-link,.atom_one_light .hljs-meta,.atom_one_light .hljs-selector-id,.atom_one_light .hljs-title{color:#4078f2}.atom_one_light .hljs-built_in,.atom_one_light .hljs-title .class_,.atom_one_light .hljs-class .hljs-title{color:#c18401}.atom_one_light .hljs-emphasis{font-style:italic}.atom_one_light .hljs-strong{font-weight:700}.atom_one_light .hljs-link{text-decoration:underline}@keyframes slideInRight-84ed156b{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-84ed156b{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast-notification[data-v-84ed156b]{display:flex;align-items:center;gap:12px;min-width:320px;max-width:450px;padding:14px 16px;margin-bottom:12px;border-radius:12px;box-shadow:0 10px 30px #0003,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e1e1ef2,#141414f2);border:1px solid rgba(255,255,255,.08);opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toast-notification[data-v-84ed156b]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor}.toast-notification.visible[data-v-84ed156b]{animation:slideInRight-84ed156b .3s ease-out forwards}.toast-notification.leaving[data-v-84ed156b]{animation:slideOutRight-84ed156b .3s ease-in forwards}.toast-notification.success[data-v-84ed156b]:before{background:#22c55e}.toast-notification.error[data-v-84ed156b]:before{background:#ef4444}.toast-notification.warning[data-v-84ed156b]:before{background:#f59e0b}.toast-notification.info[data-v-84ed156b]:before{background:#3b82f6}.toast-icon[data-v-84ed156b]{display:flex;align-items:center;justify-content:center;min-width:28px;width:28px;height:28px;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.toast-content[data-v-84ed156b]{flex:1;min-width:0}.toast-message[data-v-84ed156b]{margin:0;font-size:14px;font-weight:500;color:#fff;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.toast-close[data-v-84ed156b]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#ffffff1a;color:#fff9;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;flex-shrink:0}.toast-close[data-v-84ed156b]:hover{background:#ffffff26;color:#ffffffe6;transform:scale(1.1)}.toast-close[data-v-84ed156b]:active{transform:scale(.95)}.light-mode .toast-notification[data-v-84ed156b]{background:linear-gradient(135deg,#fffffffa,#f5f5f5fa);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #00000026,0 0 0 1px #0000000d}.light-mode .toast-notification .toast-message[data-v-84ed156b]{color:#1f2937}.light-mode .toast-notification .toast-close[data-v-84ed156b]{background:#0000000d;color:#00000080}.light-mode .toast-notification .toast-close[data-v-84ed156b]:hover{background:#0000001a;color:#000c}.toast-container[data-v-25add11c]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;pointer-events:none}.toast-container[data-v-25add11c]>{pointer-events:auto}@media(max-width:640px){.toast-container[data-v-25add11c]{top:10px;right:10px;left:10px;align-items:center}}.tv-preview-frame-container[data-v-a46ef617]{margin:0 auto;transition:width .3s ease;background:transparent;flex-shrink:0}.tv-preview-frame[data-v-a46ef617]{width:100%;height:100%;min-height:400px;border:none;display:block;background-color:transparent}