[{"data":1,"prerenderedAt":1144},["ShallowReactive",2],{"navigation_docs":3,"-composables-use-waapi-animate":81,"-composables-use-waapi-animate-surround":430,"preview-examples/composables/WaapiAnimateDemo.vue":435,"mdc-5f3wi8-key":436},[4,25,63],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/getting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/getting-started/introduction","1.getting-started/1.introduction","i-lucide-info",{"title":16,"path":17,"stem":18,"icon":19},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Configuration","/getting-started/configuration","1.getting-started/3.configuration","i-lucide-settings",{"title":26,"path":27,"stem":28,"children":29},"Composables","/composables","2.composables",[30,33,38,43,48,53,58],{"title":11,"path":27,"stem":31,"icon":32},"2.composables/index","i-lucide-box",{"title":34,"path":35,"stem":36,"icon":37},"useAnimate","/composables/use-animate","2.composables/1.use-animate","i-ph-play-circle",{"title":39,"path":40,"stem":41,"icon":42},"useWaapiAnimate","/composables/use-waapi-animate","2.composables/2.use-waapi-animate","i-ph-lightning",{"title":44,"path":45,"stem":46,"icon":47},"useAnimatable","/composables/use-animatable","2.composables/3.use-animatable","i-ph-cube",{"title":49,"path":50,"stem":51,"icon":52},"useSplitText","/composables/use-split-text","2.composables/4.use-split-text","i-ph-text-t",{"title":54,"path":55,"stem":56,"icon":57},"useLayout","/composables/use-layout","2.composables/5.use-layout","i-ph-layout",{"title":59,"path":60,"stem":61,"icon":62},"useDraggable","/composables/use-draggable","2.composables/6.use-draggable","i-ph-hand-grabbing",{"title":64,"path":65,"stem":66,"children":67},"Misc","/misc","4.misc",[68,71,76],{"title":11,"path":65,"stem":69,"icon":70},"4.misc/index","i-ph-puzzle-piece",{"title":72,"path":73,"stem":74,"icon":75},"Easings","/misc/easings","4.misc/1.easings","i-ph-chart-line",{"title":77,"path":78,"stem":79,"icon":80},"Utils","/misc/utils","4.misc/2.utils","i-ph-wrench",{"id":82,"title":39,"body":83,"description":424,"extension":95,"links":425,"meta":426,"navigation":427,"path":40,"seo":428,"stem":41,"__hash__":429},"docs/2.composables/2.use-waapi-animate.md",{"type":84,"value":85,"toc":414},"minimark",[86,97,119,124,196,201,216,227,231,235,239,246,252,303,307,311,402,410],[87,88,90],"nuxt-link",{"to":89},"/composables#instant-play",[91,92],"badge",{"icon":93,"label":94,"size":95,"variant":96},"mage:zap-fill","Instant play","md","soft",[98,99,100,101,104,105,112,113,118],"p",{},"The ",[102,103,39],"code",{}," composable wraps the ",[106,107,111],"a",{"href":108,"rel":109},"https://animejs.com/documentation/web-animation-api",[110],"nofollow","waapi.animate"," function\nfrom AnimeJS to help create ",[106,114,117],{"href":115,"rel":116},"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API",[110],"WAAPI"," powered animations.",[120,121,123],"h2",{"id":122},"type-definition","Type Definition",[125,126,131],"pre",{"className":127,"code":128,"language":129,"meta":130,"style":130},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useWaapiAnimate(\n  target: WaapiTargets,\n  parameters: MaybeRefOrGetter\u003CWAAPIAnimationParams>\n): WAAPIAnimation\n","ts","",[102,132,133,150,167,187],{"__ignoreMap":130},[134,135,138,142,146],"span",{"class":136,"line":137},"line",1,[134,139,141],{"class":140},"spNyl","function",[134,143,145],{"class":144},"s2Zo4"," useWaapiAnimate",[134,147,149],{"class":148},"sMK4o","(\n",[134,151,153,157,160,164],{"class":136,"line":152},2,[134,154,156],{"class":155},"sHdIc","  target",[134,158,159],{"class":148},":",[134,161,163],{"class":162},"sBMFI"," WaapiTargets",[134,165,166],{"class":148},",\n",[134,168,170,173,175,178,181,184],{"class":136,"line":169},3,[134,171,172],{"class":155},"  parameters",[134,174,159],{"class":148},[134,176,177],{"class":162}," MaybeRefOrGetter",[134,179,180],{"class":148},"\u003C",[134,182,183],{"class":162},"WAAPIAnimationParams",[134,185,186],{"class":148},">\n",[134,188,190,193],{"class":136,"line":189},4,[134,191,192],{"class":148},"):",[134,194,195],{"class":162}," WAAPIAnimation\n",[197,198,200],"h3",{"id":199},"arguments","Arguments",[202,203,204,211],"field-group",{},[205,206,210],"field",{"name":207,"type":208,":required":209},"target","WaapiTargets","true","The DOM element(s) to animate.",[205,212,215],{"name":213,"type":214},"options","MaybeRefOrGetter\u003CWAAPIAnimationParams>","Object containing keyframes and animation options.",[217,218,219,221,222,226],"warning",{},[102,220,39],{}," ",[223,224,225],"strong",{},"does not support"," JS Objects as targets.",[120,228,230],{"id":229},"usage","Usage",[232,233],"render-code-block-preview",{"src":234},"examples/composables/WaapiAnimateDemo.vue",[120,236,238],{"id":237},"return-value","Return Value",[98,240,241,242,245],{},"Returns a ",[102,243,244],{},"shallowReactive"," object wrapping the animation instance.",[217,247,248,251],{},[223,249,250],{},"Do not destructure"," the return value to maintain reactivity.",[125,253,255],{"className":127,"code":254,"language":129,"meta":130,"style":130},"const animation = useWaapiAnimate('.target', options)\nanimation.play()\n",[102,256,257,289],{"__ignoreMap":130},[134,258,259,262,266,269,271,274,277,281,283,286],{"class":136,"line":137},[134,260,261],{"class":140},"const",[134,263,265],{"class":264},"sTEyZ"," animation ",[134,267,268],{"class":148},"=",[134,270,145],{"class":144},[134,272,273],{"class":264},"(",[134,275,276],{"class":148},"'",[134,278,280],{"class":279},"sfazB",".target",[134,282,276],{"class":148},[134,284,285],{"class":148},",",[134,287,288],{"class":264}," options)\n",[134,290,291,294,297,300],{"class":136,"line":152},[134,292,293],{"class":264},"animation",[134,295,296],{"class":148},".",[134,298,299],{"class":144},"play",[134,301,302],{"class":264},"()\n",[120,304,306],{"id":305},"api","API",[197,308,310],{"id":309},"types","Types",[125,312,314],{"className":127,"code":313,"language":129,"meta":130,"style":130},"type WaapiElementTargets = VueInstance | HTMLElement | HTMLElement[] | SVGElement | SVGElement[] | NodeList | string | null\ntype WaapiTargets = MaybeRef\u003CWaapiElementTargets> | MaybeRef\u003CWaapiElementTargets>[]\n",[102,315,316,370],{"__ignoreMap":130},[134,317,318,321,324,327,330,333,336,338,340,343,346,349,351,353,355,357,360,362,365,367],{"class":136,"line":137},[134,319,320],{"class":140},"type",[134,322,323],{"class":162}," WaapiElementTargets",[134,325,326],{"class":148}," =",[134,328,329],{"class":162}," VueInstance",[134,331,332],{"class":148}," |",[134,334,335],{"class":162}," HTMLElement",[134,337,332],{"class":148},[134,339,335],{"class":162},[134,341,342],{"class":264},"[] ",[134,344,345],{"class":148},"|",[134,347,348],{"class":162}," SVGElement",[134,350,332],{"class":148},[134,352,348],{"class":162},[134,354,342],{"class":264},[134,356,345],{"class":148},[134,358,359],{"class":162}," NodeList",[134,361,332],{"class":148},[134,363,364],{"class":162}," string",[134,366,332],{"class":148},[134,368,369],{"class":162}," null\n",[134,371,372,374,376,378,381,383,386,389,391,393,395,397,399],{"class":136,"line":152},[134,373,320],{"class":140},[134,375,163],{"class":162},[134,377,326],{"class":148},[134,379,380],{"class":162}," MaybeRef",[134,382,180],{"class":148},[134,384,385],{"class":162},"WaapiElementTargets",[134,387,388],{"class":148},">",[134,390,332],{"class":148},[134,392,380],{"class":162},[134,394,180],{"class":148},[134,396,385],{"class":162},[134,398,388],{"class":148},[134,400,401],{"class":264},"[]\n",[98,403,404,405,409],{},"See ",[106,406,408],{"href":108,"rel":407},[110],"AnimeJS WAAPI documentation"," for more details.",[411,412,413],"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 .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}",{"title":130,"searchDepth":152,"depth":152,"links":415},[416,419,420,421],{"id":122,"depth":152,"text":123,"children":417},[418],{"id":199,"depth":169,"text":200},{"id":229,"depth":152,"text":230},{"id":237,"depth":152,"text":238},{"id":305,"depth":152,"text":306,"children":422},[423],{"id":309,"depth":169,"text":310},"Documentation for useWaapiAnimate composable.",null,{},{"icon":42},{"title":39,"description":424},"BuQkBupJzHeJp8LYaGOtTsQQUyC8a3KnDVkClFj6m6M",[431,433],{"title":34,"path":35,"stem":36,"description":432,"icon":37,"children":-1},"Documentation for useAnimate composable.",{"title":44,"path":45,"stem":46,"description":434,"icon":47,"children":-1},"Documentation for useAnimatable composable.","\n::code-group\n```ts [Script]\nimport { stagger } from '#nanime/utils'\n\nuseWaapiAnimate('.square', {\n  y: {\n    to: [0, -15, 0],\n    ease: 'out(4)',\n    duration: 1000,\n  },\n  rotate: { from: -180, to: 0, ease: 'out(3)' },\n  scale: { to: [0.65, 1, 0.65], ease: 'inOut(3)' },\n  duration: 500,\n  delay: stagger(75),\n  loop: true,\n})\n```\n\n```vue [Template]\n\u003Ctemplate>\n  \u003Cdiv class=\"flex gap-2.5\">\n    \u003Cdiv v-for=\"i in 6\" :key=\"i\" class=\"simple-box square w-8\" />\n  \u003C/div>\n\u003C/template>\n```\n\n\n::\n\n::waapi-animate-demo\n::\n\n::u-button\n---\nto: https://github.com/astraldev/nanime/blob/main/docs/app/components/content/examples/composables/WaapiAnimateDemo.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":437,"body":438},{},{"type":439,"children":440},"root",[441,1121,1125,1139],{"type":442,"tag":443,"props":444,"children":445},"element","code-group",{},[446,940],{"type":442,"tag":125,"props":447,"children":450},{"className":127,"code":448,"filename":449,"language":129,"meta":130,"style":130},"import { stagger } from '#nanime/utils'\n\nuseWaapiAnimate('.square', {\n  y: {\n    to: [0, -15, 0],\n    ease: 'out(4)',\n    duration: 1000,\n  },\n  rotate: { from: -180, to: 0, ease: 'out(3)' },\n  scale: { to: [0.65, 1, 0.65], ease: 'inOut(3)' },\n  duration: 500,\n  delay: stagger(75),\n  loop: true,\n})\n","Script",[451],{"type":442,"tag":102,"props":452,"children":453},{"__ignoreMap":130},[454,502,511,545,562,618,648,670,679,761,846,868,903,926],{"type":442,"tag":134,"props":455,"children":456},{"class":136,"line":137},[457,464,470,476,481,486,491,497],{"type":442,"tag":134,"props":458,"children":460},{"style":459},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[461],{"type":462,"value":463},"text","import",{"type":442,"tag":134,"props":465,"children":467},{"style":466},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[468],{"type":462,"value":469}," {",{"type":442,"tag":134,"props":471,"children":473},{"style":472},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[474],{"type":462,"value":475}," stagger",{"type":442,"tag":134,"props":477,"children":478},{"style":466},[479],{"type":462,"value":480}," }",{"type":442,"tag":134,"props":482,"children":483},{"style":459},[484],{"type":462,"value":485}," from",{"type":442,"tag":134,"props":487,"children":488},{"style":466},[489],{"type":462,"value":490}," '",{"type":442,"tag":134,"props":492,"children":494},{"style":493},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[495],{"type":462,"value":496},"#nanime/utils",{"type":442,"tag":134,"props":498,"children":499},{"style":466},[500],{"type":462,"value":501},"'\n",{"type":442,"tag":134,"props":503,"children":504},{"class":136,"line":152},[505],{"type":442,"tag":134,"props":506,"children":508},{"emptyLinePlaceholder":507},true,[509],{"type":462,"value":510},"\n",{"type":442,"tag":134,"props":512,"children":513},{"class":136,"line":169},[514,519,523,527,532,536,540],{"type":442,"tag":134,"props":515,"children":517},{"style":516},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[518],{"type":462,"value":39},{"type":442,"tag":134,"props":520,"children":521},{"style":472},[522],{"type":462,"value":273},{"type":442,"tag":134,"props":524,"children":525},{"style":466},[526],{"type":462,"value":276},{"type":442,"tag":134,"props":528,"children":529},{"style":493},[530],{"type":462,"value":531},".square",{"type":442,"tag":134,"props":533,"children":534},{"style":466},[535],{"type":462,"value":276},{"type":442,"tag":134,"props":537,"children":538},{"style":466},[539],{"type":462,"value":285},{"type":442,"tag":134,"props":541,"children":542},{"style":466},[543],{"type":462,"value":544}," {\n",{"type":442,"tag":134,"props":546,"children":547},{"class":136,"line":189},[548,554,558],{"type":442,"tag":134,"props":549,"children":551},{"style":550},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[552],{"type":462,"value":553},"  y",{"type":442,"tag":134,"props":555,"children":556},{"style":466},[557],{"type":462,"value":159},{"type":442,"tag":134,"props":559,"children":560},{"style":466},[561],{"type":462,"value":544},{"type":442,"tag":134,"props":563,"children":565},{"class":136,"line":564},5,[566,571,575,580,586,590,595,600,604,609,614],{"type":442,"tag":134,"props":567,"children":568},{"style":550},[569],{"type":462,"value":570},"    to",{"type":442,"tag":134,"props":572,"children":573},{"style":466},[574],{"type":462,"value":159},{"type":442,"tag":134,"props":576,"children":577},{"style":472},[578],{"type":462,"value":579}," [",{"type":442,"tag":134,"props":581,"children":583},{"style":582},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[584],{"type":462,"value":585},"0",{"type":442,"tag":134,"props":587,"children":588},{"style":466},[589],{"type":462,"value":285},{"type":442,"tag":134,"props":591,"children":592},{"style":466},[593],{"type":462,"value":594}," -",{"type":442,"tag":134,"props":596,"children":597},{"style":582},[598],{"type":462,"value":599},"15",{"type":442,"tag":134,"props":601,"children":602},{"style":466},[603],{"type":462,"value":285},{"type":442,"tag":134,"props":605,"children":606},{"style":582},[607],{"type":462,"value":608}," 0",{"type":442,"tag":134,"props":610,"children":611},{"style":472},[612],{"type":462,"value":613},"]",{"type":442,"tag":134,"props":615,"children":616},{"style":466},[617],{"type":462,"value":166},{"type":442,"tag":134,"props":619,"children":621},{"class":136,"line":620},6,[622,627,631,635,640,644],{"type":442,"tag":134,"props":623,"children":624},{"style":550},[625],{"type":462,"value":626},"    ease",{"type":442,"tag":134,"props":628,"children":629},{"style":466},[630],{"type":462,"value":159},{"type":442,"tag":134,"props":632,"children":633},{"style":466},[634],{"type":462,"value":490},{"type":442,"tag":134,"props":636,"children":637},{"style":493},[638],{"type":462,"value":639},"out(4)",{"type":442,"tag":134,"props":641,"children":642},{"style":466},[643],{"type":462,"value":276},{"type":442,"tag":134,"props":645,"children":646},{"style":466},[647],{"type":462,"value":166},{"type":442,"tag":134,"props":649,"children":651},{"class":136,"line":650},7,[652,657,661,666],{"type":442,"tag":134,"props":653,"children":654},{"style":550},[655],{"type":462,"value":656},"    duration",{"type":442,"tag":134,"props":658,"children":659},{"style":466},[660],{"type":462,"value":159},{"type":442,"tag":134,"props":662,"children":663},{"style":582},[664],{"type":462,"value":665}," 1000",{"type":442,"tag":134,"props":667,"children":668},{"style":466},[669],{"type":462,"value":166},{"type":442,"tag":134,"props":671,"children":673},{"class":136,"line":672},8,[674],{"type":442,"tag":134,"props":675,"children":676},{"style":466},[677],{"type":462,"value":678},"  },\n",{"type":442,"tag":134,"props":680,"children":682},{"class":136,"line":681},9,[683,688,692,696,700,704,708,713,717,722,726,730,734,739,743,747,752,756],{"type":442,"tag":134,"props":684,"children":685},{"style":550},[686],{"type":462,"value":687},"  rotate",{"type":442,"tag":134,"props":689,"children":690},{"style":466},[691],{"type":462,"value":159},{"type":442,"tag":134,"props":693,"children":694},{"style":466},[695],{"type":462,"value":469},{"type":442,"tag":134,"props":697,"children":698},{"style":550},[699],{"type":462,"value":485},{"type":442,"tag":134,"props":701,"children":702},{"style":466},[703],{"type":462,"value":159},{"type":442,"tag":134,"props":705,"children":706},{"style":466},[707],{"type":462,"value":594},{"type":442,"tag":134,"props":709,"children":710},{"style":582},[711],{"type":462,"value":712},"180",{"type":442,"tag":134,"props":714,"children":715},{"style":466},[716],{"type":462,"value":285},{"type":442,"tag":134,"props":718,"children":719},{"style":550},[720],{"type":462,"value":721}," to",{"type":442,"tag":134,"props":723,"children":724},{"style":466},[725],{"type":462,"value":159},{"type":442,"tag":134,"props":727,"children":728},{"style":582},[729],{"type":462,"value":608},{"type":442,"tag":134,"props":731,"children":732},{"style":466},[733],{"type":462,"value":285},{"type":442,"tag":134,"props":735,"children":736},{"style":550},[737],{"type":462,"value":738}," ease",{"type":442,"tag":134,"props":740,"children":741},{"style":466},[742],{"type":462,"value":159},{"type":442,"tag":134,"props":744,"children":745},{"style":466},[746],{"type":462,"value":490},{"type":442,"tag":134,"props":748,"children":749},{"style":493},[750],{"type":462,"value":751},"out(3)",{"type":442,"tag":134,"props":753,"children":754},{"style":466},[755],{"type":462,"value":276},{"type":442,"tag":134,"props":757,"children":758},{"style":466},[759],{"type":462,"value":760}," },\n",{"type":442,"tag":134,"props":762,"children":764},{"class":136,"line":763},10,[765,770,774,778,782,786,790,795,799,804,808,813,817,821,825,829,833,838,842],{"type":442,"tag":134,"props":766,"children":767},{"style":550},[768],{"type":462,"value":769},"  scale",{"type":442,"tag":134,"props":771,"children":772},{"style":466},[773],{"type":462,"value":159},{"type":442,"tag":134,"props":775,"children":776},{"style":466},[777],{"type":462,"value":469},{"type":442,"tag":134,"props":779,"children":780},{"style":550},[781],{"type":462,"value":721},{"type":442,"tag":134,"props":783,"children":784},{"style":466},[785],{"type":462,"value":159},{"type":442,"tag":134,"props":787,"children":788},{"style":472},[789],{"type":462,"value":579},{"type":442,"tag":134,"props":791,"children":792},{"style":582},[793],{"type":462,"value":794},"0.65",{"type":442,"tag":134,"props":796,"children":797},{"style":466},[798],{"type":462,"value":285},{"type":442,"tag":134,"props":800,"children":801},{"style":582},[802],{"type":462,"value":803}," 1",{"type":442,"tag":134,"props":805,"children":806},{"style":466},[807],{"type":462,"value":285},{"type":442,"tag":134,"props":809,"children":810},{"style":582},[811],{"type":462,"value":812}," 0.65",{"type":442,"tag":134,"props":814,"children":815},{"style":472},[816],{"type":462,"value":613},{"type":442,"tag":134,"props":818,"children":819},{"style":466},[820],{"type":462,"value":285},{"type":442,"tag":134,"props":822,"children":823},{"style":550},[824],{"type":462,"value":738},{"type":442,"tag":134,"props":826,"children":827},{"style":466},[828],{"type":462,"value":159},{"type":442,"tag":134,"props":830,"children":831},{"style":466},[832],{"type":462,"value":490},{"type":442,"tag":134,"props":834,"children":835},{"style":493},[836],{"type":462,"value":837},"inOut(3)",{"type":442,"tag":134,"props":839,"children":840},{"style":466},[841],{"type":462,"value":276},{"type":442,"tag":134,"props":843,"children":844},{"style":466},[845],{"type":462,"value":760},{"type":442,"tag":134,"props":847,"children":849},{"class":136,"line":848},11,[850,855,859,864],{"type":442,"tag":134,"props":851,"children":852},{"style":550},[853],{"type":462,"value":854},"  duration",{"type":442,"tag":134,"props":856,"children":857},{"style":466},[858],{"type":462,"value":159},{"type":442,"tag":134,"props":860,"children":861},{"style":582},[862],{"type":462,"value":863}," 500",{"type":442,"tag":134,"props":865,"children":866},{"style":466},[867],{"type":462,"value":166},{"type":442,"tag":134,"props":869,"children":871},{"class":136,"line":870},12,[872,877,881,885,889,894,899],{"type":442,"tag":134,"props":873,"children":874},{"style":550},[875],{"type":462,"value":876},"  delay",{"type":442,"tag":134,"props":878,"children":879},{"style":466},[880],{"type":462,"value":159},{"type":442,"tag":134,"props":882,"children":883},{"style":516},[884],{"type":462,"value":475},{"type":442,"tag":134,"props":886,"children":887},{"style":472},[888],{"type":462,"value":273},{"type":442,"tag":134,"props":890,"children":891},{"style":582},[892],{"type":462,"value":893},"75",{"type":442,"tag":134,"props":895,"children":896},{"style":472},[897],{"type":462,"value":898},")",{"type":442,"tag":134,"props":900,"children":901},{"style":466},[902],{"type":462,"value":166},{"type":442,"tag":134,"props":904,"children":906},{"class":136,"line":905},13,[907,912,916,922],{"type":442,"tag":134,"props":908,"children":909},{"style":550},[910],{"type":462,"value":911},"  loop",{"type":442,"tag":134,"props":913,"children":914},{"style":466},[915],{"type":462,"value":159},{"type":442,"tag":134,"props":917,"children":919},{"style":918},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[920],{"type":462,"value":921}," true",{"type":442,"tag":134,"props":923,"children":924},{"style":466},[925],{"type":462,"value":166},{"type":442,"tag":134,"props":927,"children":929},{"class":136,"line":928},14,[930,935],{"type":442,"tag":134,"props":931,"children":932},{"style":466},[933],{"type":462,"value":934},"}",{"type":442,"tag":134,"props":936,"children":937},{"style":472},[938],{"type":462,"value":939},")\n",{"type":442,"tag":125,"props":941,"children":946},{"className":942,"code":943,"filename":944,"language":945,"meta":130,"style":130},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex gap-2.5\">\n    \u003Cdiv v-for=\"i in 6\" :key=\"i\" class=\"simple-box square w-8\" />\n  \u003C/div>\n\u003C/template>\n","Template","vue",[947],{"type":442,"tag":102,"props":948,"children":949},{"__ignoreMap":130},[950,966,1007,1089,1105],{"type":442,"tag":134,"props":951,"children":952},{"class":136,"line":137},[953,957,962],{"type":442,"tag":134,"props":954,"children":955},{"style":466},[956],{"type":462,"value":180},{"type":442,"tag":134,"props":958,"children":959},{"style":550},[960],{"type":462,"value":961},"template",{"type":442,"tag":134,"props":963,"children":964},{"style":466},[965],{"type":462,"value":186},{"type":442,"tag":134,"props":967,"children":968},{"class":136,"line":152},[969,974,979,985,989,994,999,1003],{"type":442,"tag":134,"props":970,"children":971},{"style":466},[972],{"type":462,"value":973},"  \u003C",{"type":442,"tag":134,"props":975,"children":976},{"style":550},[977],{"type":462,"value":978},"div",{"type":442,"tag":134,"props":980,"children":982},{"style":981},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[983],{"type":462,"value":984}," class",{"type":442,"tag":134,"props":986,"children":987},{"style":466},[988],{"type":462,"value":268},{"type":442,"tag":134,"props":990,"children":991},{"style":466},[992],{"type":462,"value":993},"\"",{"type":442,"tag":134,"props":995,"children":996},{"style":493},[997],{"type":462,"value":998},"flex gap-2.5",{"type":442,"tag":134,"props":1000,"children":1001},{"style":466},[1002],{"type":462,"value":993},{"type":442,"tag":134,"props":1004,"children":1005},{"style":466},[1006],{"type":462,"value":186},{"type":442,"tag":134,"props":1008,"children":1009},{"class":136,"line":169},[1010,1015,1019,1024,1028,1032,1037,1041,1046,1050,1054,1059,1063,1067,1071,1075,1080,1084],{"type":442,"tag":134,"props":1011,"children":1012},{"style":466},[1013],{"type":462,"value":1014},"    \u003C",{"type":442,"tag":134,"props":1016,"children":1017},{"style":550},[1018],{"type":462,"value":978},{"type":442,"tag":134,"props":1020,"children":1021},{"style":981},[1022],{"type":462,"value":1023}," v-for",{"type":442,"tag":134,"props":1025,"children":1026},{"style":466},[1027],{"type":462,"value":268},{"type":442,"tag":134,"props":1029,"children":1030},{"style":466},[1031],{"type":462,"value":993},{"type":442,"tag":134,"props":1033,"children":1034},{"style":493},[1035],{"type":462,"value":1036},"i in 6",{"type":442,"tag":134,"props":1038,"children":1039},{"style":466},[1040],{"type":462,"value":993},{"type":442,"tag":134,"props":1042,"children":1043},{"style":981},[1044],{"type":462,"value":1045}," :key",{"type":442,"tag":134,"props":1047,"children":1048},{"style":466},[1049],{"type":462,"value":268},{"type":442,"tag":134,"props":1051,"children":1052},{"style":466},[1053],{"type":462,"value":993},{"type":442,"tag":134,"props":1055,"children":1056},{"style":493},[1057],{"type":462,"value":1058},"i",{"type":442,"tag":134,"props":1060,"children":1061},{"style":466},[1062],{"type":462,"value":993},{"type":442,"tag":134,"props":1064,"children":1065},{"style":981},[1066],{"type":462,"value":984},{"type":442,"tag":134,"props":1068,"children":1069},{"style":466},[1070],{"type":462,"value":268},{"type":442,"tag":134,"props":1072,"children":1073},{"style":466},[1074],{"type":462,"value":993},{"type":442,"tag":134,"props":1076,"children":1077},{"style":493},[1078],{"type":462,"value":1079},"simple-box square w-8",{"type":442,"tag":134,"props":1081,"children":1082},{"style":466},[1083],{"type":462,"value":993},{"type":442,"tag":134,"props":1085,"children":1086},{"style":466},[1087],{"type":462,"value":1088}," />\n",{"type":442,"tag":134,"props":1090,"children":1091},{"class":136,"line":189},[1092,1097,1101],{"type":442,"tag":134,"props":1093,"children":1094},{"style":466},[1095],{"type":462,"value":1096},"  \u003C/",{"type":442,"tag":134,"props":1098,"children":1099},{"style":550},[1100],{"type":462,"value":978},{"type":442,"tag":134,"props":1102,"children":1103},{"style":466},[1104],{"type":462,"value":186},{"type":442,"tag":134,"props":1106,"children":1107},{"class":136,"line":564},[1108,1113,1117],{"type":442,"tag":134,"props":1109,"children":1110},{"style":466},[1111],{"type":462,"value":1112},"\u003C/",{"type":442,"tag":134,"props":1114,"children":1115},{"style":550},[1116],{"type":462,"value":961},{"type":442,"tag":134,"props":1118,"children":1119},{"style":466},[1120],{"type":462,"value":186},{"type":442,"tag":1122,"props":1123,"children":1124},"waapi-animate-demo",{},[],{"type":442,"tag":1126,"props":1127,"children":1136},"u-button",{"className":1128,"color":1131,"icon":1132,"target":1133,"to":1134,"variant":1135},[1129,1130],"mt-2.5","pl-0.5","neutral","i-simple-icons-github","_blank","https://github.com/astraldev/nanime/blob/main/docs/app/components/content/examples/composables/WaapiAnimateDemo.vue","link",[1137],{"type":462,"value":1138},"View on GitHub",{"type":442,"tag":411,"props":1140,"children":1141},{},[1142],{"type":462,"value":1143},"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);}",1774818375738]