[{"data":1,"prerenderedAt":2710},["ShallowReactive",2],{"navigation_docs":3,"-composables-use-anime-timeline":103,"-composables-use-anime-timeline-surround":413,"preview-examples\u002Fcomposables\u002FAnimeTimelineDemo.vue":418,"preview-examples\u002Fcomposables\u002FAnimeTimelineSyncDemo.vue":419,"mdc--8jbo0j-key":420,"mdc-3xgpv4-key":1477},[4,25,69,93],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-info",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F3.configuration","i-lucide-settings",{"title":26,"icon":6,"path":27,"stem":28,"children":29,"page":6},"Composables","\u002Fcomposables","2.composables",[30,34,39,44,49,54,59,64],{"title":11,"path":31,"stem":32,"icon":33},"\u002Fcomposables\u002Fintroduction","2.composables\u002F0.introduction","i-lucide-box",{"title":35,"path":36,"stem":37,"icon":38},"useAnimate","\u002Fcomposables\u002Fuse-animate","2.composables\u002F1.use-animate","i-ph-play-circle",{"title":40,"path":41,"stem":42,"icon":43},"useWaapiAnimate","\u002Fcomposables\u002Fuse-waapi-animate","2.composables\u002F2.use-waapi-animate","i-ph-lightning",{"title":45,"path":46,"stem":47,"icon":48},"useAnimatable","\u002Fcomposables\u002Fuse-animatable","2.composables\u002F3.use-animatable","i-ph-cube",{"title":50,"path":51,"stem":52,"icon":53},"useSplitText","\u002Fcomposables\u002Fuse-split-text","2.composables\u002F4.use-split-text","i-ph-text-t",{"title":55,"path":56,"stem":57,"icon":58},"useScrambleText","\u002Fcomposables\u002Fuse-scramble-text","2.composables\u002F5.use-scramble-text","i-ph-shuffle",{"title":60,"path":61,"stem":62,"icon":63},"useDraggable","\u002Fcomposables\u002Fuse-draggable","2.composables\u002F6.use-draggable","i-ph-hand-grabbing",{"title":65,"path":66,"stem":67,"icon":68},"useAnimeTimeline","\u002Fcomposables\u002Fuse-anime-timeline","2.composables\u002F7.use-anime-timeline","i-ph-list-numbers",{"title":70,"path":71,"stem":72,"children":73,"page":6},"Misc","\u002Fmisc","4.misc",[74,78,83,88],{"title":11,"path":75,"stem":76,"icon":77},"\u002Fmisc\u002Fintroduction","4.misc\u002F0.introduction","i-ph-puzzle-piece",{"title":79,"path":80,"stem":81,"icon":82},"Easings","\u002Fmisc\u002Feasings","4.misc\u002F1.easings","i-ph-chart-line",{"title":84,"path":85,"stem":86,"icon":87},"Utils","\u002Fmisc\u002Futils","4.misc\u002F2.utils","i-ph-wrench",{"title":89,"path":90,"stem":91,"icon":92},"Proxies","\u002Fmisc\u002Fproxies","4.misc\u002F3.proxies","i-ph-plugs-connected",{"title":94,"icon":6,"path":95,"stem":96,"children":97,"page":6},"Updates","\u002Fchanges","5.changes",[98],{"title":99,"path":100,"stem":101,"icon":102},"Changelog","\u002Fchanges\u002Fchangelog","5.changes\u002F1.changelog","i-ph-clock-counter-clockwise",{"id":104,"title":65,"body":105,"description":406,"extension":407,"links":408,"meta":409,"navigation":410,"path":66,"seo":411,"stem":67,"__hash__":412},"docs\u002F2.composables\u002F7.use-anime-timeline.md",{"type":106,"value":107,"toc":395},"minimark",[108,125,144,149,163,167,171,175,182,185,189,208,212,217,275,279,369,376,380,391],[109,110,111,112,115,116,124],"p",{},"The ",[113,114,65],"code",{}," composable wraps the ",[117,118,123],"a",{"href":119,"rel":120,"target":122},"https:\u002F\u002Fanimejs.com\u002Fdocumentation\u002Ftimeline",[121],"nofollow","_blank","createTimeline"," function from AnimeJS.",[109,126,127,128,131,132,135,136,139,140,143],{},"It returns a proxied ",[113,129,130],{},"Timeline"," that accepts Vue template refs, component refs, and reactive targets in ",[113,133,134],{},".add()",", ",[113,137,138],{},".set()",", and ",[113,141,142],{},".remove()"," calls. Calls made before mount are buffered and replayed once the DOM is ready.",[145,146,148],"h2",{"id":147},"arguments","Arguments",[150,151,152],"field-group",{},[153,154,157,158,162],"field",{"name":155,"type":156},"parameters","MaybeRefOrGetter\u003CTimelineParams>","Timeline configuration. See ",[117,159,161],{"href":119,"rel":160,"target":122},[121],"AnimeJS Timeline documentation",".",[145,164,166],{"id":165},"example","Example",[168,169],"render-code-block-preview",{"src":170},"examples\u002Fcomposables\u002FAnimeTimelineDemo.vue",[145,172,174],{"id":173},"syncing-with-other-composables","Syncing with other composables",[109,176,177,178,181],{},"Use ",[113,179,180],{},".sync()"," to synchronise a timeline with another nanime composable's animation. The proxy is automatically unwrapped to the raw AnimeJS instance.",[168,183],{"src":184},"examples\u002Fcomposables\u002FAnimeTimelineSyncDemo.vue",[145,186,188],{"id":187},"return-value","Return Value",[109,190,191,192,194,195,135,198,135,201,135,204,207],{},"Returns a proxied ",[113,193,130],{}," instance. All Timeline methods (",[113,196,197],{},".play()",[113,199,200],{},".pause()",[113,202,203],{},".seek()",[113,205,206],{},".reverse()",", etc.) are available directly on the return value.",[145,209,211],{"id":210},"api","API",[213,214,216],"h3",{"id":215},"types","Types",[218,219,224],"pre",{"className":220,"code":221,"language":222,"meta":223,"style":223},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useAnimeTimeline(\n  parameters?: MaybeRefOrGetter\u003CTimelineParams>\n): Timeline\n","ts","",[113,225,226,243,266],{"__ignoreMap":223},[227,228,231,235,239],"span",{"class":229,"line":230},"line",1,[227,232,234],{"class":233},"spNyl","function",[227,236,238],{"class":237},"s2Zo4"," useAnimeTimeline",[227,240,242],{"class":241},"sMK4o","(\n",[227,244,246,250,253,257,260,263],{"class":229,"line":245},2,[227,247,249],{"class":248},"sHdIc","  parameters",[227,251,252],{"class":241},"?:",[227,254,256],{"class":255},"sBMFI"," MaybeRefOrGetter",[227,258,259],{"class":241},"\u003C",[227,261,262],{"class":255},"TimelineParams",[227,264,265],{"class":241},">\n",[227,267,269,272],{"class":229,"line":268},3,[227,270,271],{"class":241},"):",[227,273,274],{"class":255}," Timeline\n",[213,276,278],{"id":277},"key-methods","Key methods",[280,281,282,295],"table",{},[283,284,285],"thead",{},[286,287,288,292],"tr",{},[289,290,291],"th",{},"Method",[289,293,294],{},"Description",[296,297,298,309,319,329,339,349,359],"tbody",{},[286,299,300,306],{},[301,302,303],"td",{},[113,304,305],{},".add(targets, params, position?)",[301,307,308],{},"Add an animation to the timeline",[286,310,311,316],{},[301,312,313],{},[113,314,315],{},".add(timerParams, position?)",[301,317,318],{},"Add a timer (pause) to the timeline",[286,320,321,326],{},[301,322,323],{},[113,324,325],{},".set(targets, params, position?)",[301,327,328],{},"Set properties at a position",[286,330,331,336],{},[301,332,333],{},[113,334,335],{},".sync(animation, position?)",[301,337,338],{},"Sync with another animation",[286,340,341,346],{},[301,342,343],{},[113,344,345],{},".call(callback, position?)",[301,347,348],{},"Execute a callback at a position",[286,350,351,356],{},[301,352,353],{},[113,354,355],{},".label(name, position?)",[301,357,358],{},"Add a named position",[286,360,361,366],{},[301,362,363],{},[113,364,365],{},".remove(targets, property?)",[301,367,368],{},"Remove target animations",[109,370,371,372,375],{},"See ",[117,373,161],{"href":119,"rel":374,"target":122},[121]," for the full API.",[145,377,379],{"id":378},"notes","Notes",[381,382,383,384,135,386,139,388,390],"warning",{},"Targets passed to ",[113,385,134],{},[113,387,138],{},[113,389,142],{}," are normalised through nanime's target resolver. You can pass template refs, component refs, CSS selectors, or DOM elements directly.",[392,393,394],"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);}",{"title":223,"searchDepth":245,"depth":245,"links":396},[397,398,399,400,401,405],{"id":147,"depth":245,"text":148},{"id":165,"depth":245,"text":166},{"id":173,"depth":245,"text":174},{"id":187,"depth":245,"text":188},{"id":210,"depth":245,"text":211,"children":402},[403,404],{"id":215,"depth":268,"text":216},{"id":277,"depth":268,"text":278},{"id":378,"depth":245,"text":379},"Documentation for useAnimeTimeline composable.","md",null,{},{"icon":68},{"title":65,"description":406},"63CrOgB7lnGWMrS8y7zdzhBJ9TFmp1wz4YQc7eE-7Os",[414,416],{"title":60,"path":61,"stem":62,"description":415,"icon":63,"children":-1},"Documentation for useDraggable composable.",{"title":11,"path":75,"stem":76,"description":417,"icon":77,"children":-1},"Miscellaneous utilities and helpers.","\n::anime-timeline-demo\n::\n\n::code-group\n```ts [Script]\nimport { scrambleText } from '#nanime\u002Fproxies\u002Ftext'\n\nconst box = useTemplateRef('box')\nconst label = useTemplateRef('label')\n\nconst tl = useAnimeTimeline({ loop: true })\n\ntl.add(box, { translateX: 250, duration: 800 })\n  .add(label, { innerHTML: scrambleText({ text: 'moved!' }) }, '\u003C\u003C')\n  .add({ duration: 500 })\n  .add(box, { rotate: 360, duration: 600 })\n  .add(label, { innerHTML: scrambleText({ text: 'spinning!' }) }, '\u003C\u003C')\n  .add({ duration: 500 })\n  .add(box, { translateX: 0, rotate: 0, duration: 800 })\n  .add(label, { innerHTML: scrambleText({ text: 'ready' }) }, '\u003C\u003C')\n  .add({ duration: 1000 })\n```\n\n```vue [Template]\n\u003Ctemplate>\n  \u003Cdiv ref=\"box\" class=\"simple-box !size-8\" \u002F>\n  \u003Cp ref=\"label\" class=\"font-mono text-sm text-(--color-primary)\">ready\u003C\u002Fp>\n\u003C\u002Ftemplate>\n```\n\n\n::\n\n::u-button\n---\nto: https:\u002F\u002Fgithub.com\u002Fastraldev\u002Fnanime\u002Fblob\u002Fmain\u002Fdocs\u002Fapp\u002Fcomponents\u002Fcontent\u002Fexamples\u002Fcomposables\u002FAnimeTimelineDemo.vue\ntarget: _blank\nvariant: link\ncolor: neutral\nicon: i-simple-icons-github\nclass: mt-2.5 pl-0.5\n---\nView on GitHub\n::\n","\n::anime-timeline-sync-demo\n::\n\n::code-group\n```ts [Script]\nconst circleAnimation = useAnimate('.circle', { x: '15rem' })\nconst tlA = useAnimeTimeline({ loop: true, alternate: true })\n\ntlA\n  .sync(circleAnimation)\n  .add('.triangle', { x: '15rem', duration: 2000 })\n  .add('.square', { x: '15rem' })\n  .add({ duration: 1500 })\n\nconst tlB = useAnimeTimeline({\n  loop: true,\n  alternate: true,\n  defaults: {\n    duration: 2000,\n  },\n})\n\ntlB\n  .add(['.triangle', '.square'], { rotate: 360 }, 0)\n  .add('.circle', { scale: [1, 1.5, 1] }, 0)\n\nconst tlMain = useAnimeTimeline({ loop: true, alternate: true })\ntlMain.sync(tlA).sync(tlB, '-=2000')\n```\n\n```vue [Template]\n\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col gap-1 w-full\">\n    \u003Cdiv class=\"triangle size-6 bg-primary\" \u002F>\n    \u003Cdiv class=\"flex gap-1\">\n      \u003Cdiv class=\"square size-6 rounded-sm bg-primary\" \u002F>\n      \u003Cdiv class=\"circle size-6 rounded-full bg-primary\" \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n```\n\n```css [CSS]\n.triangle {\n  mask: url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' viewBox='0 0 32 32'%3E%3Cpath d='M4.72 31.235h22.56a2.75 2.75 0 0 0 2.393-4.105L18.175 6.838a2.5 2.5 0 0 0-4.35 0L2.327 27.13a2.75 2.75 0 0 0 2.392 4.105z'\u002F%3E%3C\u002Fsvg%3E\")\n    no-repeat 50% 50%;\n  mask-size: cover;\n  transform-origin: 50% 70%;\n}\n```\n\n::\n\n::u-button\n---\nto: https:\u002F\u002Fgithub.com\u002Fastraldev\u002Fnanime\u002Fblob\u002Fmain\u002Fdocs\u002Fapp\u002Fcomponents\u002Fcontent\u002Fexamples\u002Fcomposables\u002FAnimeTimelineSyncDemo.vue\ntarget: _blank\nvariant: link\ncolor: neutral\nicon: i-simple-icons-github\nclass: mt-2.5 pl-0.5\n---\nView on GitHub\n::\n",{"data":421,"body":422},{},{"type":423,"children":424},"root",[425,430,1459,1472],{"type":426,"tag":427,"props":428,"children":429},"element","anime-timeline-demo",{},[],{"type":426,"tag":431,"props":432,"children":433},"code-group",{},[434,1282],{"type":426,"tag":218,"props":435,"children":438},{"className":220,"code":436,"filename":437,"language":222,"meta":223,"style":223},"import { scrambleText } from '#nanime\u002Fproxies\u002Ftext'\n\nconst box = useTemplateRef('box')\nconst label = useTemplateRef('label')\n\nconst tl = useAnimeTimeline({ loop: true })\n\ntl.add(box, { translateX: 250, duration: 800 })\n  .add(label, { innerHTML: scrambleText({ text: 'moved!' }) }, '\u003C\u003C')\n  .add({ duration: 500 })\n  .add(box, { rotate: 360, duration: 600 })\n  .add(label, { innerHTML: scrambleText({ text: 'spinning!' }) }, '\u003C\u003C')\n  .add({ duration: 500 })\n  .add(box, { translateX: 0, rotate: 0, duration: 800 })\n  .add(label, { innerHTML: scrambleText({ text: 'ready' }) }, '\u003C\u003C')\n  .add({ duration: 1000 })\n","Script",[439],{"type":426,"tag":113,"props":440,"children":441},{"__ignoreMap":223},[442,490,499,548,590,598,653,661,734,834,875,938,1031,1071,1148,1241],{"type":426,"tag":227,"props":443,"children":444},{"class":229,"line":230},[445,452,458,464,469,474,479,485],{"type":426,"tag":227,"props":446,"children":448},{"style":447},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[449],{"type":450,"value":451},"text","import",{"type":426,"tag":227,"props":453,"children":455},{"style":454},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[456],{"type":450,"value":457}," {",{"type":426,"tag":227,"props":459,"children":461},{"style":460},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[462],{"type":450,"value":463}," scrambleText",{"type":426,"tag":227,"props":465,"children":466},{"style":454},[467],{"type":450,"value":468}," }",{"type":426,"tag":227,"props":470,"children":471},{"style":447},[472],{"type":450,"value":473}," from",{"type":426,"tag":227,"props":475,"children":476},{"style":454},[477],{"type":450,"value":478}," '",{"type":426,"tag":227,"props":480,"children":482},{"style":481},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[483],{"type":450,"value":484},"#nanime\u002Fproxies\u002Ftext",{"type":426,"tag":227,"props":486,"children":487},{"style":454},[488],{"type":450,"value":489},"'\n",{"type":426,"tag":227,"props":491,"children":492},{"class":229,"line":245},[493],{"type":426,"tag":227,"props":494,"children":496},{"emptyLinePlaceholder":495},true,[497],{"type":450,"value":498},"\n",{"type":426,"tag":227,"props":500,"children":501},{"class":229,"line":268},[502,508,513,518,524,529,534,539,543],{"type":426,"tag":227,"props":503,"children":505},{"style":504},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[506],{"type":450,"value":507},"const",{"type":426,"tag":227,"props":509,"children":510},{"style":460},[511],{"type":450,"value":512}," box ",{"type":426,"tag":227,"props":514,"children":515},{"style":454},[516],{"type":450,"value":517},"=",{"type":426,"tag":227,"props":519,"children":521},{"style":520},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[522],{"type":450,"value":523}," useTemplateRef",{"type":426,"tag":227,"props":525,"children":526},{"style":460},[527],{"type":450,"value":528},"(",{"type":426,"tag":227,"props":530,"children":531},{"style":454},[532],{"type":450,"value":533},"'",{"type":426,"tag":227,"props":535,"children":536},{"style":481},[537],{"type":450,"value":538},"box",{"type":426,"tag":227,"props":540,"children":541},{"style":454},[542],{"type":450,"value":533},{"type":426,"tag":227,"props":544,"children":545},{"style":460},[546],{"type":450,"value":547},")\n",{"type":426,"tag":227,"props":549,"children":551},{"class":229,"line":550},4,[552,556,561,565,569,573,577,582,586],{"type":426,"tag":227,"props":553,"children":554},{"style":504},[555],{"type":450,"value":507},{"type":426,"tag":227,"props":557,"children":558},{"style":460},[559],{"type":450,"value":560}," label ",{"type":426,"tag":227,"props":562,"children":563},{"style":454},[564],{"type":450,"value":517},{"type":426,"tag":227,"props":566,"children":567},{"style":520},[568],{"type":450,"value":523},{"type":426,"tag":227,"props":570,"children":571},{"style":460},[572],{"type":450,"value":528},{"type":426,"tag":227,"props":574,"children":575},{"style":454},[576],{"type":450,"value":533},{"type":426,"tag":227,"props":578,"children":579},{"style":481},[580],{"type":450,"value":581},"label",{"type":426,"tag":227,"props":583,"children":584},{"style":454},[585],{"type":450,"value":533},{"type":426,"tag":227,"props":587,"children":588},{"style":460},[589],{"type":450,"value":547},{"type":426,"tag":227,"props":591,"children":593},{"class":229,"line":592},5,[594],{"type":426,"tag":227,"props":595,"children":596},{"emptyLinePlaceholder":495},[597],{"type":450,"value":498},{"type":426,"tag":227,"props":599,"children":601},{"class":229,"line":600},6,[602,606,611,615,619,623,628,634,639,645,649],{"type":426,"tag":227,"props":603,"children":604},{"style":504},[605],{"type":450,"value":507},{"type":426,"tag":227,"props":607,"children":608},{"style":460},[609],{"type":450,"value":610}," tl ",{"type":426,"tag":227,"props":612,"children":613},{"style":454},[614],{"type":450,"value":517},{"type":426,"tag":227,"props":616,"children":617},{"style":520},[618],{"type":450,"value":238},{"type":426,"tag":227,"props":620,"children":621},{"style":460},[622],{"type":450,"value":528},{"type":426,"tag":227,"props":624,"children":625},{"style":454},[626],{"type":450,"value":627},"{",{"type":426,"tag":227,"props":629,"children":631},{"style":630},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[632],{"type":450,"value":633}," loop",{"type":426,"tag":227,"props":635,"children":636},{"style":454},[637],{"type":450,"value":638},":",{"type":426,"tag":227,"props":640,"children":642},{"style":641},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[643],{"type":450,"value":644}," true",{"type":426,"tag":227,"props":646,"children":647},{"style":454},[648],{"type":450,"value":468},{"type":426,"tag":227,"props":650,"children":651},{"style":460},[652],{"type":450,"value":547},{"type":426,"tag":227,"props":654,"children":656},{"class":229,"line":655},7,[657],{"type":426,"tag":227,"props":658,"children":659},{"emptyLinePlaceholder":495},[660],{"type":450,"value":498},{"type":426,"tag":227,"props":662,"children":664},{"class":229,"line":663},8,[665,670,674,679,684,689,693,698,702,708,712,717,721,726,730],{"type":426,"tag":227,"props":666,"children":667},{"style":460},[668],{"type":450,"value":669},"tl",{"type":426,"tag":227,"props":671,"children":672},{"style":454},[673],{"type":450,"value":162},{"type":426,"tag":227,"props":675,"children":676},{"style":520},[677],{"type":450,"value":678},"add",{"type":426,"tag":227,"props":680,"children":681},{"style":460},[682],{"type":450,"value":683},"(box",{"type":426,"tag":227,"props":685,"children":686},{"style":454},[687],{"type":450,"value":688},",",{"type":426,"tag":227,"props":690,"children":691},{"style":454},[692],{"type":450,"value":457},{"type":426,"tag":227,"props":694,"children":695},{"style":630},[696],{"type":450,"value":697}," translateX",{"type":426,"tag":227,"props":699,"children":700},{"style":454},[701],{"type":450,"value":638},{"type":426,"tag":227,"props":703,"children":705},{"style":704},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[706],{"type":450,"value":707}," 250",{"type":426,"tag":227,"props":709,"children":710},{"style":454},[711],{"type":450,"value":688},{"type":426,"tag":227,"props":713,"children":714},{"style":630},[715],{"type":450,"value":716}," duration",{"type":426,"tag":227,"props":718,"children":719},{"style":454},[720],{"type":450,"value":638},{"type":426,"tag":227,"props":722,"children":723},{"style":704},[724],{"type":450,"value":725}," 800",{"type":426,"tag":227,"props":727,"children":728},{"style":454},[729],{"type":450,"value":468},{"type":426,"tag":227,"props":731,"children":732},{"style":460},[733],{"type":450,"value":547},{"type":426,"tag":227,"props":735,"children":737},{"class":229,"line":736},9,[738,743,747,752,756,760,765,769,773,777,781,786,790,794,799,803,807,812,817,821,826,830],{"type":426,"tag":227,"props":739,"children":740},{"style":454},[741],{"type":450,"value":742},"  .",{"type":426,"tag":227,"props":744,"children":745},{"style":520},[746],{"type":450,"value":678},{"type":426,"tag":227,"props":748,"children":749},{"style":460},[750],{"type":450,"value":751},"(label",{"type":426,"tag":227,"props":753,"children":754},{"style":454},[755],{"type":450,"value":688},{"type":426,"tag":227,"props":757,"children":758},{"style":454},[759],{"type":450,"value":457},{"type":426,"tag":227,"props":761,"children":762},{"style":630},[763],{"type":450,"value":764}," innerHTML",{"type":426,"tag":227,"props":766,"children":767},{"style":454},[768],{"type":450,"value":638},{"type":426,"tag":227,"props":770,"children":771},{"style":520},[772],{"type":450,"value":463},{"type":426,"tag":227,"props":774,"children":775},{"style":460},[776],{"type":450,"value":528},{"type":426,"tag":227,"props":778,"children":779},{"style":454},[780],{"type":450,"value":627},{"type":426,"tag":227,"props":782,"children":783},{"style":630},[784],{"type":450,"value":785}," text",{"type":426,"tag":227,"props":787,"children":788},{"style":454},[789],{"type":450,"value":638},{"type":426,"tag":227,"props":791,"children":792},{"style":454},[793],{"type":450,"value":478},{"type":426,"tag":227,"props":795,"children":796},{"style":481},[797],{"type":450,"value":798},"moved!",{"type":426,"tag":227,"props":800,"children":801},{"style":454},[802],{"type":450,"value":533},{"type":426,"tag":227,"props":804,"children":805},{"style":454},[806],{"type":450,"value":468},{"type":426,"tag":227,"props":808,"children":809},{"style":460},[810],{"type":450,"value":811},") ",{"type":426,"tag":227,"props":813,"children":814},{"style":454},[815],{"type":450,"value":816},"},",{"type":426,"tag":227,"props":818,"children":819},{"style":454},[820],{"type":450,"value":478},{"type":426,"tag":227,"props":822,"children":823},{"style":481},[824],{"type":450,"value":825},"\u003C\u003C",{"type":426,"tag":227,"props":827,"children":828},{"style":454},[829],{"type":450,"value":533},{"type":426,"tag":227,"props":831,"children":832},{"style":460},[833],{"type":450,"value":547},{"type":426,"tag":227,"props":835,"children":837},{"class":229,"line":836},10,[838,842,846,850,854,858,862,867,871],{"type":426,"tag":227,"props":839,"children":840},{"style":454},[841],{"type":450,"value":742},{"type":426,"tag":227,"props":843,"children":844},{"style":520},[845],{"type":450,"value":678},{"type":426,"tag":227,"props":847,"children":848},{"style":460},[849],{"type":450,"value":528},{"type":426,"tag":227,"props":851,"children":852},{"style":454},[853],{"type":450,"value":627},{"type":426,"tag":227,"props":855,"children":856},{"style":630},[857],{"type":450,"value":716},{"type":426,"tag":227,"props":859,"children":860},{"style":454},[861],{"type":450,"value":638},{"type":426,"tag":227,"props":863,"children":864},{"style":704},[865],{"type":450,"value":866}," 500",{"type":426,"tag":227,"props":868,"children":869},{"style":454},[870],{"type":450,"value":468},{"type":426,"tag":227,"props":872,"children":873},{"style":460},[874],{"type":450,"value":547},{"type":426,"tag":227,"props":876,"children":878},{"class":229,"line":877},11,[879,883,887,891,895,899,904,908,913,917,921,925,930,934],{"type":426,"tag":227,"props":880,"children":881},{"style":454},[882],{"type":450,"value":742},{"type":426,"tag":227,"props":884,"children":885},{"style":520},[886],{"type":450,"value":678},{"type":426,"tag":227,"props":888,"children":889},{"style":460},[890],{"type":450,"value":683},{"type":426,"tag":227,"props":892,"children":893},{"style":454},[894],{"type":450,"value":688},{"type":426,"tag":227,"props":896,"children":897},{"style":454},[898],{"type":450,"value":457},{"type":426,"tag":227,"props":900,"children":901},{"style":630},[902],{"type":450,"value":903}," rotate",{"type":426,"tag":227,"props":905,"children":906},{"style":454},[907],{"type":450,"value":638},{"type":426,"tag":227,"props":909,"children":910},{"style":704},[911],{"type":450,"value":912}," 360",{"type":426,"tag":227,"props":914,"children":915},{"style":454},[916],{"type":450,"value":688},{"type":426,"tag":227,"props":918,"children":919},{"style":630},[920],{"type":450,"value":716},{"type":426,"tag":227,"props":922,"children":923},{"style":454},[924],{"type":450,"value":638},{"type":426,"tag":227,"props":926,"children":927},{"style":704},[928],{"type":450,"value":929}," 600",{"type":426,"tag":227,"props":931,"children":932},{"style":454},[933],{"type":450,"value":468},{"type":426,"tag":227,"props":935,"children":936},{"style":460},[937],{"type":450,"value":547},{"type":426,"tag":227,"props":939,"children":941},{"class":229,"line":940},12,[942,946,950,954,958,962,966,970,974,978,982,986,990,994,999,1003,1007,1011,1015,1019,1023,1027],{"type":426,"tag":227,"props":943,"children":944},{"style":454},[945],{"type":450,"value":742},{"type":426,"tag":227,"props":947,"children":948},{"style":520},[949],{"type":450,"value":678},{"type":426,"tag":227,"props":951,"children":952},{"style":460},[953],{"type":450,"value":751},{"type":426,"tag":227,"props":955,"children":956},{"style":454},[957],{"type":450,"value":688},{"type":426,"tag":227,"props":959,"children":960},{"style":454},[961],{"type":450,"value":457},{"type":426,"tag":227,"props":963,"children":964},{"style":630},[965],{"type":450,"value":764},{"type":426,"tag":227,"props":967,"children":968},{"style":454},[969],{"type":450,"value":638},{"type":426,"tag":227,"props":971,"children":972},{"style":520},[973],{"type":450,"value":463},{"type":426,"tag":227,"props":975,"children":976},{"style":460},[977],{"type":450,"value":528},{"type":426,"tag":227,"props":979,"children":980},{"style":454},[981],{"type":450,"value":627},{"type":426,"tag":227,"props":983,"children":984},{"style":630},[985],{"type":450,"value":785},{"type":426,"tag":227,"props":987,"children":988},{"style":454},[989],{"type":450,"value":638},{"type":426,"tag":227,"props":991,"children":992},{"style":454},[993],{"type":450,"value":478},{"type":426,"tag":227,"props":995,"children":996},{"style":481},[997],{"type":450,"value":998},"spinning!",{"type":426,"tag":227,"props":1000,"children":1001},{"style":454},[1002],{"type":450,"value":533},{"type":426,"tag":227,"props":1004,"children":1005},{"style":454},[1006],{"type":450,"value":468},{"type":426,"tag":227,"props":1008,"children":1009},{"style":460},[1010],{"type":450,"value":811},{"type":426,"tag":227,"props":1012,"children":1013},{"style":454},[1014],{"type":450,"value":816},{"type":426,"tag":227,"props":1016,"children":1017},{"style":454},[1018],{"type":450,"value":478},{"type":426,"tag":227,"props":1020,"children":1021},{"style":481},[1022],{"type":450,"value":825},{"type":426,"tag":227,"props":1024,"children":1025},{"style":454},[1026],{"type":450,"value":533},{"type":426,"tag":227,"props":1028,"children":1029},{"style":460},[1030],{"type":450,"value":547},{"type":426,"tag":227,"props":1032,"children":1034},{"class":229,"line":1033},13,[1035,1039,1043,1047,1051,1055,1059,1063,1067],{"type":426,"tag":227,"props":1036,"children":1037},{"style":454},[1038],{"type":450,"value":742},{"type":426,"tag":227,"props":1040,"children":1041},{"style":520},[1042],{"type":450,"value":678},{"type":426,"tag":227,"props":1044,"children":1045},{"style":460},[1046],{"type":450,"value":528},{"type":426,"tag":227,"props":1048,"children":1049},{"style":454},[1050],{"type":450,"value":627},{"type":426,"tag":227,"props":1052,"children":1053},{"style":630},[1054],{"type":450,"value":716},{"type":426,"tag":227,"props":1056,"children":1057},{"style":454},[1058],{"type":450,"value":638},{"type":426,"tag":227,"props":1060,"children":1061},{"style":704},[1062],{"type":450,"value":866},{"type":426,"tag":227,"props":1064,"children":1065},{"style":454},[1066],{"type":450,"value":468},{"type":426,"tag":227,"props":1068,"children":1069},{"style":460},[1070],{"type":450,"value":547},{"type":426,"tag":227,"props":1072,"children":1074},{"class":229,"line":1073},14,[1075,1079,1083,1087,1091,1095,1099,1103,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144],{"type":426,"tag":227,"props":1076,"children":1077},{"style":454},[1078],{"type":450,"value":742},{"type":426,"tag":227,"props":1080,"children":1081},{"style":520},[1082],{"type":450,"value":678},{"type":426,"tag":227,"props":1084,"children":1085},{"style":460},[1086],{"type":450,"value":683},{"type":426,"tag":227,"props":1088,"children":1089},{"style":454},[1090],{"type":450,"value":688},{"type":426,"tag":227,"props":1092,"children":1093},{"style":454},[1094],{"type":450,"value":457},{"type":426,"tag":227,"props":1096,"children":1097},{"style":630},[1098],{"type":450,"value":697},{"type":426,"tag":227,"props":1100,"children":1101},{"style":454},[1102],{"type":450,"value":638},{"type":426,"tag":227,"props":1104,"children":1105},{"style":704},[1106],{"type":450,"value":1107}," 0",{"type":426,"tag":227,"props":1109,"children":1110},{"style":454},[1111],{"type":450,"value":688},{"type":426,"tag":227,"props":1113,"children":1114},{"style":630},[1115],{"type":450,"value":903},{"type":426,"tag":227,"props":1117,"children":1118},{"style":454},[1119],{"type":450,"value":638},{"type":426,"tag":227,"props":1121,"children":1122},{"style":704},[1123],{"type":450,"value":1107},{"type":426,"tag":227,"props":1125,"children":1126},{"style":454},[1127],{"type":450,"value":688},{"type":426,"tag":227,"props":1129,"children":1130},{"style":630},[1131],{"type":450,"value":716},{"type":426,"tag":227,"props":1133,"children":1134},{"style":454},[1135],{"type":450,"value":638},{"type":426,"tag":227,"props":1137,"children":1138},{"style":704},[1139],{"type":450,"value":725},{"type":426,"tag":227,"props":1141,"children":1142},{"style":454},[1143],{"type":450,"value":468},{"type":426,"tag":227,"props":1145,"children":1146},{"style":460},[1147],{"type":450,"value":547},{"type":426,"tag":227,"props":1149,"children":1151},{"class":229,"line":1150},15,[1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1209,1213,1217,1221,1225,1229,1233,1237],{"type":426,"tag":227,"props":1153,"children":1154},{"style":454},[1155],{"type":450,"value":742},{"type":426,"tag":227,"props":1157,"children":1158},{"style":520},[1159],{"type":450,"value":678},{"type":426,"tag":227,"props":1161,"children":1162},{"style":460},[1163],{"type":450,"value":751},{"type":426,"tag":227,"props":1165,"children":1166},{"style":454},[1167],{"type":450,"value":688},{"type":426,"tag":227,"props":1169,"children":1170},{"style":454},[1171],{"type":450,"value":457},{"type":426,"tag":227,"props":1173,"children":1174},{"style":630},[1175],{"type":450,"value":764},{"type":426,"tag":227,"props":1177,"children":1178},{"style":454},[1179],{"type":450,"value":638},{"type":426,"tag":227,"props":1181,"children":1182},{"style":520},[1183],{"type":450,"value":463},{"type":426,"tag":227,"props":1185,"children":1186},{"style":460},[1187],{"type":450,"value":528},{"type":426,"tag":227,"props":1189,"children":1190},{"style":454},[1191],{"type":450,"value":627},{"type":426,"tag":227,"props":1193,"children":1194},{"style":630},[1195],{"type":450,"value":785},{"type":426,"tag":227,"props":1197,"children":1198},{"style":454},[1199],{"type":450,"value":638},{"type":426,"tag":227,"props":1201,"children":1202},{"style":454},[1203],{"type":450,"value":478},{"type":426,"tag":227,"props":1205,"children":1206},{"style":481},[1207],{"type":450,"value":1208},"ready",{"type":426,"tag":227,"props":1210,"children":1211},{"style":454},[1212],{"type":450,"value":533},{"type":426,"tag":227,"props":1214,"children":1215},{"style":454},[1216],{"type":450,"value":468},{"type":426,"tag":227,"props":1218,"children":1219},{"style":460},[1220],{"type":450,"value":811},{"type":426,"tag":227,"props":1222,"children":1223},{"style":454},[1224],{"type":450,"value":816},{"type":426,"tag":227,"props":1226,"children":1227},{"style":454},[1228],{"type":450,"value":478},{"type":426,"tag":227,"props":1230,"children":1231},{"style":481},[1232],{"type":450,"value":825},{"type":426,"tag":227,"props":1234,"children":1235},{"style":454},[1236],{"type":450,"value":533},{"type":426,"tag":227,"props":1238,"children":1239},{"style":460},[1240],{"type":450,"value":547},{"type":426,"tag":227,"props":1242,"children":1244},{"class":229,"line":1243},16,[1245,1249,1253,1257,1261,1265,1269,1274,1278],{"type":426,"tag":227,"props":1246,"children":1247},{"style":454},[1248],{"type":450,"value":742},{"type":426,"tag":227,"props":1250,"children":1251},{"style":520},[1252],{"type":450,"value":678},{"type":426,"tag":227,"props":1254,"children":1255},{"style":460},[1256],{"type":450,"value":528},{"type":426,"tag":227,"props":1258,"children":1259},{"style":454},[1260],{"type":450,"value":627},{"type":426,"tag":227,"props":1262,"children":1263},{"style":630},[1264],{"type":450,"value":716},{"type":426,"tag":227,"props":1266,"children":1267},{"style":454},[1268],{"type":450,"value":638},{"type":426,"tag":227,"props":1270,"children":1271},{"style":704},[1272],{"type":450,"value":1273}," 1000",{"type":426,"tag":227,"props":1275,"children":1276},{"style":454},[1277],{"type":450,"value":468},{"type":426,"tag":227,"props":1279,"children":1280},{"style":460},[1281],{"type":450,"value":547},{"type":426,"tag":218,"props":1283,"children":1288},{"className":1284,"code":1285,"filename":1286,"language":1287,"meta":223,"style":223},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv ref=\"box\" class=\"simple-box !size-8\" \u002F>\n  \u003Cp ref=\"label\" class=\"font-mono text-sm text-(--color-primary)\">ready\u003C\u002Fp>\n\u003C\u002Ftemplate>\n","Template","vue",[1289],{"type":426,"tag":113,"props":1290,"children":1291},{"__ignoreMap":223},[1292,1308,1370,1444],{"type":426,"tag":227,"props":1293,"children":1294},{"class":229,"line":230},[1295,1299,1304],{"type":426,"tag":227,"props":1296,"children":1297},{"style":454},[1298],{"type":450,"value":259},{"type":426,"tag":227,"props":1300,"children":1301},{"style":630},[1302],{"type":450,"value":1303},"template",{"type":426,"tag":227,"props":1305,"children":1306},{"style":454},[1307],{"type":450,"value":265},{"type":426,"tag":227,"props":1309,"children":1310},{"class":229,"line":245},[1311,1316,1321,1326,1330,1335,1339,1343,1348,1352,1356,1361,1365],{"type":426,"tag":227,"props":1312,"children":1313},{"style":454},[1314],{"type":450,"value":1315},"  \u003C",{"type":426,"tag":227,"props":1317,"children":1318},{"style":630},[1319],{"type":450,"value":1320},"div",{"type":426,"tag":227,"props":1322,"children":1323},{"style":504},[1324],{"type":450,"value":1325}," ref",{"type":426,"tag":227,"props":1327,"children":1328},{"style":454},[1329],{"type":450,"value":517},{"type":426,"tag":227,"props":1331,"children":1332},{"style":454},[1333],{"type":450,"value":1334},"\"",{"type":426,"tag":227,"props":1336,"children":1337},{"style":481},[1338],{"type":450,"value":538},{"type":426,"tag":227,"props":1340,"children":1341},{"style":454},[1342],{"type":450,"value":1334},{"type":426,"tag":227,"props":1344,"children":1345},{"style":504},[1346],{"type":450,"value":1347}," class",{"type":426,"tag":227,"props":1349,"children":1350},{"style":454},[1351],{"type":450,"value":517},{"type":426,"tag":227,"props":1353,"children":1354},{"style":454},[1355],{"type":450,"value":1334},{"type":426,"tag":227,"props":1357,"children":1358},{"style":481},[1359],{"type":450,"value":1360},"simple-box !size-8",{"type":426,"tag":227,"props":1362,"children":1363},{"style":454},[1364],{"type":450,"value":1334},{"type":426,"tag":227,"props":1366,"children":1367},{"style":454},[1368],{"type":450,"value":1369}," \u002F>\n",{"type":426,"tag":227,"props":1371,"children":1372},{"class":229,"line":268},[1373,1377,1381,1385,1389,1393,1397,1401,1405,1409,1413,1418,1422,1427,1431,1436,1440],{"type":426,"tag":227,"props":1374,"children":1375},{"style":454},[1376],{"type":450,"value":1315},{"type":426,"tag":227,"props":1378,"children":1379},{"style":630},[1380],{"type":450,"value":109},{"type":426,"tag":227,"props":1382,"children":1383},{"style":504},[1384],{"type":450,"value":1325},{"type":426,"tag":227,"props":1386,"children":1387},{"style":454},[1388],{"type":450,"value":517},{"type":426,"tag":227,"props":1390,"children":1391},{"style":454},[1392],{"type":450,"value":1334},{"type":426,"tag":227,"props":1394,"children":1395},{"style":481},[1396],{"type":450,"value":581},{"type":426,"tag":227,"props":1398,"children":1399},{"style":454},[1400],{"type":450,"value":1334},{"type":426,"tag":227,"props":1402,"children":1403},{"style":504},[1404],{"type":450,"value":1347},{"type":426,"tag":227,"props":1406,"children":1407},{"style":454},[1408],{"type":450,"value":517},{"type":426,"tag":227,"props":1410,"children":1411},{"style":454},[1412],{"type":450,"value":1334},{"type":426,"tag":227,"props":1414,"children":1415},{"style":481},[1416],{"type":450,"value":1417},"font-mono text-sm text-(--color-primary)",{"type":426,"tag":227,"props":1419,"children":1420},{"style":454},[1421],{"type":450,"value":1334},{"type":426,"tag":227,"props":1423,"children":1424},{"style":454},[1425],{"type":450,"value":1426},">",{"type":426,"tag":227,"props":1428,"children":1429},{"style":460},[1430],{"type":450,"value":1208},{"type":426,"tag":227,"props":1432,"children":1433},{"style":454},[1434],{"type":450,"value":1435},"\u003C\u002F",{"type":426,"tag":227,"props":1437,"children":1438},{"style":630},[1439],{"type":450,"value":109},{"type":426,"tag":227,"props":1441,"children":1442},{"style":454},[1443],{"type":450,"value":265},{"type":426,"tag":227,"props":1445,"children":1446},{"class":229,"line":550},[1447,1451,1455],{"type":426,"tag":227,"props":1448,"children":1449},{"style":454},[1450],{"type":450,"value":1435},{"type":426,"tag":227,"props":1452,"children":1453},{"style":630},[1454],{"type":450,"value":1303},{"type":426,"tag":227,"props":1456,"children":1457},{"style":454},[1458],{"type":450,"value":265},{"type":426,"tag":1460,"props":1461,"children":1469},"u-button",{"className":1462,"color":1465,"icon":1466,"target":122,"to":1467,"variant":1468},[1463,1464],"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\u002FAnimeTimelineDemo.vue","link",[1470],{"type":450,"value":1471},"View on GitHub",{"type":426,"tag":392,"props":1473,"children":1474},{},[1475],{"type":450,"value":1476},"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);}",{"data":1478,"body":1479},{},{"type":423,"children":1480},[1481,1485,2700,2706],{"type":426,"tag":1482,"props":1483,"children":1484},"anime-timeline-sync-demo",{},[],{"type":426,"tag":431,"props":1486,"children":1487},{},[1488,2306,2557],{"type":426,"tag":218,"props":1489,"children":1491},{"className":220,"code":1490,"filename":437,"language":222,"meta":223,"style":223},"const circleAnimation = useAnimate('.circle', { x: '15rem' })\nconst tlA = useAnimeTimeline({ loop: true, alternate: true })\n\ntlA\n  .sync(circleAnimation)\n  .add('.triangle', { x: '15rem', duration: 2000 })\n  .add('.square', { x: '15rem' })\n  .add({ duration: 1500 })\n\nconst tlB = useAnimeTimeline({\n  loop: true,\n  alternate: true,\n  defaults: {\n    duration: 2000,\n  },\n})\n\ntlB\n  .add(['.triangle', '.square'], { rotate: 360 }, 0)\n  .add('.circle', { scale: [1, 1.5, 1] }, 0)\n\nconst tlMain = useAnimeTimeline({ loop: true, alternate: true })\ntlMain.sync(tlA).sync(tlB, '-=2000')\n",[1492],{"type":426,"tag":113,"props":1493,"children":1494},{"__ignoreMap":223},[1495,1571,1636,1643,1651,1668,1749,1813,1853,1860,1889,1910,1930,1947,1967,1975,1987,1995,2004,2087,2177,2185,2250],{"type":426,"tag":227,"props":1496,"children":1497},{"class":229,"line":230},[1498,1502,1507,1511,1516,1520,1524,1529,1533,1537,1541,1546,1550,1554,1559,1563,1567],{"type":426,"tag":227,"props":1499,"children":1500},{"style":504},[1501],{"type":450,"value":507},{"type":426,"tag":227,"props":1503,"children":1504},{"style":460},[1505],{"type":450,"value":1506}," circleAnimation ",{"type":426,"tag":227,"props":1508,"children":1509},{"style":454},[1510],{"type":450,"value":517},{"type":426,"tag":227,"props":1512,"children":1513},{"style":520},[1514],{"type":450,"value":1515}," useAnimate",{"type":426,"tag":227,"props":1517,"children":1518},{"style":460},[1519],{"type":450,"value":528},{"type":426,"tag":227,"props":1521,"children":1522},{"style":454},[1523],{"type":450,"value":533},{"type":426,"tag":227,"props":1525,"children":1526},{"style":481},[1527],{"type":450,"value":1528},".circle",{"type":426,"tag":227,"props":1530,"children":1531},{"style":454},[1532],{"type":450,"value":533},{"type":426,"tag":227,"props":1534,"children":1535},{"style":454},[1536],{"type":450,"value":688},{"type":426,"tag":227,"props":1538,"children":1539},{"style":454},[1540],{"type":450,"value":457},{"type":426,"tag":227,"props":1542,"children":1543},{"style":630},[1544],{"type":450,"value":1545}," x",{"type":426,"tag":227,"props":1547,"children":1548},{"style":454},[1549],{"type":450,"value":638},{"type":426,"tag":227,"props":1551,"children":1552},{"style":454},[1553],{"type":450,"value":478},{"type":426,"tag":227,"props":1555,"children":1556},{"style":481},[1557],{"type":450,"value":1558},"15rem",{"type":426,"tag":227,"props":1560,"children":1561},{"style":454},[1562],{"type":450,"value":533},{"type":426,"tag":227,"props":1564,"children":1565},{"style":454},[1566],{"type":450,"value":468},{"type":426,"tag":227,"props":1568,"children":1569},{"style":460},[1570],{"type":450,"value":547},{"type":426,"tag":227,"props":1572,"children":1573},{"class":229,"line":245},[1574,1578,1583,1587,1591,1595,1599,1603,1607,1611,1615,1620,1624,1628,1632],{"type":426,"tag":227,"props":1575,"children":1576},{"style":504},[1577],{"type":450,"value":507},{"type":426,"tag":227,"props":1579,"children":1580},{"style":460},[1581],{"type":450,"value":1582}," tlA ",{"type":426,"tag":227,"props":1584,"children":1585},{"style":454},[1586],{"type":450,"value":517},{"type":426,"tag":227,"props":1588,"children":1589},{"style":520},[1590],{"type":450,"value":238},{"type":426,"tag":227,"props":1592,"children":1593},{"style":460},[1594],{"type":450,"value":528},{"type":426,"tag":227,"props":1596,"children":1597},{"style":454},[1598],{"type":450,"value":627},{"type":426,"tag":227,"props":1600,"children":1601},{"style":630},[1602],{"type":450,"value":633},{"type":426,"tag":227,"props":1604,"children":1605},{"style":454},[1606],{"type":450,"value":638},{"type":426,"tag":227,"props":1608,"children":1609},{"style":641},[1610],{"type":450,"value":644},{"type":426,"tag":227,"props":1612,"children":1613},{"style":454},[1614],{"type":450,"value":688},{"type":426,"tag":227,"props":1616,"children":1617},{"style":630},[1618],{"type":450,"value":1619}," alternate",{"type":426,"tag":227,"props":1621,"children":1622},{"style":454},[1623],{"type":450,"value":638},{"type":426,"tag":227,"props":1625,"children":1626},{"style":641},[1627],{"type":450,"value":644},{"type":426,"tag":227,"props":1629,"children":1630},{"style":454},[1631],{"type":450,"value":468},{"type":426,"tag":227,"props":1633,"children":1634},{"style":460},[1635],{"type":450,"value":547},{"type":426,"tag":227,"props":1637,"children":1638},{"class":229,"line":268},[1639],{"type":426,"tag":227,"props":1640,"children":1641},{"emptyLinePlaceholder":495},[1642],{"type":450,"value":498},{"type":426,"tag":227,"props":1644,"children":1645},{"class":229,"line":550},[1646],{"type":426,"tag":227,"props":1647,"children":1648},{"style":460},[1649],{"type":450,"value":1650},"tlA\n",{"type":426,"tag":227,"props":1652,"children":1653},{"class":229,"line":592},[1654,1658,1663],{"type":426,"tag":227,"props":1655,"children":1656},{"style":454},[1657],{"type":450,"value":742},{"type":426,"tag":227,"props":1659,"children":1660},{"style":520},[1661],{"type":450,"value":1662},"sync",{"type":426,"tag":227,"props":1664,"children":1665},{"style":460},[1666],{"type":450,"value":1667},"(circleAnimation)\n",{"type":426,"tag":227,"props":1669,"children":1670},{"class":229,"line":600},[1671,1675,1679,1683,1687,1692,1696,1700,1704,1708,1712,1716,1720,1724,1728,1732,1736,1741,1745],{"type":426,"tag":227,"props":1672,"children":1673},{"style":454},[1674],{"type":450,"value":742},{"type":426,"tag":227,"props":1676,"children":1677},{"style":520},[1678],{"type":450,"value":678},{"type":426,"tag":227,"props":1680,"children":1681},{"style":460},[1682],{"type":450,"value":528},{"type":426,"tag":227,"props":1684,"children":1685},{"style":454},[1686],{"type":450,"value":533},{"type":426,"tag":227,"props":1688,"children":1689},{"style":481},[1690],{"type":450,"value":1691},".triangle",{"type":426,"tag":227,"props":1693,"children":1694},{"style":454},[1695],{"type":450,"value":533},{"type":426,"tag":227,"props":1697,"children":1698},{"style":454},[1699],{"type":450,"value":688},{"type":426,"tag":227,"props":1701,"children":1702},{"style":454},[1703],{"type":450,"value":457},{"type":426,"tag":227,"props":1705,"children":1706},{"style":630},[1707],{"type":450,"value":1545},{"type":426,"tag":227,"props":1709,"children":1710},{"style":454},[1711],{"type":450,"value":638},{"type":426,"tag":227,"props":1713,"children":1714},{"style":454},[1715],{"type":450,"value":478},{"type":426,"tag":227,"props":1717,"children":1718},{"style":481},[1719],{"type":450,"value":1558},{"type":426,"tag":227,"props":1721,"children":1722},{"style":454},[1723],{"type":450,"value":533},{"type":426,"tag":227,"props":1725,"children":1726},{"style":454},[1727],{"type":450,"value":688},{"type":426,"tag":227,"props":1729,"children":1730},{"style":630},[1731],{"type":450,"value":716},{"type":426,"tag":227,"props":1733,"children":1734},{"style":454},[1735],{"type":450,"value":638},{"type":426,"tag":227,"props":1737,"children":1738},{"style":704},[1739],{"type":450,"value":1740}," 2000",{"type":426,"tag":227,"props":1742,"children":1743},{"style":454},[1744],{"type":450,"value":468},{"type":426,"tag":227,"props":1746,"children":1747},{"style":460},[1748],{"type":450,"value":547},{"type":426,"tag":227,"props":1750,"children":1751},{"class":229,"line":655},[1752,1756,1760,1764,1768,1773,1777,1781,1785,1789,1793,1797,1801,1805,1809],{"type":426,"tag":227,"props":1753,"children":1754},{"style":454},[1755],{"type":450,"value":742},{"type":426,"tag":227,"props":1757,"children":1758},{"style":520},[1759],{"type":450,"value":678},{"type":426,"tag":227,"props":1761,"children":1762},{"style":460},[1763],{"type":450,"value":528},{"type":426,"tag":227,"props":1765,"children":1766},{"style":454},[1767],{"type":450,"value":533},{"type":426,"tag":227,"props":1769,"children":1770},{"style":481},[1771],{"type":450,"value":1772},".square",{"type":426,"tag":227,"props":1774,"children":1775},{"style":454},[1776],{"type":450,"value":533},{"type":426,"tag":227,"props":1778,"children":1779},{"style":454},[1780],{"type":450,"value":688},{"type":426,"tag":227,"props":1782,"children":1783},{"style":454},[1784],{"type":450,"value":457},{"type":426,"tag":227,"props":1786,"children":1787},{"style":630},[1788],{"type":450,"value":1545},{"type":426,"tag":227,"props":1790,"children":1791},{"style":454},[1792],{"type":450,"value":638},{"type":426,"tag":227,"props":1794,"children":1795},{"style":454},[1796],{"type":450,"value":478},{"type":426,"tag":227,"props":1798,"children":1799},{"style":481},[1800],{"type":450,"value":1558},{"type":426,"tag":227,"props":1802,"children":1803},{"style":454},[1804],{"type":450,"value":533},{"type":426,"tag":227,"props":1806,"children":1807},{"style":454},[1808],{"type":450,"value":468},{"type":426,"tag":227,"props":1810,"children":1811},{"style":460},[1812],{"type":450,"value":547},{"type":426,"tag":227,"props":1814,"children":1815},{"class":229,"line":663},[1816,1820,1824,1828,1832,1836,1840,1845,1849],{"type":426,"tag":227,"props":1817,"children":1818},{"style":454},[1819],{"type":450,"value":742},{"type":426,"tag":227,"props":1821,"children":1822},{"style":520},[1823],{"type":450,"value":678},{"type":426,"tag":227,"props":1825,"children":1826},{"style":460},[1827],{"type":450,"value":528},{"type":426,"tag":227,"props":1829,"children":1830},{"style":454},[1831],{"type":450,"value":627},{"type":426,"tag":227,"props":1833,"children":1834},{"style":630},[1835],{"type":450,"value":716},{"type":426,"tag":227,"props":1837,"children":1838},{"style":454},[1839],{"type":450,"value":638},{"type":426,"tag":227,"props":1841,"children":1842},{"style":704},[1843],{"type":450,"value":1844}," 1500",{"type":426,"tag":227,"props":1846,"children":1847},{"style":454},[1848],{"type":450,"value":468},{"type":426,"tag":227,"props":1850,"children":1851},{"style":460},[1852],{"type":450,"value":547},{"type":426,"tag":227,"props":1854,"children":1855},{"class":229,"line":736},[1856],{"type":426,"tag":227,"props":1857,"children":1858},{"emptyLinePlaceholder":495},[1859],{"type":450,"value":498},{"type":426,"tag":227,"props":1861,"children":1862},{"class":229,"line":836},[1863,1867,1872,1876,1880,1884],{"type":426,"tag":227,"props":1864,"children":1865},{"style":504},[1866],{"type":450,"value":507},{"type":426,"tag":227,"props":1868,"children":1869},{"style":460},[1870],{"type":450,"value":1871}," tlB ",{"type":426,"tag":227,"props":1873,"children":1874},{"style":454},[1875],{"type":450,"value":517},{"type":426,"tag":227,"props":1877,"children":1878},{"style":520},[1879],{"type":450,"value":238},{"type":426,"tag":227,"props":1881,"children":1882},{"style":460},[1883],{"type":450,"value":528},{"type":426,"tag":227,"props":1885,"children":1886},{"style":454},[1887],{"type":450,"value":1888},"{\n",{"type":426,"tag":227,"props":1890,"children":1891},{"class":229,"line":877},[1892,1897,1901,1905],{"type":426,"tag":227,"props":1893,"children":1894},{"style":630},[1895],{"type":450,"value":1896},"  loop",{"type":426,"tag":227,"props":1898,"children":1899},{"style":454},[1900],{"type":450,"value":638},{"type":426,"tag":227,"props":1902,"children":1903},{"style":641},[1904],{"type":450,"value":644},{"type":426,"tag":227,"props":1906,"children":1907},{"style":454},[1908],{"type":450,"value":1909},",\n",{"type":426,"tag":227,"props":1911,"children":1912},{"class":229,"line":940},[1913,1918,1922,1926],{"type":426,"tag":227,"props":1914,"children":1915},{"style":630},[1916],{"type":450,"value":1917},"  alternate",{"type":426,"tag":227,"props":1919,"children":1920},{"style":454},[1921],{"type":450,"value":638},{"type":426,"tag":227,"props":1923,"children":1924},{"style":641},[1925],{"type":450,"value":644},{"type":426,"tag":227,"props":1927,"children":1928},{"style":454},[1929],{"type":450,"value":1909},{"type":426,"tag":227,"props":1931,"children":1932},{"class":229,"line":1033},[1933,1938,1942],{"type":426,"tag":227,"props":1934,"children":1935},{"style":630},[1936],{"type":450,"value":1937},"  defaults",{"type":426,"tag":227,"props":1939,"children":1940},{"style":454},[1941],{"type":450,"value":638},{"type":426,"tag":227,"props":1943,"children":1944},{"style":454},[1945],{"type":450,"value":1946}," {\n",{"type":426,"tag":227,"props":1948,"children":1949},{"class":229,"line":1073},[1950,1955,1959,1963],{"type":426,"tag":227,"props":1951,"children":1952},{"style":630},[1953],{"type":450,"value":1954},"    duration",{"type":426,"tag":227,"props":1956,"children":1957},{"style":454},[1958],{"type":450,"value":638},{"type":426,"tag":227,"props":1960,"children":1961},{"style":704},[1962],{"type":450,"value":1740},{"type":426,"tag":227,"props":1964,"children":1965},{"style":454},[1966],{"type":450,"value":1909},{"type":426,"tag":227,"props":1968,"children":1969},{"class":229,"line":1150},[1970],{"type":426,"tag":227,"props":1971,"children":1972},{"style":454},[1973],{"type":450,"value":1974},"  },\n",{"type":426,"tag":227,"props":1976,"children":1977},{"class":229,"line":1243},[1978,1983],{"type":426,"tag":227,"props":1979,"children":1980},{"style":454},[1981],{"type":450,"value":1982},"}",{"type":426,"tag":227,"props":1984,"children":1985},{"style":460},[1986],{"type":450,"value":547},{"type":426,"tag":227,"props":1988,"children":1990},{"class":229,"line":1989},17,[1991],{"type":426,"tag":227,"props":1992,"children":1993},{"emptyLinePlaceholder":495},[1994],{"type":450,"value":498},{"type":426,"tag":227,"props":1996,"children":1998},{"class":229,"line":1997},18,[1999],{"type":426,"tag":227,"props":2000,"children":2001},{"style":460},[2002],{"type":450,"value":2003},"tlB\n",{"type":426,"tag":227,"props":2005,"children":2007},{"class":229,"line":2006},19,[2008,2012,2016,2021,2025,2029,2033,2037,2041,2045,2049,2054,2058,2062,2066,2070,2074,2079,2083],{"type":426,"tag":227,"props":2009,"children":2010},{"style":454},[2011],{"type":450,"value":742},{"type":426,"tag":227,"props":2013,"children":2014},{"style":520},[2015],{"type":450,"value":678},{"type":426,"tag":227,"props":2017,"children":2018},{"style":460},[2019],{"type":450,"value":2020},"([",{"type":426,"tag":227,"props":2022,"children":2023},{"style":454},[2024],{"type":450,"value":533},{"type":426,"tag":227,"props":2026,"children":2027},{"style":481},[2028],{"type":450,"value":1691},{"type":426,"tag":227,"props":2030,"children":2031},{"style":454},[2032],{"type":450,"value":533},{"type":426,"tag":227,"props":2034,"children":2035},{"style":454},[2036],{"type":450,"value":688},{"type":426,"tag":227,"props":2038,"children":2039},{"style":454},[2040],{"type":450,"value":478},{"type":426,"tag":227,"props":2042,"children":2043},{"style":481},[2044],{"type":450,"value":1772},{"type":426,"tag":227,"props":2046,"children":2047},{"style":454},[2048],{"type":450,"value":533},{"type":426,"tag":227,"props":2050,"children":2051},{"style":460},[2052],{"type":450,"value":2053},"]",{"type":426,"tag":227,"props":2055,"children":2056},{"style":454},[2057],{"type":450,"value":688},{"type":426,"tag":227,"props":2059,"children":2060},{"style":454},[2061],{"type":450,"value":457},{"type":426,"tag":227,"props":2063,"children":2064},{"style":630},[2065],{"type":450,"value":903},{"type":426,"tag":227,"props":2067,"children":2068},{"style":454},[2069],{"type":450,"value":638},{"type":426,"tag":227,"props":2071,"children":2072},{"style":704},[2073],{"type":450,"value":912},{"type":426,"tag":227,"props":2075,"children":2076},{"style":454},[2077],{"type":450,"value":2078}," },",{"type":426,"tag":227,"props":2080,"children":2081},{"style":704},[2082],{"type":450,"value":1107},{"type":426,"tag":227,"props":2084,"children":2085},{"style":460},[2086],{"type":450,"value":547},{"type":426,"tag":227,"props":2088,"children":2090},{"class":229,"line":2089},20,[2091,2095,2099,2103,2107,2111,2115,2119,2123,2128,2132,2137,2142,2146,2151,2155,2160,2165,2169,2173],{"type":426,"tag":227,"props":2092,"children":2093},{"style":454},[2094],{"type":450,"value":742},{"type":426,"tag":227,"props":2096,"children":2097},{"style":520},[2098],{"type":450,"value":678},{"type":426,"tag":227,"props":2100,"children":2101},{"style":460},[2102],{"type":450,"value":528},{"type":426,"tag":227,"props":2104,"children":2105},{"style":454},[2106],{"type":450,"value":533},{"type":426,"tag":227,"props":2108,"children":2109},{"style":481},[2110],{"type":450,"value":1528},{"type":426,"tag":227,"props":2112,"children":2113},{"style":454},[2114],{"type":450,"value":533},{"type":426,"tag":227,"props":2116,"children":2117},{"style":454},[2118],{"type":450,"value":688},{"type":426,"tag":227,"props":2120,"children":2121},{"style":454},[2122],{"type":450,"value":457},{"type":426,"tag":227,"props":2124,"children":2125},{"style":630},[2126],{"type":450,"value":2127}," scale",{"type":426,"tag":227,"props":2129,"children":2130},{"style":454},[2131],{"type":450,"value":638},{"type":426,"tag":227,"props":2133,"children":2134},{"style":460},[2135],{"type":450,"value":2136}," [",{"type":426,"tag":227,"props":2138,"children":2139},{"style":704},[2140],{"type":450,"value":2141},"1",{"type":426,"tag":227,"props":2143,"children":2144},{"style":454},[2145],{"type":450,"value":688},{"type":426,"tag":227,"props":2147,"children":2148},{"style":704},[2149],{"type":450,"value":2150}," 1.5",{"type":426,"tag":227,"props":2152,"children":2153},{"style":454},[2154],{"type":450,"value":688},{"type":426,"tag":227,"props":2156,"children":2157},{"style":704},[2158],{"type":450,"value":2159}," 1",{"type":426,"tag":227,"props":2161,"children":2162},{"style":460},[2163],{"type":450,"value":2164},"] ",{"type":426,"tag":227,"props":2166,"children":2167},{"style":454},[2168],{"type":450,"value":816},{"type":426,"tag":227,"props":2170,"children":2171},{"style":704},[2172],{"type":450,"value":1107},{"type":426,"tag":227,"props":2174,"children":2175},{"style":460},[2176],{"type":450,"value":547},{"type":426,"tag":227,"props":2178,"children":2180},{"class":229,"line":2179},21,[2181],{"type":426,"tag":227,"props":2182,"children":2183},{"emptyLinePlaceholder":495},[2184],{"type":450,"value":498},{"type":426,"tag":227,"props":2186,"children":2188},{"class":229,"line":2187},22,[2189,2193,2198,2202,2206,2210,2214,2218,2222,2226,2230,2234,2238,2242,2246],{"type":426,"tag":227,"props":2190,"children":2191},{"style":504},[2192],{"type":450,"value":507},{"type":426,"tag":227,"props":2194,"children":2195},{"style":460},[2196],{"type":450,"value":2197}," tlMain ",{"type":426,"tag":227,"props":2199,"children":2200},{"style":454},[2201],{"type":450,"value":517},{"type":426,"tag":227,"props":2203,"children":2204},{"style":520},[2205],{"type":450,"value":238},{"type":426,"tag":227,"props":2207,"children":2208},{"style":460},[2209],{"type":450,"value":528},{"type":426,"tag":227,"props":2211,"children":2212},{"style":454},[2213],{"type":450,"value":627},{"type":426,"tag":227,"props":2215,"children":2216},{"style":630},[2217],{"type":450,"value":633},{"type":426,"tag":227,"props":2219,"children":2220},{"style":454},[2221],{"type":450,"value":638},{"type":426,"tag":227,"props":2223,"children":2224},{"style":641},[2225],{"type":450,"value":644},{"type":426,"tag":227,"props":2227,"children":2228},{"style":454},[2229],{"type":450,"value":688},{"type":426,"tag":227,"props":2231,"children":2232},{"style":630},[2233],{"type":450,"value":1619},{"type":426,"tag":227,"props":2235,"children":2236},{"style":454},[2237],{"type":450,"value":638},{"type":426,"tag":227,"props":2239,"children":2240},{"style":641},[2241],{"type":450,"value":644},{"type":426,"tag":227,"props":2243,"children":2244},{"style":454},[2245],{"type":450,"value":468},{"type":426,"tag":227,"props":2247,"children":2248},{"style":460},[2249],{"type":450,"value":547},{"type":426,"tag":227,"props":2251,"children":2253},{"class":229,"line":2252},23,[2254,2259,2263,2267,2272,2276,2280,2285,2289,2293,2298,2302],{"type":426,"tag":227,"props":2255,"children":2256},{"style":460},[2257],{"type":450,"value":2258},"tlMain",{"type":426,"tag":227,"props":2260,"children":2261},{"style":454},[2262],{"type":450,"value":162},{"type":426,"tag":227,"props":2264,"children":2265},{"style":520},[2266],{"type":450,"value":1662},{"type":426,"tag":227,"props":2268,"children":2269},{"style":460},[2270],{"type":450,"value":2271},"(tlA)",{"type":426,"tag":227,"props":2273,"children":2274},{"style":454},[2275],{"type":450,"value":162},{"type":426,"tag":227,"props":2277,"children":2278},{"style":520},[2279],{"type":450,"value":1662},{"type":426,"tag":227,"props":2281,"children":2282},{"style":460},[2283],{"type":450,"value":2284},"(tlB",{"type":426,"tag":227,"props":2286,"children":2287},{"style":454},[2288],{"type":450,"value":688},{"type":426,"tag":227,"props":2290,"children":2291},{"style":454},[2292],{"type":450,"value":478},{"type":426,"tag":227,"props":2294,"children":2295},{"style":481},[2296],{"type":450,"value":2297},"-=2000",{"type":426,"tag":227,"props":2299,"children":2300},{"style":454},[2301],{"type":450,"value":533},{"type":426,"tag":227,"props":2303,"children":2304},{"style":460},[2305],{"type":450,"value":547},{"type":426,"tag":218,"props":2307,"children":2309},{"className":1284,"code":2308,"filename":1286,"language":1287,"meta":223,"style":223},"\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col gap-1 w-full\">\n    \u003Cdiv class=\"triangle size-6 bg-primary\" \u002F>\n    \u003Cdiv class=\"flex gap-1\">\n      \u003Cdiv class=\"square size-6 rounded-sm bg-primary\" \u002F>\n      \u003Cdiv class=\"circle size-6 rounded-full bg-primary\" \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[2310],{"type":426,"tag":113,"props":2311,"children":2312},{"__ignoreMap":223},[2313,2328,2364,2401,2437,2474,2510,2526,2542],{"type":426,"tag":227,"props":2314,"children":2315},{"class":229,"line":230},[2316,2320,2324],{"type":426,"tag":227,"props":2317,"children":2318},{"style":454},[2319],{"type":450,"value":259},{"type":426,"tag":227,"props":2321,"children":2322},{"style":630},[2323],{"type":450,"value":1303},{"type":426,"tag":227,"props":2325,"children":2326},{"style":454},[2327],{"type":450,"value":265},{"type":426,"tag":227,"props":2329,"children":2330},{"class":229,"line":245},[2331,2335,2339,2343,2347,2351,2356,2360],{"type":426,"tag":227,"props":2332,"children":2333},{"style":454},[2334],{"type":450,"value":1315},{"type":426,"tag":227,"props":2336,"children":2337},{"style":630},[2338],{"type":450,"value":1320},{"type":426,"tag":227,"props":2340,"children":2341},{"style":504},[2342],{"type":450,"value":1347},{"type":426,"tag":227,"props":2344,"children":2345},{"style":454},[2346],{"type":450,"value":517},{"type":426,"tag":227,"props":2348,"children":2349},{"style":454},[2350],{"type":450,"value":1334},{"type":426,"tag":227,"props":2352,"children":2353},{"style":481},[2354],{"type":450,"value":2355},"flex flex-col gap-1 w-full",{"type":426,"tag":227,"props":2357,"children":2358},{"style":454},[2359],{"type":450,"value":1334},{"type":426,"tag":227,"props":2361,"children":2362},{"style":454},[2363],{"type":450,"value":265},{"type":426,"tag":227,"props":2365,"children":2366},{"class":229,"line":268},[2367,2372,2376,2380,2384,2388,2393,2397],{"type":426,"tag":227,"props":2368,"children":2369},{"style":454},[2370],{"type":450,"value":2371},"    \u003C",{"type":426,"tag":227,"props":2373,"children":2374},{"style":630},[2375],{"type":450,"value":1320},{"type":426,"tag":227,"props":2377,"children":2378},{"style":504},[2379],{"type":450,"value":1347},{"type":426,"tag":227,"props":2381,"children":2382},{"style":454},[2383],{"type":450,"value":517},{"type":426,"tag":227,"props":2385,"children":2386},{"style":454},[2387],{"type":450,"value":1334},{"type":426,"tag":227,"props":2389,"children":2390},{"style":481},[2391],{"type":450,"value":2392},"triangle size-6 bg-primary",{"type":426,"tag":227,"props":2394,"children":2395},{"style":454},[2396],{"type":450,"value":1334},{"type":426,"tag":227,"props":2398,"children":2399},{"style":454},[2400],{"type":450,"value":1369},{"type":426,"tag":227,"props":2402,"children":2403},{"class":229,"line":550},[2404,2408,2412,2416,2420,2424,2429,2433],{"type":426,"tag":227,"props":2405,"children":2406},{"style":454},[2407],{"type":450,"value":2371},{"type":426,"tag":227,"props":2409,"children":2410},{"style":630},[2411],{"type":450,"value":1320},{"type":426,"tag":227,"props":2413,"children":2414},{"style":504},[2415],{"type":450,"value":1347},{"type":426,"tag":227,"props":2417,"children":2418},{"style":454},[2419],{"type":450,"value":517},{"type":426,"tag":227,"props":2421,"children":2422},{"style":454},[2423],{"type":450,"value":1334},{"type":426,"tag":227,"props":2425,"children":2426},{"style":481},[2427],{"type":450,"value":2428},"flex gap-1",{"type":426,"tag":227,"props":2430,"children":2431},{"style":454},[2432],{"type":450,"value":1334},{"type":426,"tag":227,"props":2434,"children":2435},{"style":454},[2436],{"type":450,"value":265},{"type":426,"tag":227,"props":2438,"children":2439},{"class":229,"line":592},[2440,2445,2449,2453,2457,2461,2466,2470],{"type":426,"tag":227,"props":2441,"children":2442},{"style":454},[2443],{"type":450,"value":2444},"      \u003C",{"type":426,"tag":227,"props":2446,"children":2447},{"style":630},[2448],{"type":450,"value":1320},{"type":426,"tag":227,"props":2450,"children":2451},{"style":504},[2452],{"type":450,"value":1347},{"type":426,"tag":227,"props":2454,"children":2455},{"style":454},[2456],{"type":450,"value":517},{"type":426,"tag":227,"props":2458,"children":2459},{"style":454},[2460],{"type":450,"value":1334},{"type":426,"tag":227,"props":2462,"children":2463},{"style":481},[2464],{"type":450,"value":2465},"square size-6 rounded-sm bg-primary",{"type":426,"tag":227,"props":2467,"children":2468},{"style":454},[2469],{"type":450,"value":1334},{"type":426,"tag":227,"props":2471,"children":2472},{"style":454},[2473],{"type":450,"value":1369},{"type":426,"tag":227,"props":2475,"children":2476},{"class":229,"line":600},[2477,2481,2485,2489,2493,2497,2502,2506],{"type":426,"tag":227,"props":2478,"children":2479},{"style":454},[2480],{"type":450,"value":2444},{"type":426,"tag":227,"props":2482,"children":2483},{"style":630},[2484],{"type":450,"value":1320},{"type":426,"tag":227,"props":2486,"children":2487},{"style":504},[2488],{"type":450,"value":1347},{"type":426,"tag":227,"props":2490,"children":2491},{"style":454},[2492],{"type":450,"value":517},{"type":426,"tag":227,"props":2494,"children":2495},{"style":454},[2496],{"type":450,"value":1334},{"type":426,"tag":227,"props":2498,"children":2499},{"style":481},[2500],{"type":450,"value":2501},"circle size-6 rounded-full bg-primary",{"type":426,"tag":227,"props":2503,"children":2504},{"style":454},[2505],{"type":450,"value":1334},{"type":426,"tag":227,"props":2507,"children":2508},{"style":454},[2509],{"type":450,"value":1369},{"type":426,"tag":227,"props":2511,"children":2512},{"class":229,"line":655},[2513,2518,2522],{"type":426,"tag":227,"props":2514,"children":2515},{"style":454},[2516],{"type":450,"value":2517},"    \u003C\u002F",{"type":426,"tag":227,"props":2519,"children":2520},{"style":630},[2521],{"type":450,"value":1320},{"type":426,"tag":227,"props":2523,"children":2524},{"style":454},[2525],{"type":450,"value":265},{"type":426,"tag":227,"props":2527,"children":2528},{"class":229,"line":663},[2529,2534,2538],{"type":426,"tag":227,"props":2530,"children":2531},{"style":454},[2532],{"type":450,"value":2533},"  \u003C\u002F",{"type":426,"tag":227,"props":2535,"children":2536},{"style":630},[2537],{"type":450,"value":1320},{"type":426,"tag":227,"props":2539,"children":2540},{"style":454},[2541],{"type":450,"value":265},{"type":426,"tag":227,"props":2543,"children":2544},{"class":229,"line":736},[2545,2549,2553],{"type":426,"tag":227,"props":2546,"children":2547},{"style":454},[2548],{"type":450,"value":1435},{"type":426,"tag":227,"props":2550,"children":2551},{"style":630},[2552],{"type":450,"value":1303},{"type":426,"tag":227,"props":2554,"children":2555},{"style":454},[2556],{"type":450,"value":265},{"type":426,"tag":218,"props":2558,"children":2563},{"className":2559,"code":2560,"filename":2561,"language":2562,"meta":223,"style":223},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".triangle {\n  mask: url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' viewBox='0 0 32 32'%3E%3Cpath d='M4.72 31.235h22.56a2.75 2.75 0 0 0 2.393-4.105L18.175 6.838a2.5 2.5 0 0 0-4.35 0L2.327 27.13a2.75 2.75 0 0 0 2.392 4.105z'\u002F%3E%3C\u002Fsvg%3E\")\n    no-repeat 50% 50%;\n  mask-size: cover;\n  transform-origin: 50% 70%;\n}\n","CSS","css",[2564],{"type":426,"tag":113,"props":2565,"children":2566},{"__ignoreMap":223},[2567,2584,2623,2646,2667,2692],{"type":426,"tag":227,"props":2568,"children":2569},{"class":229,"line":230},[2570,2574,2580],{"type":426,"tag":227,"props":2571,"children":2572},{"style":454},[2573],{"type":450,"value":162},{"type":426,"tag":227,"props":2575,"children":2577},{"style":2576},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2578],{"type":450,"value":2579},"triangle",{"type":426,"tag":227,"props":2581,"children":2582},{"style":454},[2583],{"type":450,"value":1946},{"type":426,"tag":227,"props":2585,"children":2586},{"class":229,"line":245},[2587,2593,2597,2602,2606,2610,2615,2619],{"type":426,"tag":227,"props":2588,"children":2590},{"style":2589},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[2591],{"type":450,"value":2592},"  mask",{"type":426,"tag":227,"props":2594,"children":2595},{"style":454},[2596],{"type":450,"value":638},{"type":426,"tag":227,"props":2598,"children":2599},{"style":520},[2600],{"type":450,"value":2601}," url",{"type":426,"tag":227,"props":2603,"children":2604},{"style":454},[2605],{"type":450,"value":528},{"type":426,"tag":227,"props":2607,"children":2608},{"style":454},[2609],{"type":450,"value":1334},{"type":426,"tag":227,"props":2611,"children":2612},{"style":481},[2613],{"type":450,"value":2614},"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' viewBox='0 0 32 32'%3E%3Cpath d='M4.72 31.235h22.56a2.75 2.75 0 0 0 2.393-4.105L18.175 6.838a2.5 2.5 0 0 0-4.35 0L2.327 27.13a2.75 2.75 0 0 0 2.392 4.105z'\u002F%3E%3C\u002Fsvg%3E",{"type":426,"tag":227,"props":2616,"children":2617},{"style":454},[2618],{"type":450,"value":1334},{"type":426,"tag":227,"props":2620,"children":2621},{"style":454},[2622],{"type":450,"value":547},{"type":426,"tag":227,"props":2624,"children":2625},{"class":229,"line":268},[2626,2631,2636,2641],{"type":426,"tag":227,"props":2627,"children":2628},{"style":460},[2629],{"type":450,"value":2630},"    no-repeat ",{"type":426,"tag":227,"props":2632,"children":2633},{"style":704},[2634],{"type":450,"value":2635},"50%",{"type":426,"tag":227,"props":2637,"children":2638},{"style":704},[2639],{"type":450,"value":2640}," 50%",{"type":426,"tag":227,"props":2642,"children":2643},{"style":454},[2644],{"type":450,"value":2645},";\n",{"type":426,"tag":227,"props":2647,"children":2648},{"class":229,"line":550},[2649,2654,2658,2663],{"type":426,"tag":227,"props":2650,"children":2651},{"style":2589},[2652],{"type":450,"value":2653},"  mask-size",{"type":426,"tag":227,"props":2655,"children":2656},{"style":454},[2657],{"type":450,"value":638},{"type":426,"tag":227,"props":2659,"children":2660},{"style":460},[2661],{"type":450,"value":2662}," cover",{"type":426,"tag":227,"props":2664,"children":2665},{"style":454},[2666],{"type":450,"value":2645},{"type":426,"tag":227,"props":2668,"children":2669},{"class":229,"line":592},[2670,2675,2679,2683,2688],{"type":426,"tag":227,"props":2671,"children":2672},{"style":2589},[2673],{"type":450,"value":2674},"  transform-origin",{"type":426,"tag":227,"props":2676,"children":2677},{"style":454},[2678],{"type":450,"value":638},{"type":426,"tag":227,"props":2680,"children":2681},{"style":704},[2682],{"type":450,"value":2640},{"type":426,"tag":227,"props":2684,"children":2685},{"style":704},[2686],{"type":450,"value":2687}," 70%",{"type":426,"tag":227,"props":2689,"children":2690},{"style":454},[2691],{"type":450,"value":2645},{"type":426,"tag":227,"props":2693,"children":2694},{"class":229,"line":600},[2695],{"type":426,"tag":227,"props":2696,"children":2697},{"style":454},[2698],{"type":450,"value":2699},"}\n",{"type":426,"tag":1460,"props":2701,"children":2704},{"className":2702,"color":1465,"icon":1466,"target":122,"to":2703,"variant":1468},[1463,1464],"https:\u002F\u002Fgithub.com\u002Fastraldev\u002Fnanime\u002Fblob\u002Fmain\u002Fdocs\u002Fapp\u002Fcomponents\u002Fcontent\u002Fexamples\u002Fcomposables\u002FAnimeTimelineSyncDemo.vue",[2705],{"type":450,"value":1471},{"type":426,"tag":392,"props":2707,"children":2708},{},[2709],{"type":450,"value":1476},1779658703947]