Files
Basalt2/docs/.vitepress/dist/references/plugins/animation.html
2025-09-16 17:41:40 +02:00

25 lines
46 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>AnimationInstance | Basalt</title>
<meta name="description" content="A UI Framework made for CC:Tweaked">
<meta name="generator" content="VitePress v1.6.3">
<link rel="preload stylesheet" href="/assets/style.Dut7Pyz3.css" as="style">
<link rel="preload stylesheet" href="/vp-icons.css" as="style">
<script type="module" src="/assets/app.DCZWIzvI.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/theme.CxSU_GCj.js">
<link rel="modulepreload" href="/assets/chunks/framework.BcrMLAmg.js">
<link rel="modulepreload" href="/assets/references_plugins_animation.md.C_6MYDTS.lean.js">
<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
</head>
<body>
<div id="app"><div class="Layout" data-v-b5b7c530><!--[--><!--]--><!--[--><span tabindex="-1" data-v-b536c28a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-b536c28a>Skip to content</a><!--]--><!----><header class="VPNav" data-v-b5b7c530 data-v-0ce7e391><div class="VPNavBar" data-v-0ce7e391 data-v-38b43c88><div class="wrapper" data-v-38b43c88><div class="container" data-v-38b43c88><div class="title" data-v-38b43c88><div class="VPNavBarTitle has-sidebar" data-v-38b43c88 data-v-51d97674><a class="title" href="/" data-v-51d97674><!--[--><!--]--><!----><span data-v-51d97674>Basalt</span><!--[--><!--]--></a></div></div><div class="content" data-v-38b43c88><div class="content-body" data-v-38b43c88><!--[--><!--]--><div class="VPNavBarSearch search" data-v-38b43c88><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-38b43c88 data-v-3bae7f51><span id="main-nav-aria-label" class="visually-hidden" data-v-3bae7f51> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/home.html" tabindex="0" data-v-3bae7f51 data-v-882ca747><!--[--><span data-v-882ca747>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/references/main.html" tabindex="0" data-v-3bae7f51 data-v-882ca747><!--[--><span data-v-882ca747>References</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guides/getting-started.html" tabindex="0" data-v-3bae7f51 data-v-882ca747><!--[--><span data-v-882ca747>Guides</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-38b43c88 data-v-f1f155db><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-f1f155db data-v-315f452a data-v-2d23a436><span class="check" data-v-2d23a436><span class="icon" data-v-2d23a436><!--[--><span class="vpi-sun sun" data-v-315f452a></span><span class="vpi-moon moon" data-v-315f452a></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-38b43c88 data-v-de4bac3c data-v-14893731><!--[--><a class="VPSocialLink no-icon" href="https://github.com/Pyroxenium/Basalt2" aria-label="github" target="_blank" rel="noopener" data-v-14893731 data-v-553c008f><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-38b43c88 data-v-166848a9 data-v-51ca15d6><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-51ca15d6><span class="vpi-more-horizontal icon" data-v-51ca15d6></span></button><div class="menu" data-v-51ca15d6><div class="VPMenu" data-v-51ca15d6 data-v-439b3679><!----><!--[--><!--[--><!----><div class="group" data-v-166848a9><div class="item appearance" data-v-166848a9><p class="label" data-v-166848a9>Appearance</p><div class="appearance-action" data-v-166848a9><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-166848a9 data-v-315f452a data-v-2d23a436><span class="check" data-v-2d23a436><span class="icon" data-v-2d23a436><!--[--><span class="vpi-sun sun" data-v-315f452a></span><span class="vpi-moon moon" data-v-315f452a></span><!--]--></span></span></button></div></div></div><div class="group" data-v-166848a9><div class="item social-links" data-v-166848a9><div class="VPSocialLinks social-links-list" data-v-166848a9 data-v-14893731><!--[--><a class="VPSocialLink no-icon" href="https://github.com/Pyroxenium/Basalt2" aria-label="github" target="_blank" rel="noopener" data-v-14893731 data-v-553c008f><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-38b43c88 data-v-9baed5a1><span class="container" data-v-9baed5a1><span class="top" data-v-9baed5a1></span><span class="middle" data-v-9baed5a1></span><span class="bottom" data-v-9baed5a1></span></span></button></div></div></div></div><div class="divider" data-v-38b43c88><div class="divider-line" data-v-38b43c88></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-b5b7c530 data-v-1857b1b5><div class="container" data-v-1857b1b5><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-1857b1b5><span class="vpi-align-left menu-icon" data-v-1857b1b5></span><span class="menu-text" data-v-1857b1b5>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-1857b1b5 data-v-2db5f472><button data-v-2db5f472>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-b5b7c530 data-v-3970ffc3><div class="curtain" data-v-3970ffc3></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-3970ffc3><span class="visually-hidden" id="sidebar-aria-label" data-v-3970ffc3> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-d8f3949d><section class="VPSidebarItem level-0 collapsible collapsed is-link" data-v-d8f3949d data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/main.html" data-v-4b3db82e><!--[--><h2 class="text" data-v-4b3db82e>Basalt</h2><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elementManager.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>ElementManager</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/errorManager.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>ErrorManager</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/log.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Log</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/propertySystem.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>PropertySystem</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/render.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Render</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d8f3949d><section class="VPSidebarItem level-0 collapsible is-link" data-v-d8f3949d data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/BaseElement.html" data-v-4b3db82e><!--[--><h2 class="text" data-v-4b3db82e>Element</h2><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><section class="VPSidebarItem level-1 collapsible is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/VisualElement.html" data-v-4b3db82e><!--[--><h3 class="text" data-v-4b3db82e>VisualElement</h3><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/BigFont.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>BigFont</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Button.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/CheckBox.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>CheckBox</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-2 collapsible collapsed is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Container.html" data-v-4b3db82e><!--[--><h4 class="text" data-v-4b3db82e>Container</h4><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/BaseFrame.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>BaseFrame</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Frame.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Frame</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/TabControl.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Display.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Display</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-2 collapsible collapsed is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Graph.html" data-v-4b3db82e><!--[--><h4 class="text" data-v-4b3db82e>Graph</h4><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/BarChart.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>BarChart</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/LineChart.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>LineChart</p><!--]--></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Image.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Input.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Input</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Label.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Label</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-2 collapsible collapsed is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/List.html" data-v-4b3db82e><!--[--><h4 class="text" data-v-4b3db82e>List</h4><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/DropDown.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>DropDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Menu.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Menu</p><!--]--></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/ProgressBar.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>ProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Program.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Program</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/ScrollBar.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>ScrollBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Slider.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Switch.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Switch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Table.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Table</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/TextBox.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Tree.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Tree</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-d8f3949d><section class="VPSidebarItem level-0 collapsible is-link" data-v-d8f3949d data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins.html" data-v-4b3db82e><!--[--><h2 class="text" data-v-4b3db82e>plugins</h2><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/animation.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Animations</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/benchmark.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Benchmark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/debug.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Debug</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/reactive.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Reactive</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/state.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>State</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/textWrapping.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Text Wrapping</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/theme.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/xml.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Xml</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-b5b7c530 data-v-3fc3255f><div class="VPDoc has-sidebar has-aside" data-v-3fc3255f data-v-198c11d4><!--[--><!--]--><div class="container" data-v-198c11d4><div class="aside" data-v-198c11d4><div class="aside-curtain" data-v-198c11d4></div><div class="aside-container" data-v-198c11d4><div class="aside-content" data-v-198c11d4><div class="VPDocAside" data-v-198c11d4 data-v-61e471f5><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-61e471f5 data-v-64e4012d><div class="content" data-v-64e4012d><div class="outline-marker" data-v-64e4012d></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-64e4012d>On this page</div><ul class="VPDocOutlineItem root" data-v-64e4012d data-v-e882245c><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-61e471f5></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-198c11d4><div class="content-container" data-v-198c11d4><!--[--><!--]--><main class="main" data-v-198c11d4><div style="position:relative;" class="vp-doc _references_plugins_animation" data-v-198c11d4><div><h1 id="animationinstance" tabindex="-1">AnimationInstance <a class="header-anchor" href="#animationinstance" aria-label="Permalink to &quot;AnimationInstance&quot;"></a></h1><p><em>This is the AnimationInstance class. It represents a single animation instance</em></p><h2 id="functions" tabindex="-1">Functions <a class="header-anchor" href="#functions" aria-label="Permalink to &quot;Functions&quot;"></a></h2><table tabindex="0"><thead><tr><th>Method</th><th>Returns</th><th>Description</th></tr></thead><tbody><tr><td><a href="#animationinstance-new-element-animtype-args-duration-easing">AnimationInstance.new</a></td><td>AnimationInstance</td><td>Creates a new animation instance</td></tr><tr><td><a href="#animationinstance-start">AnimationInstance:start</a></td><td>AnimationInstance</td><td>Starts the animation</td></tr><tr><td><a href="#animationinstance-update-elapsed">AnimationInstance:update</a></td><td>boolean</td><td>Updates the animation</td></tr><tr><td><a href="#animationinstance-complete">AnimationInstance:complete</a></td><td>-</td><td>Called when the animation is completed</td></tr></tbody></table><h2 id="animationinstance-new-element-animtype-args-duration-easing" tabindex="-1">AnimationInstance.new(element, animType, args, duration, easing) <a class="header-anchor" href="#animationinstance-new-element-animtype-args-duration-easing" aria-label="Permalink to &quot;AnimationInstance.new(element, animType, args, duration, easing)&quot;"></a></h2><p>Creates a new AnimationInstance</p><h3 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>element</code> <code>VisualElement</code> The element to animate</li><li><code>animType</code> <code>string</code> The type of animation</li><li><code>args</code> <code>table</code> The animation arguments</li><li><code>duration</code> <code>number</code> Duration in seconds</li><li><code>easing</code> <code>string</code> The easing function name</li></ul><h3 id="returns" tabindex="-1">Returns <a class="header-anchor" href="#returns" aria-label="Permalink to &quot;Returns&quot;"></a></h3><ul><li><code>AnimationInstance</code> <code>The</code> new animation instance</li></ul><h2 id="animationinstance-start" tabindex="-1">AnimationInstance:start() <a class="header-anchor" href="#animationinstance-start" aria-label="Permalink to &quot;AnimationInstance:start()&quot;"></a></h2><p>Starts the animation</p><h3 id="returns-1" tabindex="-1">Returns <a class="header-anchor" href="#returns-1" aria-label="Permalink to &quot;Returns&quot;"></a></h3><ul><li><code>AnimationInstance</code> <code>self</code> The animation instance</li></ul><h2 id="animationinstance-update-elapsed" tabindex="-1">AnimationInstance:update(elapsed) <a class="header-anchor" href="#animationinstance-update-elapsed" aria-label="Permalink to &quot;AnimationInstance:update(elapsed)&quot;"></a></h2><p>Updates the animation</p><h3 id="parameters-1" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-1" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>elapsed</code> <code>number</code> The elapsed time in seconds</li></ul><h3 id="returns-2" tabindex="-1">Returns <a class="header-anchor" href="#returns-2" aria-label="Permalink to &quot;Returns&quot;"></a></h3><ul><li><code>boolean</code> <code>Whether</code> the animation is finished</li></ul><h2 id="animationinstance-complete" tabindex="-1">AnimationInstance:complete() <a class="header-anchor" href="#animationinstance-complete" aria-label="Permalink to &quot;AnimationInstance:complete()&quot;"></a></h2><p>Gets called when the animation is completed</p><h1 id="animation" tabindex="-1">Animation <a class="header-anchor" href="#animation" aria-label="Permalink to &quot;Animation&quot;"></a></h1><p><em>This is the animation plugin. It provides a animation system for visual elements</em><em>with support for sequences, easing functions, and multiple animation types.</em></p><h2 id="functions-1" tabindex="-1">Functions <a class="header-anchor" href="#functions-1" aria-label="Permalink to &quot;Functions&quot;"></a></h2><table tabindex="0"><thead><tr><th>Method</th><th>Returns</th><th>Description</th></tr></thead><tbody><tr><td><a href="#animation-registeranimation-name-handlers">Animation.registerAnimation</a></td><td>-</td><td>Registers a custom animation type</td></tr><tr><td><a href="#animation-registereasing-name-func">Animation.registerEasing</a></td><td>-</td><td>Adds a custom easing function</td></tr><tr><td><a href="#animation-new-element">Animation.new</a></td><td>Animation</td><td>Creates a new animation</td></tr><tr><td><a href="#animation-sequence">Animation:sequence</a></td><td>Animation</td><td>Creates a new sequence</td></tr><tr><td><a href="#animation-onstart-callback">Animation:onStart</a></td><td>-</td><td>Registers a callback for the start event</td></tr><tr><td><a href="#animation-onupdate-callback">Animation:onUpdate</a></td><td>Animation</td><td>Registers a callback for the update event</td></tr><tr><td><a href="#animation-oncomplete-callback">Animation:onComplete</a></td><td>Animation</td><td>Registers a callback for the complete event</td></tr><tr><td><a href="#animation-addanimation-type-args-duration-easing">Animation:addAnimation</a></td><td>-</td><td>Adds a new animation to the sequence</td></tr><tr><td><a href="#animation-start">Animation:start</a></td><td>Animation</td><td>Starts the animation</td></tr><tr><td><a href="#animation-event-event-timerid">Animation:event</a></td><td>-</td><td>The event handler for the animation</td></tr><tr><td><a href="#animation-stop">Animation:stop</a></td><td>-</td><td>Stops the animation</td></tr></tbody></table><h2 id="animation-registeranimation-name-handlers" tabindex="-1">Animation.registerAnimation(name, handlers) <a class="header-anchor" href="#animation-registeranimation-name-handlers" aria-label="Permalink to &quot;Animation.registerAnimation(name, handlers)&quot;"></a></h2><p>Registers a new animation type</p><h3 id="parameters-2" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-2" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>name</code> <code>string</code> The name of the animation</li><li><code>handlers</code> <code>table</code> Table containing start, update and complete handlers</li></ul><h3 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;"></a></h3><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Animation.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">registerAnimation</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;fade&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, {</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">start</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(anim) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">end</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">update</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(anim,progress) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">end</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">})</span></span></code></pre></div><h2 id="animation-registereasing-name-func" tabindex="-1">Animation.registerEasing(name, func) <a class="header-anchor" href="#animation-registereasing-name-func" aria-label="Permalink to &quot;Animation.registerEasing(name, func)&quot;"></a></h2><p>Registers a new easing function</p><h3 id="parameters-3" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-3" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>name</code> <code>string</code> The name of the easing function</li><li><code>func</code> <code>function</code> The easing function (takes progress 0-1, returns modified progress)</li></ul><h2 id="animation-new-element" tabindex="-1">Animation.new(element) <a class="header-anchor" href="#animation-new-element" aria-label="Permalink to &quot;Animation.new(element)&quot;"></a></h2><p>Creates a new Animation</p><h3 id="parameters-4" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-4" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>element</code> <code>VisualElement</code> The element to animate</li></ul><h3 id="returns-3" tabindex="-1">Returns <a class="header-anchor" href="#returns-3" aria-label="Permalink to &quot;Returns&quot;"></a></h3><ul><li><code>Animation</code> <code>The</code> new animation</li></ul><h2 id="animation-sequence" tabindex="-1">Animation:sequence() <a class="header-anchor" href="#animation-sequence" aria-label="Permalink to &quot;Animation:sequence()&quot;"></a></h2><p>Creates a new sequence</p><h3 id="returns-4" tabindex="-1">Returns <a class="header-anchor" href="#returns-4" aria-label="Permalink to &quot;Returns&quot;"></a></h3><ul><li><code>Animation</code> <code>self</code> The animation instance</li></ul><h2 id="animation-onstart-callback" tabindex="-1">Animation:onStart(callback) <a class="header-anchor" href="#animation-onstart-callback" aria-label="Permalink to &quot;Animation:onStart(callback)&quot;"></a></h2><p>Registers a callback for the start event</p><h3 id="parameters-5" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-5" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>callback</code> <code>function</code> The callback function to register</li></ul><h2 id="animation-onupdate-callback" tabindex="-1">Animation:onUpdate(callback) <a class="header-anchor" href="#animation-onupdate-callback" aria-label="Permalink to &quot;Animation:onUpdate(callback)&quot;"></a></h2><p>Registers a callback for the update event</p><h3 id="parameters-6" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-6" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>callback</code> <code>function</code> The callback function to register</li></ul><h3 id="returns-5" tabindex="-1">Returns <a class="header-anchor" href="#returns-5" aria-label="Permalink to &quot;Returns&quot;"></a></h3><ul><li><code>Animation</code> <code>self</code> The animation instance</li></ul><h2 id="animation-oncomplete-callback" tabindex="-1">Animation:onComplete(callback) <a class="header-anchor" href="#animation-oncomplete-callback" aria-label="Permalink to &quot;Animation:onComplete(callback)&quot;"></a></h2><p>Registers a callback for the complete event</p><h3 id="parameters-7" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-7" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>callback</code> <code>function</code> The callback function to register</li></ul><h3 id="returns-6" tabindex="-1">Returns <a class="header-anchor" href="#returns-6" aria-label="Permalink to &quot;Returns&quot;"></a></h3><ul><li><code>Animation</code> <code>self</code> The animation instance</li></ul><h2 id="animation-addanimation-type-args-duration-easing" tabindex="-1">Animation:addAnimation(type, args, duration, easing) <a class="header-anchor" href="#animation-addanimation-type-args-duration-easing" aria-label="Permalink to &quot;Animation:addAnimation(type, args, duration, easing)&quot;"></a></h2><p>Adds a new animation to the sequence</p><h3 id="parameters-8" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-8" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>type</code> <code>string</code> The type of animation</li><li><code>args</code> <code>table</code> The animation arguments</li><li><code>duration</code> <code>number</code> The duration in seconds</li><li><code>easing</code> <code>string</code> The easing function name</li></ul><h2 id="animation-start" tabindex="-1">Animation:start() <a class="header-anchor" href="#animation-start" aria-label="Permalink to &quot;Animation:start()&quot;"></a></h2><p>Starts the animation</p><h3 id="returns-7" tabindex="-1">Returns <a class="header-anchor" href="#returns-7" aria-label="Permalink to &quot;Returns&quot;"></a></h3><ul><li><code>Animation</code> <code>self</code> The animation instance</li></ul><h2 id="animation-event-event-timerid" tabindex="-1">Animation:event(event, timerId) <a class="header-anchor" href="#animation-event-event-timerid" aria-label="Permalink to &quot;Animation:event(event, timerId)&quot;"></a></h2><p>The event handler for the animation (listens to timer events)</p><h3 id="parameters-9" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-9" aria-label="Permalink to &quot;Parameters&quot;"></a></h3><ul><li><code>event</code> <code>string</code> The event type</li><li><code>timerId</code> <code>number</code> The timer ID</li></ul><h2 id="animation-stop" tabindex="-1">Animation:stop() <a class="header-anchor" href="#animation-stop" aria-label="Permalink to &quot;Animation:stop()&quot;"></a></h2><p>Stops the animation immediately: cancels timers, completes running anim instances and clears the element property</p><h1 id="visualelement" tabindex="-1">VisualElement <a class="header-anchor" href="#visualelement" aria-label="Permalink to &quot;VisualElement&quot;"></a></h1><p><em>Adds additional methods for VisualElement when adding animation plugin</em></p><h2 id="functions-2" tabindex="-1">Functions <a class="header-anchor" href="#functions-2" aria-label="Permalink to &quot;Functions&quot;"></a></h2><table tabindex="0"><thead><tr><th>Method</th><th>Returns</th><th>Description</th></tr></thead><tbody><tr><td><a href="#visualelement-stopanimation">VisualElement.stopAnimation</a></td><td>-</td><td>Convenience to stop animations from the element</td></tr><tr><td><a href="#visualelement-animate">VisualElement:animate</a></td><td>Animation</td><td>Creates a new animation</td></tr></tbody></table><h2 id="visualelement-stopanimation" tabindex="-1">VisualElement.stopAnimation() <a class="header-anchor" href="#visualelement-stopanimation" aria-label="Permalink to &quot;VisualElement.stopAnimation()&quot;"></a></h2><p>Convenience to stop animations from the element</p><h2 id="visualelement-animate" tabindex="-1">VisualElement:animate() <a class="header-anchor" href="#visualelement-animate" aria-label="Permalink to &quot;VisualElement:animate()&quot;"></a></h2><p>Creates a new Animation Object</p><h3 id="returns-8" tabindex="-1">Returns <a class="header-anchor" href="#returns-8" aria-label="Permalink to &quot;Returns&quot;"></a></h3><ul><li><code>Animation</code> <code>animation</code> The new animation</li></ul></div></div></main><footer class="VPDocFooter" data-v-198c11d4 data-v-78905fa9><!--[--><!--]--><div class="edit-info" data-v-78905fa9><div class="edit-link" data-v-78905fa9><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/Pyroxenium/Basalt2/tree/gh-pages/docs/references/plugins/animation.md" target="_blank" rel="noreferrer" data-v-78905fa9><!--[--><span class="vpi-square-pen edit-link-icon" data-v-78905fa9></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-78905fa9><p class="VPLastUpdated" data-v-78905fa9 data-v-1eab325e>Last updated: <time datetime="2025-09-14T10:11:36.000Z" data-v-1eab325e></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-b5b7c530 data-v-8cfc7cf0><div class="container" data-v-8cfc7cf0><p class="message" data-v-8cfc7cf0>Released under the MIT License.</p><p class="copyright" data-v-8cfc7cf0>Copyright © 2025 Robert Jelic</p></div></footer><!--[--><!--]--></div></div>
<script>window.__VP_HASH_MAP__=JSON.parse("{\"guides_animations.md\":\"CWGc-sFu\",\"guides_annotations.md\":\"B9rGAklD\",\"guides_benchmarks.md\":\"DWPH8xOg\",\"guides_canvas.md\":\"DjxHKY8y\",\"guides_download.md\":\"BHnOqBnJ\",\"guides_faq.md\":\"BbnMxGO7\",\"guides_getting-started.md\":\"OFYtfl43\",\"guides_properties.md\":\"Ch51Ay8n\",\"guides_reactive.md\":\"DFOvn3Jj\",\"guides_states.md\":\"BPpxw-fO\",\"guides_textwrapping.md\":\"CAHnm2Kx\",\"guides_xml.md\":\"B1D982bR\",\"home.md\":\"DdCmc0TU\",\"index.md\":\"nO0QWAqX\",\"readme.md\":\"DpIKKjI7\",\"references_elementmanager.md\":\"Czz04YVx\",\"references_elements_barchart.md\":\"DcXufBqP\",\"references_elements_baseelement.md\":\"IKIYvunC\",\"references_elements_baseframe.md\":\"BS0njfUD\",\"references_elements_bigfont.md\":\"CZkXELsh\",\"references_elements_button.md\":\"D4wvAEI6\",\"references_elements_checkbox.md\":\"BHiutniT\",\"references_elements_combobox.md\":\"DB1XZzak\",\"references_elements_container.md\":\"Bu9GmB7K\",\"references_elements_display.md\":\"BBVeviUS\",\"references_elements_dropdown.md\":\"CLiKBMat\",\"references_elements_flexbox.md\":\"CXxdycVd\",\"references_elements_frame.md\":\"BHwJRA0j\",\"references_elements_graph.md\":\"BSdy3rdb\",\"references_elements_image.md\":\"DX4dD3KH\",\"references_elements_input.md\":\"CtLO4CZx\",\"references_elements_label.md\":\"BNTEOAwR\",\"references_elements_linechart.md\":\"dqyqJ6aw\",\"references_elements_list.md\":\"D_iohd15\",\"references_elements_menu.md\":\"Bu8HagrJ\",\"references_elements_program.md\":\"CjDymnGi\",\"references_elements_progressbar.md\":\"AuFavRDY\",\"references_elements_scrollbar.md\":\"CnvFtd8A\",\"references_elements_slider.md\":\"DEzHZMvV\",\"references_elements_switch.md\":\"BxnrWwTy\",\"references_elements_tabcontrol.md\":\"DASGOoF_\",\"references_elements_table.md\":\"DxPxVHw5\",\"references_elements_textbox.md\":\"BO98sZYp\",\"references_elements_timer.md\":\"BkLMAH1t\",\"references_elements_tree.md\":\"CqNNHuQK\",\"references_elements_visualelement.md\":\"Db7-ADNI\",\"references_errormanager.md\":\"BR8--Q-6\",\"references_init.md\":\"BiEDtpNj\",\"references_libraries_colorhex.md\":\"C-Jpf93D\",\"references_libraries_expect.md\":\"BcD8hTQ-\",\"references_libraries_utils.md\":\"DP_gYXO9\",\"references_log.md\":\"CTN7NLnt\",\"references_main.md\":\"_6xfbQ0_\",\"references_plugins_animation.md\":\"C_6MYDTS\",\"references_plugins_benchmark.md\":\"CXI96GZx\",\"references_plugins_canvas.md\":\"sHH8fIy3\",\"references_plugins_debug.md\":\"C_GRxWNd\",\"references_plugins_reactive.md\":\"BO7pJdWJ\",\"references_plugins_state.md\":\"CJO2PXLv\",\"references_plugins_theme.md\":\"CBY3Ji3c\",\"references_plugins_xml.md\":\"CV_69ZSm\",\"references_propertysystem.md\":\"CqfhTYTO\",\"references_render.md\":\"CbkFjoxm\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Basalt\",\"description\":\"A UI Framework made for CC:Tweaked\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"editLink\":{\"pattern\":\"https://github.com/Pyroxenium/Basalt2/tree/gh-pages/docs/:path\"},\"search\":{\"provider\":\"local\"},\"outline\":2,\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2025 Robert Jelic\"},\"nav\":[{\"text\":\"Home\",\"link\":\"/home\"},{\"text\":\"References\",\"link\":\"/references/main\"},{\"text\":\"Guides\",\"link\":\"/guides/getting-started\"}],\"docFooter\":{\"prev\":false,\"next\":false},\"sidebar\":{\"/guides/\":[{\"text\":\"Getting started\",\"link\":\"/guides/getting-started\"},{\"text\":\"Download\",\"link\":\"/guides/download\"},{\"text\":\"Annotations\",\"link\":\"/guides/annotations\"},{\"text\":\"Animations\",\"link\":\"/guides/animations\"},{\"text\":\"Benchmark\",\"link\":\"/guides/benchmarks\"},{\"text\":\"Canvas\",\"link\":\"guides/canvas\"},{\"text\":\"Properties\",\"link\":\"/guides/properties\"},{\"text\":\"States\",\"link\":\"/guides/states\"},{\"text\":\"XML\",\"link\":\"/guides/xml\"},{\"text\":\"FAQ\",\"link\":\"/guides/faq\"}],\"/references/\":[{\"text\":\"Basalt\",\"link\":\"references/main\",\"collapsed\":true,\"items\":[{\"text\":\"ElementManager\",\"link\":\"references/elementManager\"},{\"text\":\"ErrorManager\",\"link\":\"references/errorManager\"},{\"text\":\"Log\",\"link\":\"references/log\"},{\"text\":\"PropertySystem\",\"link\":\"references/propertySystem\"},{\"text\":\"Render\",\"link\":\"references/render\"}]},{\"text\":\"Element\",\"link\":\"references/elements/BaseElement\",\"collapsed\":false,\"items\":[{\"text\":\"VisualElement\",\"link\":\"references/elements/VisualElement\",\"collapsed\":false,\"items\":[{\"text\":\"BigFont\",\"link\":\"references/elements/BigFont\"},{\"text\":\"Button\",\"link\":\"references/elements/Button\"},{\"text\":\"CheckBox\",\"link\":\"references/elements/CheckBox\"},{\"text\":\"Container\",\"link\":\"references/elements/Container\",\"collapsed\":true,\"items\":[{\"text\":\"BaseFrame\",\"link\":\"references/elements/BaseFrame\"},{\"text\":\"Frame\",\"link\":\"references/elements/Frame\"},{\"text\":\"TabControl\",\"link\":\"references/elements/TabControl\"}]},{\"text\":\"Display\",\"link\":\"references/elements/Display\"},{\"text\":\"Graph\",\"link\":\"references/elements/Graph\",\"collapsed\":true,\"items\":[{\"text\":\"BarChart\",\"link\":\"references/elements/BarChart\"},{\"text\":\"LineChart\",\"link\":\"references/elements/LineChart\"}]},{\"text\":\"Image\",\"link\":\"references/elements/Image\"},{\"text\":\"Input\",\"link\":\"references/elements/Input\"},{\"text\":\"Label\",\"link\":\"references/elements/Label\"},{\"text\":\"List\",\"link\":\"references/elements/List\",\"collapsed\":true,\"items\":[{\"text\":\"DropDown\",\"link\":\"references/elements/DropDown\"},{\"text\":\"Menu\",\"link\":\"references/elements/Menu\"}]},{\"text\":\"ProgressBar\",\"link\":\"references/elements/ProgressBar\"},{\"text\":\"Program\",\"link\":\"references/elements/Program\"},{\"text\":\"ScrollBar\",\"link\":\"references/elements/ScrollBar\"},{\"text\":\"Slider\",\"link\":\"references/elements/Slider\"},{\"text\":\"Switch\",\"link\":\"references/elements/Switch\"},{\"text\":\"Table\",\"link\":\"references/elements/Table\"},{\"text\":\"TextBox\",\"link\":\"references/elements/TextBox\"},{\"text\":\"Tree\",\"link\":\"references/elements/Tree\"}]}]},{\"text\":\"plugins\",\"link\":\"references/plugins\",\"collapsed\":false,\"items\":[{\"text\":\"Animations\",\"link\":\"references/plugins/animation\"},{\"text\":\"Benchmark\",\"link\":\"references/plugins/benchmark\"},{\"text\":\"Debug\",\"link\":\"references/plugins/debug\"},{\"text\":\"Reactive\",\"link\":\"references/plugins/reactive\"},{\"text\":\"State\",\"link\":\"references/plugins/state\"},{\"text\":\"Text Wrapping\",\"link\":\"references/plugins/textWrapping\"},{\"text\":\"Theme\",\"link\":\"references/plugins/theme\"},{\"text\":\"Xml\",\"link\":\"references/plugins/xml\"}]}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/Pyroxenium/Basalt2\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
</body>
</html>