[{"data":1,"prerenderedAt":2997},["ShallowReactive",2],{"navigation_docs":3,"i-nanime:logo":163,"-composables-use-anime-scroll":170,"-composables-use-anime-scroll-surround":1502,"preview-examples\u002Fcomposables\u002FAnimeScrollDemo.vue-true":1507,"mdc-sv53k7-key":1507},[4,35,95,115,129,153],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25,30],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-ph-info",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-ph-download-simple",{"title":21,"path":22,"stem":23,"icon":24},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F3.configuration","i-ph-sliders-horizontal",{"title":26,"path":27,"stem":28,"icon":29},"Performance","\u002Fgetting-started\u002Fperformance","1.getting-started\u002F4.performance","i-ph-gauge",{"title":31,"path":32,"stem":33,"icon":34},"Accessibility","\u002Fgetting-started\u002Faccessibility","1.getting-started\u002F5.accessibility","i-ph-person-simple-circle",{"title":36,"icon":6,"path":37,"stem":38,"children":39,"page":6},"Composables","\u002Fcomposables","2.composables",[40,44,49,54,59,64,69,74,79,84,90],{"title":11,"path":41,"stem":42,"icon":43},"\u002Fcomposables\u002Fintroduction","2.composables\u002F0.introduction","i-ph-stack",{"title":45,"path":46,"stem":47,"icon":48},"useAnimate","\u002Fcomposables\u002Fuse-animate","2.composables\u002F1.use-animate","i-ph-play-circle",{"title":50,"path":51,"stem":52,"icon":53},"useWaapiAnimate","\u002Fcomposables\u002Fuse-waapi-animate","2.composables\u002F2.use-waapi-animate","i-ph-lightning",{"title":55,"path":56,"stem":57,"icon":58},"useAnimatable","\u002Fcomposables\u002Fuse-animatable","2.composables\u002F3.use-animatable","i-ph-cube",{"title":60,"path":61,"stem":62,"icon":63},"useSplitText","\u002Fcomposables\u002Fuse-split-text","2.composables\u002F4.use-split-text","i-ph-text-t",{"title":65,"path":66,"stem":67,"icon":68},"useScrambleText","\u002Fcomposables\u002Fuse-scramble-text","2.composables\u002F5.use-scramble-text","i-ph-shuffle",{"title":70,"path":71,"stem":72,"icon":73},"useDraggable","\u002Fcomposables\u002Fuse-draggable","2.composables\u002F6.use-draggable","i-ph-hand-grabbing",{"title":75,"path":76,"stem":77,"icon":78},"useAnimeTimeline","\u002Fcomposables\u002Fuse-anime-timeline","2.composables\u002F7.use-anime-timeline","i-ph-list-numbers",{"title":80,"path":81,"stem":82,"icon":83},"useAnimeScroll","\u002Fcomposables\u002Fuse-anime-scroll","2.composables\u002F8.use-anime-scroll","i-ph-mouse-scroll",{"title":85,"path":86,"stem":87,"icon":88,"badge":89},"useAnimeLayout","\u002Fcomposables\u002Fuse-anime-layout","2.composables\u002F9.use-anime-layout","i-ph-layout","New",{"title":91,"path":92,"stem":93,"icon":94},"Utilities","\u002Fcomposables\u002Futilities","2.composables\u002F99.utilities","i-ph-puzzle-piece",{"title":96,"icon":6,"path":97,"stem":98,"children":99,"page":6},"Components","\u002Fcomponents","3.components",[100,105,110],{"title":101,"path":102,"stem":103,"icon":104,"badge":89},"Transitions","\u002Fcomponents\u002Ftransitions","3.components\u002F1.transitions","i-ph-arrows-left-right",{"title":106,"path":107,"stem":108,"icon":109,"badge":89},"Transition styles","\u002Fcomponents\u002Ftransition-styles","3.components\u002F2.transition-styles","i-ph-palette",{"title":111,"path":112,"stem":113,"icon":114,"badge":89},"Layout group","\u002Fcomponents\u002Flayout-group","3.components\u002F3.layout-group","i-ph-frame-corners",{"title":116,"icon":6,"path":117,"stem":118,"children":119,"page":6},"Comparisons","\u002Fcomparisons","4.comparisons",[120,125],{"title":121,"path":122,"stem":123,"icon":124,"badge":89},"Compared with Nuxt modules","\u002Fcomparisons\u002Fvs-nuxt-modules","4.comparisons\u002F1.vs-nuxt-modules","i-ph-scales",{"title":126,"path":127,"stem":128,"icon":124,"badge":89},"Compared with Vue packages","\u002Fcomparisons\u002Fvs-vue-packages","4.comparisons\u002F2.vs-vue-packages",{"title":130,"icon":6,"path":131,"stem":132,"children":133,"page":6},"Examples","\u002Fexamples","5.examples",[134,138,143,148],{"title":11,"path":135,"stem":136,"icon":137},"\u002Fexamples\u002Fintroduction","5.examples\u002F0.introduction","i-ph-shapes",{"title":139,"path":140,"stem":141,"icon":142},"Drive","\u002Fexamples\u002Fdrive","5.examples\u002F1.drive","i-ph-hard-drives",{"title":144,"path":145,"stem":146,"icon":147},"Road trip","\u002Fexamples\u002Froad-trip","5.examples\u002F2.road-trip","i-ph-car-profile",{"title":149,"path":150,"stem":151,"icon":152},"Player","\u002Fexamples\u002Fplayer","5.examples\u002F3.player","i-ph-music-notes",{"title":154,"icon":6,"path":155,"stem":156,"children":157,"page":6},"Updates","\u002Fchanges","6.changes",[158],{"title":159,"path":160,"stem":161,"icon":162},"Changelog","\u002Fchanges\u002Fchangelog","6.changes\u002F1.changelog","i-ph-clock-counter-clockwise",{"left":164,"top":165,"width":166,"height":167,"rotate":168,"vFlip":6,"hFlip":6,"body":169},84,74,344,367,0,"\u003Cpath d=\"M124 401 V230 C124 144 186 114 256 114 C326 114 388 144 388 230 V304\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"80\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\n  \u003Crect x=\"348\" y=\"358\" width=\"80\" height=\"80\" rx=\"12\" fill=\"#ff4b4b\"\u002F>",{"id":171,"title":80,"body":172,"description":1494,"extension":184,"links":1495,"meta":1496,"navigation":1497,"path":81,"seo":1498,"stem":82,"__hash__":1501},"docs\u002F2.composables\u002F8.use-anime-scroll.md",{"type":173,"value":174,"toc":1480},"minimark",[175,186,206,220,225,229,233,291,295,343,347,364,450,471,475,480,594,617,621,786,798,802,906,922,926,1020,1035,1039,1450,1454,1476],[176,177,179],"nuxt-link",{"to":178},"\u002Fcomposables\u002Fintroduction#buffered",[180,181],"badge",{"icon":182,"label":183,"size":184,"variant":185},"ph:stack","Buffered","md","soft",[187,188,189,192,193,201,202,205],"p",{},[190,191,80],"code",{}," wraps the ",[194,195,200],"a",{"href":196,"rel":197,"target":199},"https:\u002F\u002Fanimejs.com\u002Fdocumentation\u002Fscroll",[198],"nofollow","_blank","onScroll","\nfunction from AnimeJS. It plays or scrubs an animation as an element scrolls\nthrough its container. Pass the result as an animation's ",[190,203,204],{},"autoplay",".",[187,207,208,211,212,215,216,219],{},[190,209,210],{},"nanime"," creates the observer once the component mounts and reverts it on\nunmount. It rebuilds the observer when ",[190,213,214],{},"target"," or ",[190,217,218],{},"container"," points to a\nnew element.",[221,222,224],"h2",{"id":223},"usage","Usage",[226,227],"render-code-block-preview",{"src":228},"examples\u002Fcomposables\u002FAnimeScrollDemo.vue",[221,230,232],{"id":231},"signature","Signature",[234,235,240],"pre",{"className":236,"code":237,"language":238,"meta":239,"style":239},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useAnimeScroll(\n  parameters?: AnimeScrollParams\n): BufferedProxyReturns\u003CScrollObserver>\n","ts","",[190,241,242,259,273],{"__ignoreMap":239},[243,244,247,251,255],"span",{"class":245,"line":246},"line",1,[243,248,250],{"class":249},"spNyl","function",[243,252,254],{"class":253},"s2Zo4"," useAnimeScroll",[243,256,258],{"class":257},"sMK4o","(\n",[243,260,262,266,269],{"class":245,"line":261},2,[243,263,265],{"class":264},"sHdIc","  parameters",[243,267,268],{"class":257},"?:",[243,270,272],{"class":271},"sBMFI"," AnimeScrollParams\n",[243,274,276,279,282,285,288],{"class":245,"line":275},3,[243,277,278],{"class":257},"):",[243,280,281],{"class":271}," BufferedProxyReturns",[243,283,284],{"class":257},"\u003C",[243,286,287],{"class":271},"ScrollObserver",[243,289,290],{"class":257},">\n",[221,292,294],{"id":293},"parameters","Parameters",[296,297,298],"field-group",{},[299,300,302,310],"field",{"name":293,"type":301},"AnimeScrollParams",[187,303,304,305,309],{},"See the\n",[194,306,308],{"href":196,"rel":307,"target":199},[198],"AnimeJS scroll documentation","\nfor the options.",[311,312,313,315,316,318,319,322,323,322,326,329,330,333,334,337,338,342],"note",{},[190,314,214],{}," and ",[190,317,218],{}," also accept template refs and component refs,\nand a new element rebuilds the observer. ",[190,320,321],{},"enter",", ",[190,324,325],{},"leave",[190,327,328],{},"repeat"," and\n",[190,331,332],{},"axis"," also accept a ",[190,335,336],{},"ref"," or computed ref, and a change updates the\nobserver in place. ",[194,339,341],{"href":340},"#pass-a-ref-not-a-function-that-reads-one","A function that reads a ref","\ndoes not.",[221,344,346],{"id":345},"returns","Returns",[187,348,349,350,356,357,360,361,363],{},"Returns a buffered proxy around the AnimeJS ",[190,351,354],{"className":352,"language":353,"style":239},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[243,355,287],{"class":271},".\nIts methods and properties are in the\n",[194,358,308],{"href":196,"rel":359,"target":199},[198],".\nThe members ",[190,362,210],{}," changes:",[365,366,367,384],"table",{},[368,369,370],"thead",{},[371,372,373,378,381],"tr",{},[374,375,377],"th",{"align":376},"left","Member",[374,379,380],{"align":376},"Type",[374,382,383],{"align":376},"Notes",[385,386,387,424],"tbody",{},[371,388,389,395,414],{},[390,391,392],"td",{"align":376},[190,393,394],{},"link(animation)",[390,396,397],{"align":376},[190,398,399,402,405,408,411],{"className":352,"language":353,"style":239},[243,400,401],{"class":257},"(",[243,403,404],{"class":264},"animation",[243,406,407],{"class":257},")",[243,409,410],{"class":249}," =>",[243,412,413],{"class":271}," this",[390,415,416,418,419,215,421,423],{"align":376},[190,417,404],{}," also accepts the value returned by ",[190,420,45],{},[190,422,50],{},". The link survives a rebuild.",[371,425,426,431,438],{},[390,427,428],{"align":376},[190,429,430],{},"progress",[390,432,433],{"align":376},[190,434,435],{"className":352,"language":353,"style":239},[243,436,437],{"class":271},"number",[390,439,440,441,445,446,205],{"align":376},"Read it ",[194,442,444],{"href":443},"#read-properties-after-mount","after mount",". It ",[194,447,449],{"href":448},"#properties-do-not-update-templates","doesn't update a template",[187,451,452,453,322,456,459,460,463,464,467,468,470],{},"The observer is created when the component mounts. ",[190,454,455],{},"link()",[190,457,458],{},"refresh()","\nand ",[190,461,462],{},"revert()"," can be called straight from ",[190,465,466],{},"setup()",", and run at that\npoint. An observer drives one animation, so create a ",[190,469,80],{}," for\neach animation you pass it to.",[221,472,474],{"id":473},"caveats","Caveats",[476,477,479],"h3",{"id":478},"pass-the-template-ref-not-its-value","Pass the template ref, not its value",[234,481,483],{"className":236,"code":482,"language":238,"meta":239,"style":239},"\u002F\u002F wrong: reads template ref during setup before mount\nconst section = useTemplateRef('section')\nconst scroll = useAnimeScroll({ target: section.value })\n\n\u002F\u002F right: pass the ref itself so it resolves after mount\nconst scroll = useAnimeScroll({ target: section })\n",[190,484,485,491,520,556,563,569],{"__ignoreMap":239},[243,486,487],{"class":245,"line":246},[243,488,490],{"class":489},"sHwdD","\u002F\u002F wrong: reads template ref during setup before mount\n",[243,492,493,496,500,503,506,508,511,515,517],{"class":245,"line":261},[243,494,495],{"class":249},"const",[243,497,499],{"class":498},"sTEyZ"," section ",[243,501,502],{"class":257},"=",[243,504,505],{"class":253}," useTemplateRef",[243,507,401],{"class":498},[243,509,510],{"class":257},"'",[243,512,514],{"class":513},"sfazB","section",[243,516,510],{"class":257},[243,518,519],{"class":498},")\n",[243,521,522,524,527,529,531,533,536,540,543,546,548,551,554],{"class":245,"line":275},[243,523,495],{"class":249},[243,525,526],{"class":498}," scroll ",[243,528,502],{"class":257},[243,530,254],{"class":253},[243,532,401],{"class":498},[243,534,535],{"class":257},"{",[243,537,539],{"class":538},"swJcz"," target",[243,541,542],{"class":257},":",[243,544,545],{"class":498}," section",[243,547,205],{"class":257},[243,549,550],{"class":498},"value ",[243,552,553],{"class":257},"}",[243,555,519],{"class":498},[243,557,559],{"class":245,"line":558},4,[243,560,562],{"emptyLinePlaceholder":561},true,"\n",[243,564,566],{"class":245,"line":565},5,[243,567,568],{"class":489},"\u002F\u002F right: pass the ref itself so it resolves after mount\n",[243,570,572,574,576,578,580,582,584,586,588,590,592],{"class":245,"line":571},6,[243,573,495],{"class":249},[243,575,526],{"class":498},[243,577,502],{"class":257},[243,579,254],{"class":253},[243,581,401],{"class":498},[243,583,535],{"class":257},[243,585,539],{"class":538},[243,587,542],{"class":257},[243,589,499],{"class":498},[243,591,553],{"class":257},[243,593,519],{"class":498},[187,595,596,597,600,601,604,605,607,608,611,612,315,614,616],{},"Template refs evaluate to ",[190,598,599],{},"null"," during setup before the DOM renders. Passing\n",[190,602,603],{},"section.value"," reads it immediately as ",[190,606,599],{},". AnimeJS then falls back to\n",[190,609,610],{},"document.body"," as the tracked target instead of the intended element. Pass\nthe ref itself so ",[190,613,214],{},[190,615,218],{}," resolve after mount.",[476,618,620],{"id":619},"pass-a-ref-not-a-function-that-reads-one","Pass a ref, not a function that reads one",[234,622,624],{"className":236,"code":623,"language":238,"meta":239,"style":239},"const isMobile = ref(false)\n\n\u002F\u002F wrong: the observer never sees isMobile change\nconst scroll = useAnimeScroll({ enter: () => isMobile.value ? 'bottom top' : 'center top' })\n\n\u002F\u002F right: a computed ref updates the observer in place\nconst enter = computed(() => isMobile.value ? 'bottom top' : 'center top')\nconst scroll = useAnimeScroll({ enter })\n",[190,625,626,646,650,655,712,716,721,765],{"__ignoreMap":239},[243,627,628,630,633,635,638,640,644],{"class":245,"line":246},[243,629,495],{"class":249},[243,631,632],{"class":498}," isMobile ",[243,634,502],{"class":257},[243,636,637],{"class":253}," ref",[243,639,401],{"class":498},[243,641,643],{"class":642},"sfNiH","false",[243,645,519],{"class":498},[243,647,648],{"class":245,"line":261},[243,649,562],{"emptyLinePlaceholder":561},[243,651,652],{"class":245,"line":275},[243,653,654],{"class":489},"\u002F\u002F wrong: the observer never sees isMobile change\n",[243,656,657,659,661,663,665,667,669,672,674,677,679,682,684,686,689,692,695,697,700,702,705,707,710],{"class":245,"line":558},[243,658,495],{"class":249},[243,660,526],{"class":498},[243,662,502],{"class":257},[243,664,254],{"class":253},[243,666,401],{"class":498},[243,668,535],{"class":257},[243,670,671],{"class":253}," enter",[243,673,542],{"class":257},[243,675,676],{"class":257}," ()",[243,678,410],{"class":249},[243,680,681],{"class":498}," isMobile",[243,683,205],{"class":257},[243,685,550],{"class":498},[243,687,688],{"class":257},"?",[243,690,691],{"class":257}," '",[243,693,694],{"class":513},"bottom top",[243,696,510],{"class":257},[243,698,699],{"class":257}," :",[243,701,691],{"class":257},[243,703,704],{"class":513},"center top",[243,706,510],{"class":257},[243,708,709],{"class":257}," }",[243,711,519],{"class":498},[243,713,714],{"class":245,"line":565},[243,715,562],{"emptyLinePlaceholder":561},[243,717,718],{"class":245,"line":571},[243,719,720],{"class":489},"\u002F\u002F right: a computed ref updates the observer in place\n",[243,722,724,726,729,731,734,736,739,741,743,745,747,749,751,753,755,757,759,761,763],{"class":245,"line":723},7,[243,725,495],{"class":249},[243,727,728],{"class":498}," enter ",[243,730,502],{"class":257},[243,732,733],{"class":253}," computed",[243,735,401],{"class":498},[243,737,738],{"class":257},"()",[243,740,410],{"class":249},[243,742,681],{"class":498},[243,744,205],{"class":257},[243,746,550],{"class":498},[243,748,688],{"class":257},[243,750,691],{"class":257},[243,752,694],{"class":513},[243,754,510],{"class":257},[243,756,699],{"class":257},[243,758,691],{"class":257},[243,760,704],{"class":513},[243,762,510],{"class":257},[243,764,519],{"class":498},[243,766,768,770,772,774,776,778,780,782,784],{"class":245,"line":767},8,[243,769,495],{"class":249},[243,771,526],{"class":498},[243,773,502],{"class":257},[243,775,254],{"class":253},[243,777,401],{"class":498},[243,779,535],{"class":257},[243,781,728],{"class":498},[243,783,553],{"class":257},[243,785,519],{"class":498},[187,787,788,789,322,791,322,793,215,795,797],{},"A function for ",[190,790,321],{},[190,792,325],{},[190,794,328],{},[190,796,332],{}," is an AnimeJS callback.\nAnimeJS calls it with the observer when it refreshes, on resize for example,\nso refs read inside it are not tracked. Pass a ref or computed ref to update\nthe observer when a value changes.",[476,799,801],{"id":800},"read-properties-after-mount","Read properties after mount",[234,803,805],{"className":236,"code":804,"language":238,"meta":239,"style":239},"\u002F\u002F wrong: progress is undefined before mount\nconst scroll = useAnimeScroll({ target: section })\nconsole.log(scroll.progress) \u002F\u002F undefined\n\n\u002F\u002F right: read it after mount, or in a callback\nonMounted(() => {\n  console.log(scroll.progress)\n})\n",[190,806,807,812,836,857,861,866,880,900],{"__ignoreMap":239},[243,808,809],{"class":245,"line":246},[243,810,811],{"class":489},"\u002F\u002F wrong: progress is undefined before mount\n",[243,813,814,816,818,820,822,824,826,828,830,832,834],{"class":245,"line":261},[243,815,495],{"class":249},[243,817,526],{"class":498},[243,819,502],{"class":257},[243,821,254],{"class":253},[243,823,401],{"class":498},[243,825,535],{"class":257},[243,827,539],{"class":538},[243,829,542],{"class":257},[243,831,499],{"class":498},[243,833,553],{"class":257},[243,835,519],{"class":498},[243,837,838,841,843,846,849,851,854],{"class":245,"line":275},[243,839,840],{"class":498},"console",[243,842,205],{"class":257},[243,844,845],{"class":253},"log",[243,847,848],{"class":498},"(scroll",[243,850,205],{"class":257},[243,852,853],{"class":498},"progress) ",[243,855,856],{"class":489},"\u002F\u002F undefined\n",[243,858,859],{"class":245,"line":558},[243,860,562],{"emptyLinePlaceholder":561},[243,862,863],{"class":245,"line":565},[243,864,865],{"class":489},"\u002F\u002F right: read it after mount, or in a callback\n",[243,867,868,871,873,875,877],{"class":245,"line":571},[243,869,870],{"class":253},"onMounted",[243,872,401],{"class":498},[243,874,738],{"class":257},[243,876,410],{"class":249},[243,878,879],{"class":257}," {\n",[243,881,882,885,887,889,891,894,896,898],{"class":245,"line":723},[243,883,884],{"class":498},"  console",[243,886,205],{"class":257},[243,888,845],{"class":253},[243,890,401],{"class":538},[243,892,893],{"class":498},"scroll",[243,895,205],{"class":257},[243,897,430],{"class":498},[243,899,519],{"class":538},[243,901,902,904],{"class":245,"line":767},[243,903,553],{"class":257},[243,905,519],{"class":498},[187,907,908,909,911,912,914,915,918,919,205],{},"The observer is created after the component mounts and resolves ",[190,910,214],{},".\nChainable methods such as ",[190,913,455],{}," are queued until then, but property\nreads return ",[190,916,917],{},"undefined",". Read properties after mount or inside a callback\nsuch as ",[190,920,921],{},"onUpdate",[476,923,925],{"id":924},"properties-do-not-update-templates","Properties do not update templates",[234,927,929],{"className":236,"code":928,"language":238,"meta":239,"style":239},"\u002F\u002F wrong: progress never updates inside a template interpolation\n\u002F\u002F \u003Cp>{{ scroll.progress }}\u003C\u002Fp>\n\n\u002F\u002F right: track progress via a ref updated in onUpdate\nconst progress = ref(0)\nconst scroll = useAnimeScroll({\n  onUpdate: observer => progress.value = observer.progress,\n})\n",[190,930,931,936,941,945,950,969,984,1014],{"__ignoreMap":239},[243,932,933],{"class":245,"line":246},[243,934,935],{"class":489},"\u002F\u002F wrong: progress never updates inside a template interpolation\n",[243,937,938],{"class":245,"line":261},[243,939,940],{"class":489},"\u002F\u002F \u003Cp>{{ scroll.progress }}\u003C\u002Fp>\n",[243,942,943],{"class":245,"line":275},[243,944,562],{"emptyLinePlaceholder":561},[243,946,947],{"class":245,"line":558},[243,948,949],{"class":489},"\u002F\u002F right: track progress via a ref updated in onUpdate\n",[243,951,952,954,957,959,961,963,967],{"class":245,"line":565},[243,953,495],{"class":249},[243,955,956],{"class":498}," progress ",[243,958,502],{"class":257},[243,960,637],{"class":253},[243,962,401],{"class":498},[243,964,966],{"class":965},"sbssI","0",[243,968,519],{"class":498},[243,970,971,973,975,977,979,981],{"class":245,"line":571},[243,972,495],{"class":249},[243,974,526],{"class":498},[243,976,502],{"class":257},[243,978,254],{"class":253},[243,980,401],{"class":498},[243,982,983],{"class":257},"{\n",[243,985,986,989,991,994,996,999,1001,1003,1005,1007,1009,1011],{"class":245,"line":723},[243,987,988],{"class":253},"  onUpdate",[243,990,542],{"class":257},[243,992,993],{"class":264}," observer",[243,995,410],{"class":249},[243,997,998],{"class":498}," progress",[243,1000,205],{"class":257},[243,1002,550],{"class":498},[243,1004,502],{"class":257},[243,1006,993],{"class":498},[243,1008,205],{"class":257},[243,1010,430],{"class":498},[243,1012,1013],{"class":257},",\n",[243,1015,1016,1018],{"class":245,"line":767},[243,1017,553],{"class":257},[243,1019,519],{"class":498},[187,1021,1022,1023,1026,1027,1031,1032,1034],{},"Interpolating ",[190,1024,1025],{},"{{ scroll.progress }}"," displays the initial value and never\nupdates. The returned proxy tracks the observer instance rather than internal\nnumeric state, so scrolling triggers no component re-renders. Update a\n",[190,1028,1029],{"className":352,"language":353,"style":239},[243,1030,336],{"class":271}," inside the ",[190,1033,921],{}," callback to display live scroll\nprogress.",[221,1036,1038],{"id":1037},"type-reference","Type reference",[1040,1041,1043],"collapsible",{"name":1042},"Types",[234,1044,1046],{"className":236,"code":1045,"language":238,"meta":239,"style":239},"type ScrollElement = HTMLElement | SVGElement | ComponentPublicInstance | null | undefined\ntype AnimeScrollTarget = TargetsParam | MaybeRef\u003CScrollElement> | MaybeRef\u003CScrollElement>[]\n\ninterface AnimeScrollParams extends Omit\u003CScrollObserverParams, 'target' | 'container' | 'enter' | 'leave' | 'repeat' | 'axis'> {\n  target?: AnimeScrollTarget\n  container?: AnimeScrollTarget\n  enter?: ScrollThresholdValue | ScrollThresholdParam | ScrollThresholdCallback | Readonly\u003CRef\u003CScrollThresholdValue | ScrollThresholdParam>>\n  leave?: ScrollThresholdValue | ScrollThresholdParam | ScrollThresholdCallback | Readonly\u003CRef\u003CScrollThresholdValue | ScrollThresholdParam>>\n  repeat?: boolean | ((observer: ScrollObserver) => boolean) | Readonly\u003CRef\u003Cboolean>>\n  axis?: 'x' | 'y' | ScrollObserverAxisCallback | Readonly\u003CRef\u003C'x' | 'y'>>\n}\n\ntype BufferedProxyReturns\u003CT> = Exclude\u003CUnwrapNestedRefs\u003CT>, null | undefined>\n",[190,1047,1048,1083,1121,1125,1197,1207,1216,1258,1293,1344,1399,1405,1410],{"__ignoreMap":239},[243,1049,1050,1053,1056,1059,1062,1065,1068,1070,1073,1075,1078,1080],{"class":245,"line":246},[243,1051,1052],{"class":249},"type",[243,1054,1055],{"class":271}," ScrollElement",[243,1057,1058],{"class":257}," =",[243,1060,1061],{"class":271}," HTMLElement",[243,1063,1064],{"class":257}," |",[243,1066,1067],{"class":271}," SVGElement",[243,1069,1064],{"class":257},[243,1071,1072],{"class":271}," ComponentPublicInstance",[243,1074,1064],{"class":257},[243,1076,1077],{"class":271}," null",[243,1079,1064],{"class":257},[243,1081,1082],{"class":271}," undefined\n",[243,1084,1085,1087,1090,1092,1095,1097,1100,1102,1105,1108,1110,1112,1114,1116,1118],{"class":245,"line":261},[243,1086,1052],{"class":249},[243,1088,1089],{"class":271}," AnimeScrollTarget",[243,1091,1058],{"class":257},[243,1093,1094],{"class":271}," TargetsParam",[243,1096,1064],{"class":257},[243,1098,1099],{"class":271}," MaybeRef",[243,1101,284],{"class":257},[243,1103,1104],{"class":271},"ScrollElement",[243,1106,1107],{"class":257},">",[243,1109,1064],{"class":257},[243,1111,1099],{"class":271},[243,1113,284],{"class":257},[243,1115,1104],{"class":271},[243,1117,1107],{"class":257},[243,1119,1120],{"class":498},"[]\n",[243,1122,1123],{"class":245,"line":275},[243,1124,562],{"emptyLinePlaceholder":561},[243,1126,1127,1130,1133,1136,1139,1141,1144,1147,1149,1151,1153,1155,1157,1159,1161,1163,1165,1167,1169,1171,1173,1175,1177,1179,1181,1183,1185,1187,1189,1191,1193,1195],{"class":245,"line":558},[243,1128,1129],{"class":249},"interface",[243,1131,1132],{"class":271}," AnimeScrollParams",[243,1134,1135],{"class":249}," extends",[243,1137,1138],{"class":271}," Omit",[243,1140,284],{"class":257},[243,1142,1143],{"class":271},"ScrollObserverParams",[243,1145,1146],{"class":257},",",[243,1148,691],{"class":257},[243,1150,214],{"class":513},[243,1152,510],{"class":257},[243,1154,1064],{"class":257},[243,1156,691],{"class":257},[243,1158,218],{"class":513},[243,1160,510],{"class":257},[243,1162,1064],{"class":257},[243,1164,691],{"class":257},[243,1166,321],{"class":513},[243,1168,510],{"class":257},[243,1170,1064],{"class":257},[243,1172,691],{"class":257},[243,1174,325],{"class":513},[243,1176,510],{"class":257},[243,1178,1064],{"class":257},[243,1180,691],{"class":257},[243,1182,328],{"class":513},[243,1184,510],{"class":257},[243,1186,1064],{"class":257},[243,1188,691],{"class":257},[243,1190,332],{"class":513},[243,1192,510],{"class":257},[243,1194,1107],{"class":257},[243,1196,879],{"class":257},[243,1198,1199,1202,1204],{"class":245,"line":565},[243,1200,1201],{"class":538},"  target",[243,1203,268],{"class":257},[243,1205,1206],{"class":271}," AnimeScrollTarget\n",[243,1208,1209,1212,1214],{"class":245,"line":571},[243,1210,1211],{"class":538},"  container",[243,1213,268],{"class":257},[243,1215,1206],{"class":271},[243,1217,1218,1221,1223,1226,1228,1231,1233,1236,1238,1241,1243,1246,1248,1251,1253,1255],{"class":245,"line":723},[243,1219,1220],{"class":538},"  enter",[243,1222,268],{"class":257},[243,1224,1225],{"class":271}," ScrollThresholdValue",[243,1227,1064],{"class":257},[243,1229,1230],{"class":271}," ScrollThresholdParam",[243,1232,1064],{"class":257},[243,1234,1235],{"class":271}," ScrollThresholdCallback",[243,1237,1064],{"class":257},[243,1239,1240],{"class":271}," Readonly",[243,1242,284],{"class":257},[243,1244,1245],{"class":271},"Ref",[243,1247,284],{"class":257},[243,1249,1250],{"class":271},"ScrollThresholdValue",[243,1252,1064],{"class":257},[243,1254,1230],{"class":271},[243,1256,1257],{"class":257},">>\n",[243,1259,1260,1263,1265,1267,1269,1271,1273,1275,1277,1279,1281,1283,1285,1287,1289,1291],{"class":245,"line":767},[243,1261,1262],{"class":538},"  leave",[243,1264,268],{"class":257},[243,1266,1225],{"class":271},[243,1268,1064],{"class":257},[243,1270,1230],{"class":271},[243,1272,1064],{"class":257},[243,1274,1235],{"class":271},[243,1276,1064],{"class":257},[243,1278,1240],{"class":271},[243,1280,284],{"class":257},[243,1282,1245],{"class":271},[243,1284,284],{"class":257},[243,1286,1250],{"class":271},[243,1288,1064],{"class":257},[243,1290,1230],{"class":271},[243,1292,1257],{"class":257},[243,1294,1296,1299,1301,1304,1306,1309,1311,1314,1316,1319,1321,1323,1325,1328,1331,1333,1335,1337,1339,1342],{"class":245,"line":1295},9,[243,1297,1298],{"class":538},"  repeat",[243,1300,268],{"class":257},[243,1302,1303],{"class":271}," boolean",[243,1305,1064],{"class":257},[243,1307,1308],{"class":498}," (",[243,1310,401],{"class":257},[243,1312,1313],{"class":264},"observer",[243,1315,542],{"class":257},[243,1317,1318],{"class":271}," ScrollObserver",[243,1320,407],{"class":257},[243,1322,410],{"class":249},[243,1324,1303],{"class":271},[243,1326,1327],{"class":498},") ",[243,1329,1330],{"class":257},"|",[243,1332,1240],{"class":271},[243,1334,284],{"class":257},[243,1336,1245],{"class":271},[243,1338,284],{"class":257},[243,1340,1341],{"class":271},"boolean",[243,1343,1257],{"class":257},[243,1345,1347,1350,1352,1354,1357,1359,1361,1363,1366,1368,1370,1373,1375,1377,1379,1381,1383,1385,1387,1389,1391,1393,1395,1397],{"class":245,"line":1346},10,[243,1348,1349],{"class":538},"  axis",[243,1351,268],{"class":257},[243,1353,691],{"class":257},[243,1355,1356],{"class":513},"x",[243,1358,510],{"class":257},[243,1360,1064],{"class":257},[243,1362,691],{"class":257},[243,1364,1365],{"class":513},"y",[243,1367,510],{"class":257},[243,1369,1064],{"class":257},[243,1371,1372],{"class":271}," ScrollObserverAxisCallback",[243,1374,1064],{"class":257},[243,1376,1240],{"class":271},[243,1378,284],{"class":257},[243,1380,1245],{"class":271},[243,1382,284],{"class":257},[243,1384,510],{"class":257},[243,1386,1356],{"class":513},[243,1388,510],{"class":257},[243,1390,1064],{"class":257},[243,1392,691],{"class":257},[243,1394,1365],{"class":513},[243,1396,510],{"class":257},[243,1398,1257],{"class":257},[243,1400,1402],{"class":245,"line":1401},11,[243,1403,1404],{"class":257},"}\n",[243,1406,1408],{"class":245,"line":1407},12,[243,1409,562],{"emptyLinePlaceholder":561},[243,1411,1413,1415,1417,1419,1422,1424,1426,1429,1431,1434,1436,1438,1441,1443,1445,1448],{"class":245,"line":1412},13,[243,1414,1052],{"class":249},[243,1416,281],{"class":271},[243,1418,284],{"class":257},[243,1420,1421],{"class":271},"T",[243,1423,1107],{"class":257},[243,1425,1058],{"class":257},[243,1427,1428],{"class":271}," Exclude",[243,1430,284],{"class":257},[243,1432,1433],{"class":271},"UnwrapNestedRefs",[243,1435,284],{"class":257},[243,1437,1421],{"class":271},[243,1439,1440],{"class":257},">,",[243,1442,1077],{"class":271},[243,1444,1064],{"class":257},[243,1446,1447],{"class":271}," undefined",[243,1449,290],{"class":257},[221,1451,1453],{"id":1452},"see-also","See also",[1455,1456,1457,1465,1470],"ul",{},[1458,1459,1460,1464],"li",{},[194,1461,1462],{"href":46},[190,1463,45],{},": main-thread animation engine supporting scroll autoplay",[1458,1466,1467,1469],{},[194,1468,144],{"href":145},": a car driven along a winding road by a panel's horizontal scroll",[1458,1471,1472,1475],{},[194,1473,308],{"href":196,"rel":1474,"target":199},[198],": upstream threshold syntax and container parameters",[1477,1478,1479],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":239,"searchDepth":261,"depth":261,"links":1481},[1482,1483,1484,1485,1486,1492,1493],{"id":223,"depth":261,"text":224},{"id":231,"depth":261,"text":232},{"id":293,"depth":261,"text":294},{"id":345,"depth":261,"text":346},{"id":473,"depth":261,"text":474,"children":1487},[1488,1489,1490,1491],{"id":478,"depth":275,"text":479},{"id":619,"depth":275,"text":620},{"id":800,"depth":275,"text":801},{"id":924,"depth":275,"text":925},{"id":1037,"depth":261,"text":1038},{"id":1452,"depth":261,"text":1453},"Drive animations from scroll position with AnimeJS onScroll().",null,{},{"icon":83},{"title":1499,"description":1500},"useAnimeScroll: scroll-driven animation in Nuxt","Drive an Anime.js animation from scroll position with onScroll() in a Vue composable. Scroll-linked and scroll-triggered playback, SSR-safe, in Nuxt.","g7PxNYWQIQx2kT2Wy4Hs77AUD0xcgF84-7vwtAFuUdA",[1503,1505],{"title":75,"path":76,"stem":77,"description":1504,"icon":78,"children":-1},"Sequence animations on one clock with AnimeJS createTimeline().",{"title":85,"path":86,"stem":87,"description":1506,"icon":88,"badge":89,"children":-1},"Animate layout changes in position and size with AnimeJS createLayout().",{"data":1508,"body":1509,"toc":2995},{"title":239,"description":239},{"type":1510,"children":1511},"root",[1512,1517,2977,2990],{"type":1513,"tag":1514,"props":1515,"children":1516},"element","anime-scroll-demo",{},[],{"type":1513,"tag":1518,"props":1519,"children":1520},"code-group",{},[1521,2307],{"type":1513,"tag":234,"props":1522,"children":1525},{"className":236,"code":1523,"filename":1524,"language":238,"meta":239,"style":239},"import { createDrawable } from '#nanime\u002Fproxies\u002Fsvg'\nimport type { DrawableSVGGeometry } from '#nanime\u002Ftypes'\n\nconst THREAD = 'M 0 100 C 300 20 560 180 860 100 S 1420 18 1720 104 S 2150 192 2300 120'\n\nconst panel = useTemplateRef\u003CHTMLElement>('panel')\nconst track = useTemplateRef\u003CHTMLElement>('track')\nconst thread = useTemplateRef\u003CSVGPathElement>('thread')\n\nconst scroll = useAnimeScroll({\n  container: panel,\n  target: track,\n  axis: 'x',\n  enter: 'left left',\n  leave: 'right right',\n  sync: true,\n})\n\nconst drawable = computed\u003CDrawableSVGGeometry | null>(() =>\n  thread.value ? createDrawable(thread.value)[0] ?? null : null,\n)\n\nuseAnimate([drawable], {\n  draw: ['0 0', '0 1'],\n  ease: 'linear',\n  autoplay: scroll,\n})\n","Script",[1526],{"type":1513,"tag":190,"props":1527,"children":1528},{"__ignoreMap":239},[1529,1575,1617,1624,1654,1661,1717,1770,1824,1831,1858,1879,1899,1926,1955,1984,2007,2019,2027,2082,2149,2157,2165,2186,2243,2273,2295],{"type":1513,"tag":243,"props":1530,"children":1531},{"class":245,"line":246},[1532,1539,1545,1551,1555,1560,1564,1570],{"type":1513,"tag":243,"props":1533,"children":1535},{"style":1534},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[1536],{"type":1537,"value":1538},"text","import",{"type":1513,"tag":243,"props":1540,"children":1542},{"style":1541},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[1543],{"type":1537,"value":1544}," {",{"type":1513,"tag":243,"props":1546,"children":1548},{"style":1547},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1549],{"type":1537,"value":1550}," createDrawable",{"type":1513,"tag":243,"props":1552,"children":1553},{"style":1541},[1554],{"type":1537,"value":709},{"type":1513,"tag":243,"props":1556,"children":1557},{"style":1534},[1558],{"type":1537,"value":1559}," from",{"type":1513,"tag":243,"props":1561,"children":1562},{"style":1541},[1563],{"type":1537,"value":691},{"type":1513,"tag":243,"props":1565,"children":1567},{"style":1566},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[1568],{"type":1537,"value":1569},"#nanime\u002Fproxies\u002Fsvg",{"type":1513,"tag":243,"props":1571,"children":1572},{"style":1541},[1573],{"type":1537,"value":1574},"'\n",{"type":1513,"tag":243,"props":1576,"children":1577},{"class":245,"line":261},[1578,1582,1587,1591,1596,1600,1604,1608,1613],{"type":1513,"tag":243,"props":1579,"children":1580},{"style":1534},[1581],{"type":1537,"value":1538},{"type":1513,"tag":243,"props":1583,"children":1584},{"style":1534},[1585],{"type":1537,"value":1586}," type",{"type":1513,"tag":243,"props":1588,"children":1589},{"style":1541},[1590],{"type":1537,"value":1544},{"type":1513,"tag":243,"props":1592,"children":1593},{"style":1547},[1594],{"type":1537,"value":1595}," DrawableSVGGeometry",{"type":1513,"tag":243,"props":1597,"children":1598},{"style":1541},[1599],{"type":1537,"value":709},{"type":1513,"tag":243,"props":1601,"children":1602},{"style":1534},[1603],{"type":1537,"value":1559},{"type":1513,"tag":243,"props":1605,"children":1606},{"style":1541},[1607],{"type":1537,"value":691},{"type":1513,"tag":243,"props":1609,"children":1610},{"style":1566},[1611],{"type":1537,"value":1612},"#nanime\u002Ftypes",{"type":1513,"tag":243,"props":1614,"children":1615},{"style":1541},[1616],{"type":1537,"value":1574},{"type":1513,"tag":243,"props":1618,"children":1619},{"class":245,"line":275},[1620],{"type":1513,"tag":243,"props":1621,"children":1622},{"emptyLinePlaceholder":561},[1623],{"type":1537,"value":562},{"type":1513,"tag":243,"props":1625,"children":1626},{"class":245,"line":558},[1627,1632,1637,1641,1645,1650],{"type":1513,"tag":243,"props":1628,"children":1630},{"style":1629},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[1631],{"type":1537,"value":495},{"type":1513,"tag":243,"props":1633,"children":1634},{"style":1547},[1635],{"type":1537,"value":1636}," THREAD ",{"type":1513,"tag":243,"props":1638,"children":1639},{"style":1541},[1640],{"type":1537,"value":502},{"type":1513,"tag":243,"props":1642,"children":1643},{"style":1541},[1644],{"type":1537,"value":691},{"type":1513,"tag":243,"props":1646,"children":1647},{"style":1566},[1648],{"type":1537,"value":1649},"M 0 100 C 300 20 560 180 860 100 S 1420 18 1720 104 S 2150 192 2300 120",{"type":1513,"tag":243,"props":1651,"children":1652},{"style":1541},[1653],{"type":1537,"value":1574},{"type":1513,"tag":243,"props":1655,"children":1656},{"class":245,"line":565},[1657],{"type":1513,"tag":243,"props":1658,"children":1659},{"emptyLinePlaceholder":561},[1660],{"type":1537,"value":562},{"type":1513,"tag":243,"props":1662,"children":1663},{"class":245,"line":571},[1664,1668,1673,1677,1682,1686,1692,1696,1700,1704,1709,1713],{"type":1513,"tag":243,"props":1665,"children":1666},{"style":1629},[1667],{"type":1537,"value":495},{"type":1513,"tag":243,"props":1669,"children":1670},{"style":1547},[1671],{"type":1537,"value":1672}," panel ",{"type":1513,"tag":243,"props":1674,"children":1675},{"style":1541},[1676],{"type":1537,"value":502},{"type":1513,"tag":243,"props":1678,"children":1680},{"style":1679},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1681],{"type":1537,"value":505},{"type":1513,"tag":243,"props":1683,"children":1684},{"style":1541},[1685],{"type":1537,"value":284},{"type":1513,"tag":243,"props":1687,"children":1689},{"style":1688},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[1690],{"type":1537,"value":1691},"HTMLElement",{"type":1513,"tag":243,"props":1693,"children":1694},{"style":1541},[1695],{"type":1537,"value":1107},{"type":1513,"tag":243,"props":1697,"children":1698},{"style":1547},[1699],{"type":1537,"value":401},{"type":1513,"tag":243,"props":1701,"children":1702},{"style":1541},[1703],{"type":1537,"value":510},{"type":1513,"tag":243,"props":1705,"children":1706},{"style":1566},[1707],{"type":1537,"value":1708},"panel",{"type":1513,"tag":243,"props":1710,"children":1711},{"style":1541},[1712],{"type":1537,"value":510},{"type":1513,"tag":243,"props":1714,"children":1715},{"style":1547},[1716],{"type":1537,"value":519},{"type":1513,"tag":243,"props":1718,"children":1719},{"class":245,"line":723},[1720,1724,1729,1733,1737,1741,1745,1749,1753,1757,1762,1766],{"type":1513,"tag":243,"props":1721,"children":1722},{"style":1629},[1723],{"type":1537,"value":495},{"type":1513,"tag":243,"props":1725,"children":1726},{"style":1547},[1727],{"type":1537,"value":1728}," track ",{"type":1513,"tag":243,"props":1730,"children":1731},{"style":1541},[1732],{"type":1537,"value":502},{"type":1513,"tag":243,"props":1734,"children":1735},{"style":1679},[1736],{"type":1537,"value":505},{"type":1513,"tag":243,"props":1738,"children":1739},{"style":1541},[1740],{"type":1537,"value":284},{"type":1513,"tag":243,"props":1742,"children":1743},{"style":1688},[1744],{"type":1537,"value":1691},{"type":1513,"tag":243,"props":1746,"children":1747},{"style":1541},[1748],{"type":1537,"value":1107},{"type":1513,"tag":243,"props":1750,"children":1751},{"style":1547},[1752],{"type":1537,"value":401},{"type":1513,"tag":243,"props":1754,"children":1755},{"style":1541},[1756],{"type":1537,"value":510},{"type":1513,"tag":243,"props":1758,"children":1759},{"style":1566},[1760],{"type":1537,"value":1761},"track",{"type":1513,"tag":243,"props":1763,"children":1764},{"style":1541},[1765],{"type":1537,"value":510},{"type":1513,"tag":243,"props":1767,"children":1768},{"style":1547},[1769],{"type":1537,"value":519},{"type":1513,"tag":243,"props":1771,"children":1772},{"class":245,"line":767},[1773,1777,1782,1786,1790,1794,1799,1803,1807,1811,1816,1820],{"type":1513,"tag":243,"props":1774,"children":1775},{"style":1629},[1776],{"type":1537,"value":495},{"type":1513,"tag":243,"props":1778,"children":1779},{"style":1547},[1780],{"type":1537,"value":1781}," thread ",{"type":1513,"tag":243,"props":1783,"children":1784},{"style":1541},[1785],{"type":1537,"value":502},{"type":1513,"tag":243,"props":1787,"children":1788},{"style":1679},[1789],{"type":1537,"value":505},{"type":1513,"tag":243,"props":1791,"children":1792},{"style":1541},[1793],{"type":1537,"value":284},{"type":1513,"tag":243,"props":1795,"children":1796},{"style":1688},[1797],{"type":1537,"value":1798},"SVGPathElement",{"type":1513,"tag":243,"props":1800,"children":1801},{"style":1541},[1802],{"type":1537,"value":1107},{"type":1513,"tag":243,"props":1804,"children":1805},{"style":1547},[1806],{"type":1537,"value":401},{"type":1513,"tag":243,"props":1808,"children":1809},{"style":1541},[1810],{"type":1537,"value":510},{"type":1513,"tag":243,"props":1812,"children":1813},{"style":1566},[1814],{"type":1537,"value":1815},"thread",{"type":1513,"tag":243,"props":1817,"children":1818},{"style":1541},[1819],{"type":1537,"value":510},{"type":1513,"tag":243,"props":1821,"children":1822},{"style":1547},[1823],{"type":1537,"value":519},{"type":1513,"tag":243,"props":1825,"children":1826},{"class":245,"line":1295},[1827],{"type":1513,"tag":243,"props":1828,"children":1829},{"emptyLinePlaceholder":561},[1830],{"type":1537,"value":562},{"type":1513,"tag":243,"props":1832,"children":1833},{"class":245,"line":1346},[1834,1838,1842,1846,1850,1854],{"type":1513,"tag":243,"props":1835,"children":1836},{"style":1629},[1837],{"type":1537,"value":495},{"type":1513,"tag":243,"props":1839,"children":1840},{"style":1547},[1841],{"type":1537,"value":526},{"type":1513,"tag":243,"props":1843,"children":1844},{"style":1541},[1845],{"type":1537,"value":502},{"type":1513,"tag":243,"props":1847,"children":1848},{"style":1679},[1849],{"type":1537,"value":254},{"type":1513,"tag":243,"props":1851,"children":1852},{"style":1547},[1853],{"type":1537,"value":401},{"type":1513,"tag":243,"props":1855,"children":1856},{"style":1541},[1857],{"type":1537,"value":983},{"type":1513,"tag":243,"props":1859,"children":1860},{"class":245,"line":1401},[1861,1866,1870,1875],{"type":1513,"tag":243,"props":1862,"children":1864},{"style":1863},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1865],{"type":1537,"value":1211},{"type":1513,"tag":243,"props":1867,"children":1868},{"style":1541},[1869],{"type":1537,"value":542},{"type":1513,"tag":243,"props":1871,"children":1872},{"style":1547},[1873],{"type":1537,"value":1874}," panel",{"type":1513,"tag":243,"props":1876,"children":1877},{"style":1541},[1878],{"type":1537,"value":1013},{"type":1513,"tag":243,"props":1880,"children":1881},{"class":245,"line":1407},[1882,1886,1890,1895],{"type":1513,"tag":243,"props":1883,"children":1884},{"style":1863},[1885],{"type":1537,"value":1201},{"type":1513,"tag":243,"props":1887,"children":1888},{"style":1541},[1889],{"type":1537,"value":542},{"type":1513,"tag":243,"props":1891,"children":1892},{"style":1547},[1893],{"type":1537,"value":1894}," track",{"type":1513,"tag":243,"props":1896,"children":1897},{"style":1541},[1898],{"type":1537,"value":1013},{"type":1513,"tag":243,"props":1900,"children":1901},{"class":245,"line":1412},[1902,1906,1910,1914,1918,1922],{"type":1513,"tag":243,"props":1903,"children":1904},{"style":1863},[1905],{"type":1537,"value":1349},{"type":1513,"tag":243,"props":1907,"children":1908},{"style":1541},[1909],{"type":1537,"value":542},{"type":1513,"tag":243,"props":1911,"children":1912},{"style":1541},[1913],{"type":1537,"value":691},{"type":1513,"tag":243,"props":1915,"children":1916},{"style":1566},[1917],{"type":1537,"value":1356},{"type":1513,"tag":243,"props":1919,"children":1920},{"style":1541},[1921],{"type":1537,"value":510},{"type":1513,"tag":243,"props":1923,"children":1924},{"style":1541},[1925],{"type":1537,"value":1013},{"type":1513,"tag":243,"props":1927,"children":1929},{"class":245,"line":1928},14,[1930,1934,1938,1942,1947,1951],{"type":1513,"tag":243,"props":1931,"children":1932},{"style":1863},[1933],{"type":1537,"value":1220},{"type":1513,"tag":243,"props":1935,"children":1936},{"style":1541},[1937],{"type":1537,"value":542},{"type":1513,"tag":243,"props":1939,"children":1940},{"style":1541},[1941],{"type":1537,"value":691},{"type":1513,"tag":243,"props":1943,"children":1944},{"style":1566},[1945],{"type":1537,"value":1946},"left left",{"type":1513,"tag":243,"props":1948,"children":1949},{"style":1541},[1950],{"type":1537,"value":510},{"type":1513,"tag":243,"props":1952,"children":1953},{"style":1541},[1954],{"type":1537,"value":1013},{"type":1513,"tag":243,"props":1956,"children":1958},{"class":245,"line":1957},15,[1959,1963,1967,1971,1976,1980],{"type":1513,"tag":243,"props":1960,"children":1961},{"style":1863},[1962],{"type":1537,"value":1262},{"type":1513,"tag":243,"props":1964,"children":1965},{"style":1541},[1966],{"type":1537,"value":542},{"type":1513,"tag":243,"props":1968,"children":1969},{"style":1541},[1970],{"type":1537,"value":691},{"type":1513,"tag":243,"props":1972,"children":1973},{"style":1566},[1974],{"type":1537,"value":1975},"right right",{"type":1513,"tag":243,"props":1977,"children":1978},{"style":1541},[1979],{"type":1537,"value":510},{"type":1513,"tag":243,"props":1981,"children":1982},{"style":1541},[1983],{"type":1537,"value":1013},{"type":1513,"tag":243,"props":1985,"children":1987},{"class":245,"line":1986},16,[1988,1993,1997,2003],{"type":1513,"tag":243,"props":1989,"children":1990},{"style":1863},[1991],{"type":1537,"value":1992},"  sync",{"type":1513,"tag":243,"props":1994,"children":1995},{"style":1541},[1996],{"type":1537,"value":542},{"type":1513,"tag":243,"props":1998,"children":2000},{"style":1999},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[2001],{"type":1537,"value":2002}," true",{"type":1513,"tag":243,"props":2004,"children":2005},{"style":1541},[2006],{"type":1537,"value":1013},{"type":1513,"tag":243,"props":2008,"children":2010},{"class":245,"line":2009},17,[2011,2015],{"type":1513,"tag":243,"props":2012,"children":2013},{"style":1541},[2014],{"type":1537,"value":553},{"type":1513,"tag":243,"props":2016,"children":2017},{"style":1547},[2018],{"type":1537,"value":519},{"type":1513,"tag":243,"props":2020,"children":2022},{"class":245,"line":2021},18,[2023],{"type":1513,"tag":243,"props":2024,"children":2025},{"emptyLinePlaceholder":561},[2026],{"type":1537,"value":562},{"type":1513,"tag":243,"props":2028,"children":2030},{"class":245,"line":2029},19,[2031,2035,2040,2044,2048,2052,2057,2061,2065,2069,2073,2077],{"type":1513,"tag":243,"props":2032,"children":2033},{"style":1629},[2034],{"type":1537,"value":495},{"type":1513,"tag":243,"props":2036,"children":2037},{"style":1547},[2038],{"type":1537,"value":2039}," drawable ",{"type":1513,"tag":243,"props":2041,"children":2042},{"style":1541},[2043],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2045,"children":2046},{"style":1679},[2047],{"type":1537,"value":733},{"type":1513,"tag":243,"props":2049,"children":2050},{"style":1541},[2051],{"type":1537,"value":284},{"type":1513,"tag":243,"props":2053,"children":2054},{"style":1688},[2055],{"type":1537,"value":2056},"DrawableSVGGeometry",{"type":1513,"tag":243,"props":2058,"children":2059},{"style":1541},[2060],{"type":1537,"value":1064},{"type":1513,"tag":243,"props":2062,"children":2063},{"style":1688},[2064],{"type":1537,"value":1077},{"type":1513,"tag":243,"props":2066,"children":2067},{"style":1541},[2068],{"type":1537,"value":1107},{"type":1513,"tag":243,"props":2070,"children":2071},{"style":1547},[2072],{"type":1537,"value":401},{"type":1513,"tag":243,"props":2074,"children":2075},{"style":1541},[2076],{"type":1537,"value":738},{"type":1513,"tag":243,"props":2078,"children":2079},{"style":1629},[2080],{"type":1537,"value":2081}," =>\n",{"type":1513,"tag":243,"props":2083,"children":2085},{"class":245,"line":2084},20,[2086,2091,2095,2099,2103,2107,2112,2116,2121,2126,2131,2136,2140,2144],{"type":1513,"tag":243,"props":2087,"children":2088},{"style":1547},[2089],{"type":1537,"value":2090},"  thread",{"type":1513,"tag":243,"props":2092,"children":2093},{"style":1541},[2094],{"type":1537,"value":205},{"type":1513,"tag":243,"props":2096,"children":2097},{"style":1547},[2098],{"type":1537,"value":550},{"type":1513,"tag":243,"props":2100,"children":2101},{"style":1541},[2102],{"type":1537,"value":688},{"type":1513,"tag":243,"props":2104,"children":2105},{"style":1679},[2106],{"type":1537,"value":1550},{"type":1513,"tag":243,"props":2108,"children":2109},{"style":1547},[2110],{"type":1537,"value":2111},"(thread",{"type":1513,"tag":243,"props":2113,"children":2114},{"style":1541},[2115],{"type":1537,"value":205},{"type":1513,"tag":243,"props":2117,"children":2118},{"style":1547},[2119],{"type":1537,"value":2120},"value)[",{"type":1513,"tag":243,"props":2122,"children":2124},{"style":2123},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2125],{"type":1537,"value":966},{"type":1513,"tag":243,"props":2127,"children":2128},{"style":1547},[2129],{"type":1537,"value":2130},"] ",{"type":1513,"tag":243,"props":2132,"children":2133},{"style":1541},[2134],{"type":1537,"value":2135},"??",{"type":1513,"tag":243,"props":2137,"children":2138},{"style":1541},[2139],{"type":1537,"value":1077},{"type":1513,"tag":243,"props":2141,"children":2142},{"style":1541},[2143],{"type":1537,"value":699},{"type":1513,"tag":243,"props":2145,"children":2146},{"style":1541},[2147],{"type":1537,"value":2148}," null,\n",{"type":1513,"tag":243,"props":2150,"children":2152},{"class":245,"line":2151},21,[2153],{"type":1513,"tag":243,"props":2154,"children":2155},{"style":1547},[2156],{"type":1537,"value":519},{"type":1513,"tag":243,"props":2158,"children":2160},{"class":245,"line":2159},22,[2161],{"type":1513,"tag":243,"props":2162,"children":2163},{"emptyLinePlaceholder":561},[2164],{"type":1537,"value":562},{"type":1513,"tag":243,"props":2166,"children":2168},{"class":245,"line":2167},23,[2169,2173,2178,2182],{"type":1513,"tag":243,"props":2170,"children":2171},{"style":1679},[2172],{"type":1537,"value":45},{"type":1513,"tag":243,"props":2174,"children":2175},{"style":1547},[2176],{"type":1537,"value":2177},"([drawable]",{"type":1513,"tag":243,"props":2179,"children":2180},{"style":1541},[2181],{"type":1537,"value":1146},{"type":1513,"tag":243,"props":2183,"children":2184},{"style":1541},[2185],{"type":1537,"value":879},{"type":1513,"tag":243,"props":2187,"children":2189},{"class":245,"line":2188},24,[2190,2195,2199,2204,2208,2213,2217,2221,2225,2230,2234,2239],{"type":1513,"tag":243,"props":2191,"children":2192},{"style":1863},[2193],{"type":1537,"value":2194},"  draw",{"type":1513,"tag":243,"props":2196,"children":2197},{"style":1541},[2198],{"type":1537,"value":542},{"type":1513,"tag":243,"props":2200,"children":2201},{"style":1547},[2202],{"type":1537,"value":2203}," [",{"type":1513,"tag":243,"props":2205,"children":2206},{"style":1541},[2207],{"type":1537,"value":510},{"type":1513,"tag":243,"props":2209,"children":2210},{"style":1566},[2211],{"type":1537,"value":2212},"0 0",{"type":1513,"tag":243,"props":2214,"children":2215},{"style":1541},[2216],{"type":1537,"value":510},{"type":1513,"tag":243,"props":2218,"children":2219},{"style":1541},[2220],{"type":1537,"value":1146},{"type":1513,"tag":243,"props":2222,"children":2223},{"style":1541},[2224],{"type":1537,"value":691},{"type":1513,"tag":243,"props":2226,"children":2227},{"style":1566},[2228],{"type":1537,"value":2229},"0 1",{"type":1513,"tag":243,"props":2231,"children":2232},{"style":1541},[2233],{"type":1537,"value":510},{"type":1513,"tag":243,"props":2235,"children":2236},{"style":1547},[2237],{"type":1537,"value":2238},"]",{"type":1513,"tag":243,"props":2240,"children":2241},{"style":1541},[2242],{"type":1537,"value":1013},{"type":1513,"tag":243,"props":2244,"children":2246},{"class":245,"line":2245},25,[2247,2252,2256,2260,2265,2269],{"type":1513,"tag":243,"props":2248,"children":2249},{"style":1863},[2250],{"type":1537,"value":2251},"  ease",{"type":1513,"tag":243,"props":2253,"children":2254},{"style":1541},[2255],{"type":1537,"value":542},{"type":1513,"tag":243,"props":2257,"children":2258},{"style":1541},[2259],{"type":1537,"value":691},{"type":1513,"tag":243,"props":2261,"children":2262},{"style":1566},[2263],{"type":1537,"value":2264},"linear",{"type":1513,"tag":243,"props":2266,"children":2267},{"style":1541},[2268],{"type":1537,"value":510},{"type":1513,"tag":243,"props":2270,"children":2271},{"style":1541},[2272],{"type":1537,"value":1013},{"type":1513,"tag":243,"props":2274,"children":2276},{"class":245,"line":2275},26,[2277,2282,2286,2291],{"type":1513,"tag":243,"props":2278,"children":2279},{"style":1863},[2280],{"type":1537,"value":2281},"  autoplay",{"type":1513,"tag":243,"props":2283,"children":2284},{"style":1541},[2285],{"type":1537,"value":542},{"type":1513,"tag":243,"props":2287,"children":2288},{"style":1547},[2289],{"type":1537,"value":2290}," scroll",{"type":1513,"tag":243,"props":2292,"children":2293},{"style":1541},[2294],{"type":1537,"value":1013},{"type":1513,"tag":243,"props":2296,"children":2298},{"class":245,"line":2297},27,[2299,2303],{"type":1513,"tag":243,"props":2300,"children":2301},{"style":1541},[2302],{"type":1537,"value":553},{"type":1513,"tag":243,"props":2304,"children":2305},{"style":1547},[2306],{"type":1537,"value":519},{"type":1513,"tag":234,"props":2308,"children":2313},{"className":2309,"code":2310,"filename":2311,"language":2312,"meta":239,"style":239},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv ref=\"panel\" class=\"...\">\n    \u003Cdiv ref=\"track\" class=\"relative w-[2400px] h-full flex items-center\">\n      \u003Csvg viewBox=\"0 0 2400 200\" class=\"w-[2400px] h-[200px] text-primary\">\n        \u003Cpath\n          :d=\"THREAD\"\n          class=\"stroke-current\u002F15\"\n          fill=\"none\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n        \u002F>\n        \u003Cpath\n          ref=\"thread\"\n          :d=\"THREAD\"\n          class=\"stroke-current\"\n          fill=\"none\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n        \u002F>\n      \u003C\u002Fsvg>\n\n      \u003CIcon name=\"lucide:lightbulb\" class=\"...\" style=\"left: 2300px\" \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","Template","vue",[2314],{"type":1513,"tag":190,"props":2315,"children":2316},{"__ignoreMap":239},[2317,2333,2393,2450,2510,2523,2549,2574,2599,2624,2649,2657,2668,2692,2715,2739,2762,2785,2808,2815,2831,2838,2929,2945,2961],{"type":1513,"tag":243,"props":2318,"children":2319},{"class":245,"line":246},[2320,2324,2329],{"type":1513,"tag":243,"props":2321,"children":2322},{"style":1541},[2323],{"type":1537,"value":284},{"type":1513,"tag":243,"props":2325,"children":2326},{"style":1863},[2327],{"type":1537,"value":2328},"template",{"type":1513,"tag":243,"props":2330,"children":2331},{"style":1541},[2332],{"type":1537,"value":290},{"type":1513,"tag":243,"props":2334,"children":2335},{"class":245,"line":261},[2336,2341,2346,2350,2354,2359,2363,2367,2372,2376,2380,2385,2389],{"type":1513,"tag":243,"props":2337,"children":2338},{"style":1541},[2339],{"type":1537,"value":2340},"  \u003C",{"type":1513,"tag":243,"props":2342,"children":2343},{"style":1863},[2344],{"type":1537,"value":2345},"div",{"type":1513,"tag":243,"props":2347,"children":2348},{"style":1629},[2349],{"type":1537,"value":637},{"type":1513,"tag":243,"props":2351,"children":2352},{"style":1541},[2353],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2355,"children":2356},{"style":1541},[2357],{"type":1537,"value":2358},"\"",{"type":1513,"tag":243,"props":2360,"children":2361},{"style":1566},[2362],{"type":1537,"value":1708},{"type":1513,"tag":243,"props":2364,"children":2365},{"style":1541},[2366],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2368,"children":2369},{"style":1629},[2370],{"type":1537,"value":2371}," class",{"type":1513,"tag":243,"props":2373,"children":2374},{"style":1541},[2375],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2377,"children":2378},{"style":1541},[2379],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2381,"children":2382},{"style":1566},[2383],{"type":1537,"value":2384},"...",{"type":1513,"tag":243,"props":2386,"children":2387},{"style":1541},[2388],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2390,"children":2391},{"style":1541},[2392],{"type":1537,"value":290},{"type":1513,"tag":243,"props":2394,"children":2395},{"class":245,"line":275},[2396,2401,2405,2409,2413,2417,2421,2425,2429,2433,2437,2442,2446],{"type":1513,"tag":243,"props":2397,"children":2398},{"style":1541},[2399],{"type":1537,"value":2400},"    \u003C",{"type":1513,"tag":243,"props":2402,"children":2403},{"style":1863},[2404],{"type":1537,"value":2345},{"type":1513,"tag":243,"props":2406,"children":2407},{"style":1629},[2408],{"type":1537,"value":637},{"type":1513,"tag":243,"props":2410,"children":2411},{"style":1541},[2412],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2414,"children":2415},{"style":1541},[2416],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2418,"children":2419},{"style":1566},[2420],{"type":1537,"value":1761},{"type":1513,"tag":243,"props":2422,"children":2423},{"style":1541},[2424],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2426,"children":2427},{"style":1629},[2428],{"type":1537,"value":2371},{"type":1513,"tag":243,"props":2430,"children":2431},{"style":1541},[2432],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2434,"children":2435},{"style":1541},[2436],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2438,"children":2439},{"style":1566},[2440],{"type":1537,"value":2441},"relative w-[2400px] h-full flex items-center",{"type":1513,"tag":243,"props":2443,"children":2444},{"style":1541},[2445],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2447,"children":2448},{"style":1541},[2449],{"type":1537,"value":290},{"type":1513,"tag":243,"props":2451,"children":2452},{"class":245,"line":558},[2453,2458,2463,2468,2472,2476,2481,2485,2489,2493,2497,2502,2506],{"type":1513,"tag":243,"props":2454,"children":2455},{"style":1541},[2456],{"type":1537,"value":2457},"      \u003C",{"type":1513,"tag":243,"props":2459,"children":2460},{"style":1863},[2461],{"type":1537,"value":2462},"svg",{"type":1513,"tag":243,"props":2464,"children":2465},{"style":1629},[2466],{"type":1537,"value":2467}," viewBox",{"type":1513,"tag":243,"props":2469,"children":2470},{"style":1541},[2471],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2473,"children":2474},{"style":1541},[2475],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2477,"children":2478},{"style":1566},[2479],{"type":1537,"value":2480},"0 0 2400 200",{"type":1513,"tag":243,"props":2482,"children":2483},{"style":1541},[2484],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2486,"children":2487},{"style":1629},[2488],{"type":1537,"value":2371},{"type":1513,"tag":243,"props":2490,"children":2491},{"style":1541},[2492],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2494,"children":2495},{"style":1541},[2496],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2498,"children":2499},{"style":1566},[2500],{"type":1537,"value":2501},"w-[2400px] h-[200px] text-primary",{"type":1513,"tag":243,"props":2503,"children":2504},{"style":1541},[2505],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2507,"children":2508},{"style":1541},[2509],{"type":1537,"value":290},{"type":1513,"tag":243,"props":2511,"children":2512},{"class":245,"line":565},[2513,2518],{"type":1513,"tag":243,"props":2514,"children":2515},{"style":1541},[2516],{"type":1537,"value":2517},"        \u003C",{"type":1513,"tag":243,"props":2519,"children":2520},{"style":1863},[2521],{"type":1537,"value":2522},"path\n",{"type":1513,"tag":243,"props":2524,"children":2525},{"class":245,"line":571},[2526,2531,2535,2539,2544],{"type":1513,"tag":243,"props":2527,"children":2528},{"style":1629},[2529],{"type":1537,"value":2530},"          :d",{"type":1513,"tag":243,"props":2532,"children":2533},{"style":1541},[2534],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2536,"children":2537},{"style":1541},[2538],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2540,"children":2541},{"style":1566},[2542],{"type":1537,"value":2543},"THREAD",{"type":1513,"tag":243,"props":2545,"children":2546},{"style":1541},[2547],{"type":1537,"value":2548},"\"\n",{"type":1513,"tag":243,"props":2550,"children":2551},{"class":245,"line":723},[2552,2557,2561,2565,2570],{"type":1513,"tag":243,"props":2553,"children":2554},{"style":1629},[2555],{"type":1537,"value":2556},"          class",{"type":1513,"tag":243,"props":2558,"children":2559},{"style":1541},[2560],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2562,"children":2563},{"style":1541},[2564],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2566,"children":2567},{"style":1566},[2568],{"type":1537,"value":2569},"stroke-current\u002F15",{"type":1513,"tag":243,"props":2571,"children":2572},{"style":1541},[2573],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2575,"children":2576},{"class":245,"line":767},[2577,2582,2586,2590,2595],{"type":1513,"tag":243,"props":2578,"children":2579},{"style":1629},[2580],{"type":1537,"value":2581},"          fill",{"type":1513,"tag":243,"props":2583,"children":2584},{"style":1541},[2585],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2587,"children":2588},{"style":1541},[2589],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2591,"children":2592},{"style":1566},[2593],{"type":1537,"value":2594},"none",{"type":1513,"tag":243,"props":2596,"children":2597},{"style":1541},[2598],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2600,"children":2601},{"class":245,"line":1295},[2602,2607,2611,2615,2620],{"type":1513,"tag":243,"props":2603,"children":2604},{"style":1629},[2605],{"type":1537,"value":2606},"          stroke-width",{"type":1513,"tag":243,"props":2608,"children":2609},{"style":1541},[2610],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2612,"children":2613},{"style":1541},[2614],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2616,"children":2617},{"style":1566},[2618],{"type":1537,"value":2619},"3",{"type":1513,"tag":243,"props":2621,"children":2622},{"style":1541},[2623],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2625,"children":2626},{"class":245,"line":1346},[2627,2632,2636,2640,2645],{"type":1513,"tag":243,"props":2628,"children":2629},{"style":1629},[2630],{"type":1537,"value":2631},"          stroke-linecap",{"type":1513,"tag":243,"props":2633,"children":2634},{"style":1541},[2635],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2637,"children":2638},{"style":1541},[2639],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2641,"children":2642},{"style":1566},[2643],{"type":1537,"value":2644},"round",{"type":1513,"tag":243,"props":2646,"children":2647},{"style":1541},[2648],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2650,"children":2651},{"class":245,"line":1401},[2652],{"type":1513,"tag":243,"props":2653,"children":2654},{"style":1541},[2655],{"type":1537,"value":2656},"        \u002F>\n",{"type":1513,"tag":243,"props":2658,"children":2659},{"class":245,"line":1407},[2660,2664],{"type":1513,"tag":243,"props":2661,"children":2662},{"style":1541},[2663],{"type":1537,"value":2517},{"type":1513,"tag":243,"props":2665,"children":2666},{"style":1863},[2667],{"type":1537,"value":2522},{"type":1513,"tag":243,"props":2669,"children":2670},{"class":245,"line":1412},[2671,2676,2680,2684,2688],{"type":1513,"tag":243,"props":2672,"children":2673},{"style":1629},[2674],{"type":1537,"value":2675},"          ref",{"type":1513,"tag":243,"props":2677,"children":2678},{"style":1541},[2679],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2681,"children":2682},{"style":1541},[2683],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2685,"children":2686},{"style":1566},[2687],{"type":1537,"value":1815},{"type":1513,"tag":243,"props":2689,"children":2690},{"style":1541},[2691],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2693,"children":2694},{"class":245,"line":1928},[2695,2699,2703,2707,2711],{"type":1513,"tag":243,"props":2696,"children":2697},{"style":1629},[2698],{"type":1537,"value":2530},{"type":1513,"tag":243,"props":2700,"children":2701},{"style":1541},[2702],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2704,"children":2705},{"style":1541},[2706],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2708,"children":2709},{"style":1566},[2710],{"type":1537,"value":2543},{"type":1513,"tag":243,"props":2712,"children":2713},{"style":1541},[2714],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2716,"children":2717},{"class":245,"line":1957},[2718,2722,2726,2730,2735],{"type":1513,"tag":243,"props":2719,"children":2720},{"style":1629},[2721],{"type":1537,"value":2556},{"type":1513,"tag":243,"props":2723,"children":2724},{"style":1541},[2725],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2727,"children":2728},{"style":1541},[2729],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2731,"children":2732},{"style":1566},[2733],{"type":1537,"value":2734},"stroke-current",{"type":1513,"tag":243,"props":2736,"children":2737},{"style":1541},[2738],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2740,"children":2741},{"class":245,"line":1986},[2742,2746,2750,2754,2758],{"type":1513,"tag":243,"props":2743,"children":2744},{"style":1629},[2745],{"type":1537,"value":2581},{"type":1513,"tag":243,"props":2747,"children":2748},{"style":1541},[2749],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2751,"children":2752},{"style":1541},[2753],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2755,"children":2756},{"style":1566},[2757],{"type":1537,"value":2594},{"type":1513,"tag":243,"props":2759,"children":2760},{"style":1541},[2761],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2763,"children":2764},{"class":245,"line":2009},[2765,2769,2773,2777,2781],{"type":1513,"tag":243,"props":2766,"children":2767},{"style":1629},[2768],{"type":1537,"value":2606},{"type":1513,"tag":243,"props":2770,"children":2771},{"style":1541},[2772],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2774,"children":2775},{"style":1541},[2776],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2778,"children":2779},{"style":1566},[2780],{"type":1537,"value":2619},{"type":1513,"tag":243,"props":2782,"children":2783},{"style":1541},[2784],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2786,"children":2787},{"class":245,"line":2021},[2788,2792,2796,2800,2804],{"type":1513,"tag":243,"props":2789,"children":2790},{"style":1629},[2791],{"type":1537,"value":2631},{"type":1513,"tag":243,"props":2793,"children":2794},{"style":1541},[2795],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2797,"children":2798},{"style":1541},[2799],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2801,"children":2802},{"style":1566},[2803],{"type":1537,"value":2644},{"type":1513,"tag":243,"props":2805,"children":2806},{"style":1541},[2807],{"type":1537,"value":2548},{"type":1513,"tag":243,"props":2809,"children":2810},{"class":245,"line":2029},[2811],{"type":1513,"tag":243,"props":2812,"children":2813},{"style":1541},[2814],{"type":1537,"value":2656},{"type":1513,"tag":243,"props":2816,"children":2817},{"class":245,"line":2084},[2818,2823,2827],{"type":1513,"tag":243,"props":2819,"children":2820},{"style":1541},[2821],{"type":1537,"value":2822},"      \u003C\u002F",{"type":1513,"tag":243,"props":2824,"children":2825},{"style":1863},[2826],{"type":1537,"value":2462},{"type":1513,"tag":243,"props":2828,"children":2829},{"style":1541},[2830],{"type":1537,"value":290},{"type":1513,"tag":243,"props":2832,"children":2833},{"class":245,"line":2151},[2834],{"type":1513,"tag":243,"props":2835,"children":2836},{"emptyLinePlaceholder":561},[2837],{"type":1537,"value":562},{"type":1513,"tag":243,"props":2839,"children":2840},{"class":245,"line":2159},[2841,2845,2850,2855,2859,2863,2868,2872,2876,2880,2884,2888,2892,2897,2901,2905,2910,2915,2920,2924],{"type":1513,"tag":243,"props":2842,"children":2843},{"style":1541},[2844],{"type":1537,"value":2457},{"type":1513,"tag":243,"props":2846,"children":2847},{"style":1863},[2848],{"type":1537,"value":2849},"Icon",{"type":1513,"tag":243,"props":2851,"children":2852},{"style":1629},[2853],{"type":1537,"value":2854}," name",{"type":1513,"tag":243,"props":2856,"children":2857},{"style":1541},[2858],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2860,"children":2861},{"style":1541},[2862],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2864,"children":2865},{"style":1566},[2866],{"type":1537,"value":2867},"lucide:lightbulb",{"type":1513,"tag":243,"props":2869,"children":2870},{"style":1541},[2871],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2873,"children":2874},{"style":1629},[2875],{"type":1537,"value":2371},{"type":1513,"tag":243,"props":2877,"children":2878},{"style":1541},[2879],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2881,"children":2882},{"style":1541},[2883],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2885,"children":2886},{"style":1566},[2887],{"type":1537,"value":2384},{"type":1513,"tag":243,"props":2889,"children":2890},{"style":1541},[2891],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2893,"children":2894},{"style":1629},[2895],{"type":1537,"value":2896}," style",{"type":1513,"tag":243,"props":2898,"children":2899},{"style":1541},[2900],{"type":1537,"value":502},{"type":1513,"tag":243,"props":2902,"children":2903},{"style":1541},[2904],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2906,"children":2908},{"style":2907},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[2909],{"type":1537,"value":376},{"type":1513,"tag":243,"props":2911,"children":2912},{"style":1541},[2913],{"type":1537,"value":2914},": ",{"type":1513,"tag":243,"props":2916,"children":2917},{"style":2123},[2918],{"type":1537,"value":2919},"2300px",{"type":1513,"tag":243,"props":2921,"children":2922},{"style":1541},[2923],{"type":1537,"value":2358},{"type":1513,"tag":243,"props":2925,"children":2926},{"style":1541},[2927],{"type":1537,"value":2928}," \u002F>\n",{"type":1513,"tag":243,"props":2930,"children":2931},{"class":245,"line":2167},[2932,2937,2941],{"type":1513,"tag":243,"props":2933,"children":2934},{"style":1541},[2935],{"type":1537,"value":2936},"    \u003C\u002F",{"type":1513,"tag":243,"props":2938,"children":2939},{"style":1863},[2940],{"type":1537,"value":2345},{"type":1513,"tag":243,"props":2942,"children":2943},{"style":1541},[2944],{"type":1537,"value":290},{"type":1513,"tag":243,"props":2946,"children":2947},{"class":245,"line":2188},[2948,2953,2957],{"type":1513,"tag":243,"props":2949,"children":2950},{"style":1541},[2951],{"type":1537,"value":2952},"  \u003C\u002F",{"type":1513,"tag":243,"props":2954,"children":2955},{"style":1863},[2956],{"type":1537,"value":2345},{"type":1513,"tag":243,"props":2958,"children":2959},{"style":1541},[2960],{"type":1537,"value":290},{"type":1513,"tag":243,"props":2962,"children":2963},{"class":245,"line":2245},[2964,2969,2973],{"type":1513,"tag":243,"props":2965,"children":2966},{"style":1541},[2967],{"type":1537,"value":2968},"\u003C\u002F",{"type":1513,"tag":243,"props":2970,"children":2971},{"style":1863},[2972],{"type":1537,"value":2328},{"type":1513,"tag":243,"props":2974,"children":2975},{"style":1541},[2976],{"type":1537,"value":290},{"type":1513,"tag":2978,"props":2979,"children":2987},"u-button",{"className":2980,"color":2983,"icon":2984,"target":199,"to":2985,"variant":2986},[2981,2982],"mt-2.5","pl-0.5","neutral","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fastraldev\u002Fnanime\u002Fblob\u002Fmain\u002Fdocs\u002Fapp\u002Fcomponents\u002Fcontent\u002Fexamples\u002Fcomposables\u002FAnimeScrollDemo.vue","link",[2988],{"type":1537,"value":2989},"View on GitHub",{"type":1513,"tag":1477,"props":2991,"children":2992},{},[2993],{"type":1537,"value":2994},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":239,"searchDepth":261,"depth":261,"links":2996},[],1792591719630]