<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Module: features/trees/tree | Profectus</title>
<meta name="description" content="A game engine that grows with you.">
<link rel="preload stylesheet" href="/assets/style.49aa32a7.css" as="style">
<script type="module" src="/assets/app.68642a14.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/framework.0799945b.js">
<link rel="modulepreload" href="/assets/chunks/theme.52324978.js">
<link rel="modulepreload" href="/assets/api_modules_features_tree.md.ea396790.lean.js">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,600;1,400">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<script defer="true" data-domain="moddingtree.com" src="https://plausible.io/js/plausible.js"></script>
<meta name="og:description" content="A game engine that grows with you">
<meta name="og:image" content="/Logo.png">
</head>
<body>
<div id="app"><div class="Layout" data-v-b2cf3e0b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c8616af1></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c8616af1> Skip to content </a><!--]--><!----><header class="VPNav" data-v-b2cf3e0b data-v-7e5bc4a5><div class="VPNavBar has-sidebar" data-v-7e5bc4a5 data-v-1d30fa41><div class="container" data-v-1d30fa41><div class="title" data-v-1d30fa41><div class="VPNavBarTitle has-sidebar" data-v-1d30fa41 data-v-f4ef19a3><a class="title" href="/" data-v-f4ef19a3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/favicon.svg" alt data-v-6db2186b><!--]--><!--[-->Profectus<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-1d30fa41><div class="curtain" data-v-1d30fa41></div><div class="content-body" data-v-1d30fa41><!--[--><!--]--><!----><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-1d30fa41 data-v-7f418b0f><span id="main-nav-aria-label" class="visually-hidden" data-v-7f418b0f>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/" tabindex="0" data-v-7f418b0f data-v-37adc828 data-v-8f4dc553><!--[-->Guide<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/api/overview" tabindex="0" data-v-7f418b0f data-v-37adc828 data-v-8f4dc553><!--[-->API<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://forums.moddingtree.com" target="_blank" rel="noreferrer" tabindex="0" data-v-7f418b0f data-v-37adc828 data-v-8f4dc553><!--[-->Forums<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-8f4dc553><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></nav><!----><!----><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-1d30fa41 data-v-0394ad82 data-v-f6988cfb><!--[--><a class="VPSocialLink" href="https://discord.gg/F3xveHV" aria-label="discord" target="_blank" rel="noopener" data-v-f6988cfb data-v-c530cc0a><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Discord</title><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg></a><a class="VPSocialLink" href="https://github.com/profectus-engine/Profectus" aria-label="github" target="_blank" rel="noopener" data-v-f6988cfb data-v-c530cc0a><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-1d30fa41 data-v-40855f84 data-v-764effdf><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-764effdf><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-764effdf><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-764effdf><div class="VPMenu" data-v-764effdf data-v-e7ea1737><!----><!--[--><!--[--><!----><!----><div class="group" data-v-40855f84><div class="item social-links" data-v-40855f84><div class="VPSocialLinks social-links-list" data-v-40855f84 data-v-f6988cfb><!--[--><a class="VPSocialLink" href="https://discord.gg/F3xveHV" aria-label="discord" target="_blank" rel="noopener" data-v-f6988cfb data-v-c530cc0a><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Discord</title><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg></a><a class="VPSocialLink" href="https://github.com/profectus-engine/Profectus" aria-label="github" target="_blank" rel="noopener" data-v-f6988cfb data-v-c530cc0a><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></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-1d30fa41 data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><!----></header><div class="VPLocalNav" data-v-b2cf3e0b data-v-f5a2ca58><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-f5a2ca58><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="menu-icon" data-v-f5a2ca58><path d="M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"></path><path d="M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"></path><path d="M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"></path><path d="M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"></path></svg><span class="menu-text" data-v-f5a2ca58>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-f5a2ca58 data-v-079b16a8><button data-v-079b16a8>Return to top</button><!----></div></div><aside class="VPSidebar" data-v-b2cf3e0b data-v-139a1f1d><div class="curtain" data-v-139a1f1d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-139a1f1d><span class="visually-hidden" id="sidebar-aria-label" data-v-139a1f1d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-139a1f1d><section class="VPSidebarItem level-0 collapsible collapsed" data-v-139a1f1d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h2 class="text" data-v-c4656e6d>Components</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-c4656e6d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h3 class="text" data-v-c4656e6d>Fields</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/fields/DangerButtonComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Danger Button Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/fields/FeedbackButtonComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Feedback Button Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/fields/SelectComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Select Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/fields/SliderComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Slider Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/fields/TextComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Text Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/fields/ToggleComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Toggle Component</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-c4656e6d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h3 class="text" data-v-c4656e6d>Layout</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/layout/CollapsibleComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Collapsible Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/layout/ColumnComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Column Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/layout/RowComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Row Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/layout/SpacerComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Spacer Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/layout/StickyComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Sticky Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/layout/VerticalRuleComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Vertical Rule Component</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-c4656e6d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h3 class="text" data-v-c4656e6d>Math</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/math/FloorComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Floor Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/math/SqrtComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Sqrt Component</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/ContextComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Context Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/HotkeyComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Hotkey Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/InfoComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Info Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/LayerComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Layer Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/MarkNodeComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Mark Node Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/ModalComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Modal Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/NodeComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Node Component</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/components/SaveComponent.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d> Save Component</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-139a1f1d><section class="VPSidebarItem level-0 collapsible" data-v-139a1f1d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h2 class="text" data-v-c4656e6d>Data</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/data/common.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Common</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/data/projEntry.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Proj Entry</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/data/themes.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Themes</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-139a1f1d><section class="VPSidebarItem level-0 collapsible has-active" data-v-139a1f1d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h2 class="text" data-v-c4656e6d>Features</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-c4656e6d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h3 class="text" data-v-c4656e6d>Tabs</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/tabs/tab.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Tab</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/tabs/tabFamily.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Tab Family</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/achievement.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Achievement</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/action.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Action</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/bar.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Bar</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/board.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Board</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/challenge.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Challenge</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/clickable.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Clickable</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/conversion.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Conversion</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/feature.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Feature</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/grid.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Grid</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/hotkey.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Hotkey</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/infobox.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Infobox</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/links.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Links</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/particles.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Particles</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/repeatable.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Repeatable</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/reset.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Reset</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/resource.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Resource</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/tooltip.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Tooltip</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link is-active has-active" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/tree.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Tree</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/features/upgrade.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Upgrade</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-139a1f1d><section class="VPSidebarItem level-0 collapsible" data-v-139a1f1d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h2 class="text" data-v-c4656e6d>Game</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-c4656e6d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h3 class="text" data-v-c4656e6d>Formulas</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/formulas/formulas.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Formulas</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/formulas/operations.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Operations</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/formulas/types.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Types</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/events.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Events</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/gameLoop.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Game Loop</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/layers.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Layers</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/modifiers.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Modifiers</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/notifications.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Notifications</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/persistence.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Persistence</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/player.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Player</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/requirements.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Requirements</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/settings.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Settings</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/game/state.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>State</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-139a1f1d><section class="VPSidebarItem level-0 collapsible collapsed" data-v-139a1f1d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h2 class="text" data-v-c4656e6d>Lib</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/lib/break_eternity.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Break Eternity</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/lib/collapseTransition.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Collapse Transition</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/lib/lru-cache.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Lru-cache</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/lib/pixi.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Pixi</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/lib/pwa-register.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Pwa-register</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/lib/vue-panzoom.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Vue-panzoom</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/lib/vue-textarea-autosize.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Vue-textarea-autosize</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-139a1f1d><section class="VPSidebarItem level-0 collapsible" data-v-139a1f1d data-v-c4656e6d><div class="item" role="button" tabindex="0" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><h2 class="text" data-v-c4656e6d>Util</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-c4656e6d><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-c4656e6d><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-c4656e6d><!--[--><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/util/bignum.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Bignum</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/util/break_eternity.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Break Eternity</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/util/common.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Common</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/util/computed.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Computed</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/util/proxies.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Proxies</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/util/save.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Save</p><!--]--><!----></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c4656e6d data-v-c4656e6d><div class="item" data-v-c4656e6d><div class="indicator" data-v-c4656e6d></div><a class="VPLink link link" href="/api/modules/util/vue.html" data-v-c4656e6d data-v-8f4dc553><!--[--><p class="text" data-v-c4656e6d>Vue</p><!--]--><!----></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-b2cf3e0b data-v-a494bd1d><div class="VPDoc has-sidebar has-aside" data-v-a494bd1d data-v-c4b0d3cf><!--[--><!--]--><div class="container" data-v-c4b0d3cf><div class="aside" data-v-c4b0d3cf><div class="aside-curtain" data-v-c4b0d3cf></div><div class="aside-container" data-v-c4b0d3cf><div class="aside-content" data-v-c4b0d3cf><div class="VPDocAside" data-v-c4b0d3cf data-v-3f215769><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" data-v-3f215769 data-v-ff0f39c8><div class="content" data-v-ff0f39c8><div class="outline-marker" data-v-ff0f39c8></div><div class="outline-title" data-v-ff0f39c8>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-ff0f39c8><span class="visually-hidden" id="doc-outline-aria-label" data-v-ff0f39c8> Table of Contents for current page </span><ul class="root" data-v-ff0f39c8 data-v-8f12e865><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-c4b0d3cf><div class="content-container" data-v-c4b0d3cf><!--[--><!--]--><!----><main class="main" data-v-c4b0d3cf><div style="position:relative;" class="vp-doc _api_modules_features_tree" data-v-c4b0d3cf><div><h1 id="module-features-trees-tree" tabindex="-1">Module: features/trees/tree <a class="header-anchor" href="#module-features-trees-tree" aria-label="Permalink to "Module: features/trees/tree""></a></h1><h2 id="interfaces" tabindex="-1">Interfaces <a class="header-anchor" href="#interfaces" aria-label="Permalink to "Interfaces""></a></h2><h3 id="basetree" tabindex="-1">BaseTree <a class="header-anchor" href="#basetree" aria-label="Permalink to "BaseTree""></a></h3><p>• <strong>BaseTree</strong>: <code>Object</code></p><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th><th style="text-align:left;">Description</th></tr></thead><tbody><tr><td style="text-align:left;"><code>[Component]</code></td><td style="text-align:left;"><a href="./feature#genericcomponent"><code>GenericComponent</code></a></td><td style="text-align:left;">The Vue component used to render this feature.</td></tr><tr><td style="text-align:left;"><code>[GatherProps]</code></td><td style="text-align:left;">() => <a href="https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type" target="_blank" rel="noreferrer"><code>Record</code></a><<code>string</code>, <code>unknown</code>></td><td style="text-align:left;">A function to gather the props the vue component requires for this feature.</td></tr><tr><td style="text-align:left;"><code>id</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">An auto-generated ID for identifying features that appear in the DOM. Will not persist between refreshes or updates.</td></tr><tr><td style="text-align:left;"><code>isResetting</code></td><td style="text-align:left;"><code>Ref</code><<code>boolean</code>></td><td style="text-align:left;">A flag that is true while the reset is still propagating through the tree.</td></tr><tr><td style="text-align:left;"><code>links</code></td><td style="text-align:left;"><code>Ref</code><<a href="./links#link"><code>Link</code></a>[]></td><td style="text-align:left;">The link objects for each of the branches of the tree.</td></tr><tr><td style="text-align:left;"><code>reset</code></td><td style="text-align:left;">(<code>node</code>: <a href="./tree#generictreenode"><code>GenericTreeNode</code></a>) => <code>void</code></td><td style="text-align:left;">Cause a reset on this node and propagate it through the tree according to resetPropagation.</td></tr><tr><td style="text-align:left;"><code>resettingNode</code></td><td style="text-align:left;"><code>Ref</code><<code>null</code> | <a href="./tree#generictreenode"><code>GenericTreeNode</code></a>></td><td style="text-align:left;">A reference to the node that caused the currently propagating reset.</td></tr><tr><td style="text-align:left;"><code>type</code></td><td style="text-align:left;">typeof <a href="./tree#treetype"><code>TreeType</code></a></td><td style="text-align:left;">A symbol that helps identify features of the same type.</td></tr></tbody></table><h4 id="defined-in" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L201" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:201</a></p><hr><h3 id="basetreenode" tabindex="-1">BaseTreeNode <a class="header-anchor" href="#basetreenode" aria-label="Permalink to "BaseTreeNode""></a></h3><p>• <strong>BaseTreeNode</strong>: <code>Object</code></p><p>The properties that are added onto a processed <a href="./tree#treenodeoptions">TreeNodeOptions</a> to create an <a href="./tree#treenode">TreeNode</a>.</p><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th><th style="text-align:left;">Description</th></tr></thead><tbody><tr><td style="text-align:left;"><code>[Component]</code></td><td style="text-align:left;"><a href="./feature#genericcomponent"><code>GenericComponent</code></a></td><td style="text-align:left;">The Vue component used to render this feature.</td></tr><tr><td style="text-align:left;"><code>[GatherProps]</code></td><td style="text-align:left;">() => <a href="https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type" target="_blank" rel="noreferrer"><code>Record</code></a><<code>string</code>, <code>unknown</code>></td><td style="text-align:left;">A function to gather the props the vue component requires for this feature.</td></tr><tr><td style="text-align:left;"><code>id</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">An auto-generated ID for identifying features that appear in the DOM. Will not persist between refreshes or updates.</td></tr><tr><td style="text-align:left;"><code>type</code></td><td style="text-align:left;">typeof <a href="./tree#treenodetype"><code>TreeNodeType</code></a></td><td style="text-align:left;">A symbol that helps identify features of the same type.</td></tr></tbody></table><h4 id="defined-in-1" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-1" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L64" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:64</a></p><hr><h3 id="treebranch" tabindex="-1">TreeBranch <a class="header-anchor" href="#treebranch" aria-label="Permalink to "TreeBranch""></a></h3><p>• <strong>TreeBranch</strong>: <code>Object</code></p><p>Represents a branch between two nodes in a tree.</p><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th><th style="text-align:left;">Description</th></tr></thead><tbody><tr><td style="text-align:left;"><code>accent-height?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>accumulate?</code></td><td style="text-align:left;"><code>"none"</code> | <code>"sum"</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>additive?</code></td><td style="text-align:left;"><code>"sum"</code> | <code>"replace"</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>alignment-baseline?</code></td><td style="text-align:left;"><code>"alphabetic"</code> | <code>"hanging"</code> | <code>"ideographic"</code> | <code>"mathematical"</code> | <code>"auto"</code> | <code>"baseline"</code> | <code>"before-edge"</code> | <code>"text-before-edge"</code> | <code>"middle"</code> | <code>"central"</code> | <code>"after-edge"</code> | <code>"text-after-edge"</code> | <code>"inherit"</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>allowReorder?</code></td><td style="text-align:left;"><code>"no"</code> | <code>"yes"</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>alphabetic?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>amplitude?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>arabic-form?</code></td><td style="text-align:left;"><code>"initial"</code> | <code>"medial"</code> | <code>"terminal"</code> | <code>"isolated"</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>aria-activedescendant?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.</td></tr><tr><td style="text-align:left;"><code>aria-atomic?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.</td></tr><tr><td style="text-align:left;"><code>aria-autocomplete?</code></td><td style="text-align:left;"><code>"none"</code> | <code>"inline"</code> | <code>"list"</code> | <code>"both"</code></td><td style="text-align:left;">Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.</td></tr><tr><td style="text-align:left;"><code>aria-busy?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.</td></tr><tr><td style="text-align:left;"><code>aria-checked?</code></td><td style="text-align:left;"><code>Booleanish</code> | <code>"mixed"</code></td><td style="text-align:left;">Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. <strong><code>See</code></strong> - aria-pressed - aria-selected.</td></tr><tr><td style="text-align:left;"><code>aria-colcount?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines the total number of columns in a table, grid, or treegrid. <strong><code>See</code></strong> aria-colindex.</td></tr><tr><td style="text-align:left;"><code>aria-colindex?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. <strong><code>See</code></strong> - aria-colcount - aria-colspan.</td></tr><tr><td style="text-align:left;"><code>aria-colspan?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. <strong><code>See</code></strong> - aria-colindex - aria-rowspan.</td></tr><tr><td style="text-align:left;"><code>aria-controls?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Identifies the element (or elements) whose contents or presence are controlled by the current element. <strong><code>See</code></strong> aria-owns.</td></tr><tr><td style="text-align:left;"><code>aria-current?</code></td><td style="text-align:left;"><code>"time"</code> | <code>Booleanish</code> | <code>"page"</code> | <code>"step"</code> | <code>"location"</code> | <code>"date"</code></td><td style="text-align:left;">Indicates the element that represents the current item within a container or set of related elements.</td></tr><tr><td style="text-align:left;"><code>aria-describedby?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Identifies the element (or elements) that describes the object. <strong><code>See</code></strong> aria-labelledby</td></tr><tr><td style="text-align:left;"><code>aria-details?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Identifies the element that provides a detailed, extended description for the object. <strong><code>See</code></strong> aria-describedby.</td></tr><tr><td style="text-align:left;"><code>aria-disabled?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. <strong><code>See</code></strong> - aria-hidden - aria-readonly.</td></tr><tr><td style="text-align:left;"><code>aria-dropeffect?</code></td><td style="text-align:left;"><code>"none"</code> | <code>"copy"</code> | <code>"execute"</code> | <code>"link"</code> | <code>"move"</code> | <code>"popup"</code></td><td style="text-align:left;">Indicates what functions can be performed when a dragged object is released on the drop target. <strong><code>Deprecated</code></strong> in ARIA 1.1</td></tr><tr><td style="text-align:left;"><code>aria-errormessage?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Identifies the element that provides an error message for the object. <strong><code>See</code></strong> - aria-invalid - aria-describedby.</td></tr><tr><td style="text-align:left;"><code>aria-expanded?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.</td></tr><tr><td style="text-align:left;"><code>aria-flowto?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.</td></tr><tr><td style="text-align:left;"><code>aria-grabbed?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates an element's "grabbed" state in a drag-and-drop operation. <strong><code>Deprecated</code></strong> in ARIA 1.1</td></tr><tr><td style="text-align:left;"><code>aria-haspopup?</code></td><td style="text-align:left;"><code>"tree"</code> | <code>Booleanish</code> | <code>"menu"</code> | <code>"listbox"</code> | <code>"grid"</code> | <code>"dialog"</code></td><td style="text-align:left;">Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.</td></tr><tr><td style="text-align:left;"><code>aria-hidden?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates whether the element is exposed to an accessibility API. <strong><code>See</code></strong> aria-disabled.</td></tr><tr><td style="text-align:left;"><code>aria-invalid?</code></td><td style="text-align:left;"><code>Booleanish</code> | <code>"grammar"</code> | <code>"spelling"</code></td><td style="text-align:left;">Indicates the entered value does not conform to the format expected by the application. <strong><code>See</code></strong> aria-errormessage.</td></tr><tr><td style="text-align:left;"><code>aria-keyshortcuts?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.</td></tr><tr><td style="text-align:left;"><code>aria-label?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Defines a string value that labels the current element. <strong><code>See</code></strong> aria-labelledby.</td></tr><tr><td style="text-align:left;"><code>aria-labelledby?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Identifies the element (or elements) that labels the current element. <strong><code>See</code></strong> aria-describedby.</td></tr><tr><td style="text-align:left;"><code>aria-level?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines the hierarchical level of an element within a structure.</td></tr><tr><td style="text-align:left;"><code>aria-live?</code></td><td style="text-align:left;"><code>"off"</code> | <code>"assertive"</code> | <code>"polite"</code></td><td style="text-align:left;">Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.</td></tr><tr><td style="text-align:left;"><code>aria-modal?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates whether an element is modal when displayed.</td></tr><tr><td style="text-align:left;"><code>aria-multiline?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates whether a text box accepts multiple lines of input or only a single line.</td></tr><tr><td style="text-align:left;"><code>aria-multiselectable?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates that the user may select more than one item from the current selectable descendants.</td></tr><tr><td style="text-align:left;"><code>aria-orientation?</code></td><td style="text-align:left;"><code>"horizontal"</code> | <code>"vertical"</code></td><td style="text-align:left;">Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.</td></tr><tr><td style="text-align:left;"><code>aria-owns?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. <strong><code>See</code></strong> aria-controls.</td></tr><tr><td style="text-align:left;"><code>aria-placeholder?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.</td></tr><tr><td style="text-align:left;"><code>aria-posinset?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. <strong><code>See</code></strong> aria-setsize.</td></tr><tr><td style="text-align:left;"><code>aria-pressed?</code></td><td style="text-align:left;"><code>Booleanish</code> | <code>"mixed"</code></td><td style="text-align:left;">Indicates the current "pressed" state of toggle buttons. <strong><code>See</code></strong> - aria-checked - aria-selected.</td></tr><tr><td style="text-align:left;"><code>aria-readonly?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates that the element is not editable, but is otherwise operable. <strong><code>See</code></strong> aria-disabled.</td></tr><tr><td style="text-align:left;"><code>aria-relevant?</code></td><td style="text-align:left;"><code>"additions"</code> | <code>"additions text"</code> | <code>"all"</code> | <code>"removals"</code> | <code>"text"</code></td><td style="text-align:left;">Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. <strong><code>See</code></strong> aria-atomic.</td></tr><tr><td style="text-align:left;"><code>aria-required?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates that user input is required on the element before a form may be submitted.</td></tr><tr><td style="text-align:left;"><code>aria-roledescription?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Defines a human-readable, author-localized description for the role of an element.</td></tr><tr><td style="text-align:left;"><code>aria-rowcount?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines the total number of rows in a table, grid, or treegrid. <strong><code>See</code></strong> aria-rowindex.</td></tr><tr><td style="text-align:left;"><code>aria-rowindex?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. <strong><code>See</code></strong> - aria-rowcount - aria-rowspan.</td></tr><tr><td style="text-align:left;"><code>aria-rowspan?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. <strong><code>See</code></strong> - aria-rowindex - aria-colspan.</td></tr><tr><td style="text-align:left;"><code>aria-selected?</code></td><td style="text-align:left;"><code>Booleanish</code></td><td style="text-align:left;">Indicates the current "selected" state of various widgets. <strong><code>See</code></strong> - aria-checked - aria-pressed.</td></tr><tr><td style="text-align:left;"><code>aria-setsize?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. <strong><code>See</code></strong> aria-posinset.</td></tr><tr><td style="text-align:left;"><code>aria-sort?</code></td><td style="text-align:left;"><code>"none"</code> | <code>"ascending"</code> | <code>"descending"</code> | <code>"other"</code></td><td style="text-align:left;">Indicates if items in a table or grid are sorted in ascending or descending order.</td></tr><tr><td style="text-align:left;"><code>aria-valuemax?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines the maximum allowed value for a range widget.</td></tr><tr><td style="text-align:left;"><code>aria-valuemin?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines the minimum allowed value for a range widget.</td></tr><tr><td style="text-align:left;"><code>aria-valuenow?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">Defines the current value for a range widget. <strong><code>See</code></strong> aria-valuetext.</td></tr><tr><td style="text-align:left;"><code>aria-valuetext?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">Defines the human readable text alternative of aria-valuenow for a range widget.</td></tr><tr><td style="text-align:left;"><code>ascent?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>attributeName?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>attributeType?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>autoReverse?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>azimuth?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>baseFrequency?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>baseProfile?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>baseline-shift?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>bbox?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>begin?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>bias?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>by?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>calcMode?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>cap-height?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>class?</code></td><td style="text-align:left;"><code>any</code></td><td style="text-align:left;">SVG Styling Attributes <strong><code>See</code></strong> <a href="https://www.w3.org/TR/SVG/styling.html#ElementSpecificStyling" target="_blank" rel="noreferrer">https://www.w3.org/TR/SVG/styling.html#ElementSpecificStyling</a></td></tr><tr><td style="text-align:left;"><code>clip?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>clip-path?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>clip-rule?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>clipPathUnits?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>color?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>color-interpolation?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>color-interpolation-filters?</code></td><td style="text-align:left;"><code>"auto"</code> | <code>"inherit"</code> | <code>"sRGB"</code> | <code>"linearRGB"</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>color-profile?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>color-rendering?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>contentScriptType?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>contentStyleType?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>cursor?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>cx?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>cy?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>d?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>decelerate?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>descent?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>diffuseConstant?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>direction?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>display?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>divisor?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>dominant-baseline?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>dur?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>dx?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>dy?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>edgeMode?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>elevation?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>enable-background?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>end?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>endNode</code></td><td style="text-align:left;"><a href="./tree#generictreenode"><code>GenericTreeNode</code></a></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>exponent?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>externalResourcesRequired?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>fill?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>fill-opacity?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>fill-rule?</code></td><td style="text-align:left;"><code>"inherit"</code> | <code>"nonzero"</code> | <code>"evenodd"</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>filter?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>filterRes?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>filterUnits?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>flood-color?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>flood-opacity?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>focusable?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>font-family?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>font-size?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>font-size-adjust?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>font-stretch?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>font-style?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>font-variant?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>font-weight?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>format?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>from?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>fx?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>fy?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>g1?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>g2?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>glyph-name?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>glyph-orientation-horizontal?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>glyph-orientation-vertical?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>glyphRef?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>gradientTransform?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>gradientUnits?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>hanging?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>height?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>horiz-adv-x?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>horiz-origin-x?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>href?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>id?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>ideographic?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>image-rendering?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>in?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>in2?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>innerHTML?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>intercept?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>k?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>k1?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>k2?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>k3?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>k4?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>kernelMatrix?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>kernelUnitLength?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>kerning?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>keyPoints?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>keySplines?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>keyTimes?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>lang?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>lengthAdjust?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>letter-spacing?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>lighting-color?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>limitingConeAngle?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>local?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>marker-end?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>marker-mid?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>marker-start?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>markerHeight?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>markerUnits?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>markerWidth?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>mask?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>maskContentUnits?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>maskUnits?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>mathematical?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>max?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>media?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>method?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>min?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>mode?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>name?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>numOctaves?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>offset?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>offsetEnd?</code></td><td style="text-align:left;"><a href="./../game/layers#position"><code>Position</code></a></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>offsetStart?</code></td><td style="text-align:left;"><a href="./../game/layers#position"><code>Position</code></a></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onAbort?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onAnimationend?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent" target="_blank" rel="noreferrer"><code>AnimationEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onAnimationiteration?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent" target="_blank" rel="noreferrer"><code>AnimationEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onAnimationstart?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent" target="_blank" rel="noreferrer"><code>AnimationEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onAuxclick?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onBeforeinput?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onBlur?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent" target="_blank" rel="noreferrer"><code>FocusEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onCanplay?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onCanplaythrough?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onChange?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onClick?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onCompositionend?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent" target="_blank" rel="noreferrer"><code>CompositionEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onCompositionstart?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent" target="_blank" rel="noreferrer"><code>CompositionEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onCompositionupdate?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent" target="_blank" rel="noreferrer"><code>CompositionEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onContextmenu?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onCopy?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent" target="_blank" rel="noreferrer"><code>ClipboardEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onCut?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent" target="_blank" rel="noreferrer"><code>ClipboardEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDblclick?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDrag?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent" target="_blank" rel="noreferrer"><code>DragEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDragend?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent" target="_blank" rel="noreferrer"><code>DragEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDragenter?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent" target="_blank" rel="noreferrer"><code>DragEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDragexit?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent" target="_blank" rel="noreferrer"><code>DragEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDragleave?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent" target="_blank" rel="noreferrer"><code>DragEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDragover?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent" target="_blank" rel="noreferrer"><code>DragEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDragstart?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent" target="_blank" rel="noreferrer"><code>DragEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDrop?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent" target="_blank" rel="noreferrer"><code>DragEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onDurationchange?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onEmptied?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onEncrypted?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onEnded?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onError?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onFocus?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent" target="_blank" rel="noreferrer"><code>FocusEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onFocusin?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent" target="_blank" rel="noreferrer"><code>FocusEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onFocusout?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent" target="_blank" rel="noreferrer"><code>FocusEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onInput?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onInvalid?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onKeydown?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent" target="_blank" rel="noreferrer"><code>KeyboardEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onKeypress?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent" target="_blank" rel="noreferrer"><code>KeyboardEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onKeyup?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent" target="_blank" rel="noreferrer"><code>KeyboardEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onLoad?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onLoadeddata?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onLoadedmetadata?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onLoadstart?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onMousedown?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onMouseenter?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onMouseleave?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onMousemove?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onMouseout?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onMouseover?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onMouseup?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPaste?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent" target="_blank" rel="noreferrer"><code>ClipboardEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPause?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPlay?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPlaying?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPointercancel?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent" target="_blank" rel="noreferrer"><code>PointerEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPointerdown?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent" target="_blank" rel="noreferrer"><code>PointerEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPointerenter?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent" target="_blank" rel="noreferrer"><code>PointerEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPointerleave?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent" target="_blank" rel="noreferrer"><code>PointerEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPointermove?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent" target="_blank" rel="noreferrer"><code>PointerEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPointerout?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent" target="_blank" rel="noreferrer"><code>PointerEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPointerover?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent" target="_blank" rel="noreferrer"><code>PointerEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onPointerup?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent" target="_blank" rel="noreferrer"><code>PointerEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onProgress?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onRatechange?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onReset?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onScroll?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/UIEvent" target="_blank" rel="noreferrer"><code>UIEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onSeeked?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onSeeking?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onSelect?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onStalled?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onSubmit?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onSuspend?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onTimeupdate?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onTouchcancel?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent" target="_blank" rel="noreferrer"><code>TouchEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onTouchend?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent" target="_blank" rel="noreferrer"><code>TouchEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onTouchmove?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent" target="_blank" rel="noreferrer"><code>TouchEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onTouchstart?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent" target="_blank" rel="noreferrer"><code>TouchEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onTransitionend?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent" target="_blank" rel="noreferrer"><code>TransitionEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onTransitionstart?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent" target="_blank" rel="noreferrer"><code>TransitionEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onVolumechange?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onWaiting?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank" rel="noreferrer"><code>Event</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>onWheel?</code></td><td style="text-align:left;">(<code>payload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent" target="_blank" rel="noreferrer"><code>WheelEvent</code></a>) => <code>void</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>opacity?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>operator?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>order?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>orient?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>orientation?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>origin?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>overflow?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>overline-position?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>overline-thickness?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>paint-order?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>panose-1?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>pathLength?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>patternContentUnits?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>patternTransform?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>patternUnits?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>pointer-events?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>points?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>pointsAtX?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>pointsAtY?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>pointsAtZ?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>preserveAlpha?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>preserveAspectRatio?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>primitiveUnits?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>r?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>radius?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>refX?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>refY?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>renderingIntent?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>repeatCount?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>repeatDur?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>requiredExtensions?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>requiredFeatures?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>restart?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>result?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>role?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>rotate?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>rx?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>ry?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>scale?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>seed?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>shape-rendering?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>slope?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>spacing?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>specularConstant?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>specularExponent?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>speed?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>spreadMethod?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>startNode</code></td><td style="text-align:left;"><a href="./tree#generictreenode"><code>GenericTreeNode</code></a></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>startOffset?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stdDeviation?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stemh?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stemv?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stitchTiles?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stop-color?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stop-opacity?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>strikethrough-position?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>strikethrough-thickness?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>string?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stroke?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stroke-dasharray?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stroke-dashoffset?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stroke-linecap?</code></td><td style="text-align:left;"><code>"inherit"</code> | <code>"butt"</code> | <code>"round"</code> | <code>"square"</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stroke-linejoin?</code></td><td style="text-align:left;"><code>"inherit"</code> | <code>"round"</code> | <code>"miter"</code> | <code>"bevel"</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stroke-miterlimit?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stroke-opacity?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>stroke-width?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>style?</code></td><td style="text-align:left;"><code>string</code> | <code>CSSProperties</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>surfaceScale?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>systemLanguage?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>tabindex?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>tableValues?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>target?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>targetX?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>targetY?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>text-anchor?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>text-decoration?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>text-rendering?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>textLength?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>to?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>transform?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>type?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>u1?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>u2?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>underline-position?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>underline-thickness?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>unicode?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>unicode-bidi?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>unicode-range?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>unitsPer-em?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>v-alphabetic?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>v-hanging?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>v-ideographic?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>v-mathematical?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>values?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>vector-effect?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>version?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>vert-adv-y?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>vert-origin-x?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>vert-origin-y?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>viewBox?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>viewTarget?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>visibility?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>width?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>widths?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>word-spacing?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>writing-mode?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>x?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>x-height?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>x1?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>x2?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>xChannelSelector?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>xlinkActuate?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>xlinkArcrole?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>xlinkHref?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>xlinkRole?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>xlinkShow?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>xlinkTitle?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>xlinkType?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>xmlns?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>y?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>y1?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>y2?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>yChannelSelector?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>z?</code></td><td style="text-align:left;"><code>Numberish</code></td><td style="text-align:left;">-</td></tr><tr><td style="text-align:left;"><code>zoomAndPan?</code></td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">-</td></tr></tbody></table><h4 id="defined-in-2" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-2" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L176" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:176</a></p><hr><h3 id="treenodeoptions" tabindex="-1">TreeNodeOptions <a class="header-anchor" href="#treenodeoptions" aria-label="Permalink to "TreeNodeOptions""></a></h3><p>• <strong>TreeNodeOptions</strong>: <code>Object</code></p><p>An object that configures a <a href="./tree#treenode">TreeNode</a>.</p><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th><th style="text-align:left;">Description</th></tr></thead><tbody><tr><td style="text-align:left;"><code>canClick?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<code>boolean</code>></td><td style="text-align:left;">Whether or not this tree node can be clicked.</td></tr><tr><td style="text-align:left;"><code>classes?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<a href="https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type" target="_blank" rel="noreferrer"><code>Record</code></a><<code>string</code>, <code>boolean</code>>></td><td style="text-align:left;">Dictionary of CSS classes to apply to this feature.</td></tr><tr><td style="text-align:left;"><code>color?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<code>string</code>></td><td style="text-align:left;">The background color for this node.</td></tr><tr><td style="text-align:left;"><code>display?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<a href="./feature#coercablecomponent"><code>CoercableComponent</code></a>></td><td style="text-align:left;">The label to display on this tree node.</td></tr><tr><td style="text-align:left;"><code>glowColor?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<code>string</code>></td><td style="text-align:left;">The color of the glow effect shown to notify the user there's something to do with this node.</td></tr><tr><td style="text-align:left;"><code>mark?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<code>string</code> | <code>boolean</code>></td><td style="text-align:left;">Shows a marker on the corner of the feature.</td></tr><tr><td style="text-align:left;"><code>onClick?</code></td><td style="text-align:left;">(<code>e?</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent" target="_blank" rel="noreferrer"><code>MouseEvent</code></a> | <a href="https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent" target="_blank" rel="noreferrer"><code>TouchEvent</code></a>) => <code>void</code></td><td style="text-align:left;">A function that is called when the tree node is clicked.</td></tr><tr><td style="text-align:left;"><code>onHold?</code></td><td style="text-align:left;"><code>VoidFunction</code></td><td style="text-align:left;">A function that is called when the tree node is held down.</td></tr><tr><td style="text-align:left;"><code>reset?</code></td><td style="text-align:left;"><a href="./reset#genericreset"><code>GenericReset</code></a></td><td style="text-align:left;">A reset object attached to this node, used for propagating resets through the tree.</td></tr><tr><td style="text-align:left;"><code>style?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<a href="./feature#stylevalue"><code>StyleValue</code></a>></td><td style="text-align:left;">CSS to apply to this feature.</td></tr><tr><td style="text-align:left;"><code>visibility?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<code>boolean</code> | <a href="./feature#visibility"><code>Visibility</code></a>></td><td style="text-align:left;">Whether this tree node should be visible.</td></tr></tbody></table><h4 id="defined-in-3" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-3" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L36" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:36</a></p><hr><h3 id="treeoptions" tabindex="-1">TreeOptions <a class="header-anchor" href="#treeoptions" aria-label="Permalink to "TreeOptions""></a></h3><p>• <strong>TreeOptions</strong>: <code>Object</code></p><p>An object that configures a <a href="./tree#tree">Tree</a>.</p><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th><th style="text-align:left;">Description</th></tr></thead><tbody><tr><td style="text-align:left;"><code>branches?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<a href="./tree#treebranch"><code>TreeBranch</code></a>[]></td><td style="text-align:left;">The branches between nodes within this tree.</td></tr><tr><td style="text-align:left;"><code>leftSideNodes?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<a href="./tree#generictreenode"><code>GenericTreeNode</code></a>[]></td><td style="text-align:left;">Nodes to show on the left side of the tree.</td></tr><tr><td style="text-align:left;"><code>nodes</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<a href="./tree#generictreenode"><code>GenericTreeNode</code></a>[][]></td><td style="text-align:left;">The nodes within the tree, in a 2D array.</td></tr><tr><td style="text-align:left;"><code>onReset?</code></td><td style="text-align:left;">(<code>node</code>: <a href="./tree#generictreenode"><code>GenericTreeNode</code></a>) => <code>void</code></td><td style="text-align:left;">A function that is called when a node within the tree is reset.</td></tr><tr><td style="text-align:left;"><code>resetPropagation?</code></td><td style="text-align:left;"><a href="./tree#resetpropagation"><code>ResetPropagation</code></a></td><td style="text-align:left;">How to propagate resets through the tree.</td></tr><tr><td style="text-align:left;"><code>rightSideNodes?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<a href="./tree#generictreenode"><code>GenericTreeNode</code></a>[]></td><td style="text-align:left;">Nodes to show on the right side of the tree.</td></tr><tr><td style="text-align:left;"><code>visibility?</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<code>boolean</code> | <a href="./feature#visibility"><code>Visibility</code></a>></td><td style="text-align:left;">Whether this clickable should be visible.</td></tr></tbody></table><h4 id="defined-in-4" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-4" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L184" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:184</a></p><h2 id="type-aliases" tabindex="-1">Type Aliases <a class="header-anchor" href="#type-aliases" aria-label="Permalink to "Type Aliases""></a></h2><h3 id="generictree" tabindex="-1">GenericTree <a class="header-anchor" href="#generictree" aria-label="Permalink to "GenericTree""></a></h3><p>Ƭ <strong>GenericTree</strong>: <a href="./feature#replace"><code>Replace</code></a><<a href="./tree#tree"><code>Tree</code></a><<a href="./tree#treeoptions"><code>TreeOptions</code></a>>, { <code>visibility</code>: <a href="./../util/computed#processedcomputable"><code>ProcessedComputable</code></a><<a href="./feature#visibility"><code>Visibility</code></a> | <code>boolean</code>> }></p><p>A type that matches any valid <a href="./tree#tree">Tree</a> object.</p><h4 id="defined-in-5" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-5" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L233" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:233</a></p><hr><h3 id="generictreenode" tabindex="-1">GenericTreeNode <a class="header-anchor" href="#generictreenode" aria-label="Permalink to "GenericTreeNode""></a></h3><p>Ƭ <strong>GenericTreeNode</strong>: <a href="./feature#replace"><code>Replace</code></a><<a href="./tree#treenode"><code>TreeNode</code></a><<a href="./tree#treenodeoptions"><code>TreeNodeOptions</code></a>>, { <code>canClick</code>: <a href="./../util/computed#processedcomputable"><code>ProcessedComputable</code></a><<code>boolean</code>> ; <code>visibility</code>: <a href="./../util/computed#processedcomputable"><code>ProcessedComputable</code></a><<a href="./feature#visibility"><code>Visibility</code></a> | <code>boolean</code>> }></p><p>A type that matches any valid <a href="./tree#treenode">TreeNode</a> object.</p><h4 id="defined-in-6" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-6" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L91" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:91</a></p><hr><h3 id="resetpropagation" tabindex="-1">ResetPropagation <a class="header-anchor" href="#resetpropagation" aria-label="Permalink to "ResetPropagation""></a></h3><p>Ƭ <strong>ResetPropagation</strong>: (<code>tree</code>: <a href="./tree#generictree"><code>GenericTree</code></a>, <code>resettingNode</code>: <a href="./tree#generictreenode"><code>GenericTreeNode</code></a>) => <code>void</code></p><h4 id="type-declaration" tabindex="-1">Type declaration <a class="header-anchor" href="#type-declaration" aria-label="Permalink to "Type declaration""></a></h4><p>▸ (<code>tree</code>, <code>resettingNode</code>): <code>void</code></p><p>A function that is used to propagate resets through a tree.</p><h5 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to "Parameters""></a></h5><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>tree</code></td><td style="text-align:left;"><a href="./tree#generictree"><code>GenericTree</code></a></td></tr><tr><td style="text-align:left;"><code>resettingNode</code></td><td style="text-align:left;"><a href="./tree#generictreenode"><code>GenericTreeNode</code></a></td></tr></tbody></table><h5 id="returns" tabindex="-1">Returns <a class="header-anchor" href="#returns" aria-label="Permalink to "Returns""></a></h5><p><code>void</code></p><h4 id="defined-in-7" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-7" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L287" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:287</a></p><hr><h3 id="tree" tabindex="-1">Tree <a class="header-anchor" href="#tree" aria-label="Permalink to "Tree""></a></h3><p>Ƭ <strong>Tree</strong><<code>T</code>>: <a href="./feature#replace"><code>Replace</code></a><<code>T</code> & <a href="./tree#basetree"><code>BaseTree</code></a>, { <code>branches</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"branches"</code>]> ; <code>leftSideNodes</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"leftSideNodes"</code>]> ; <code>nodes</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"nodes"</code>]> ; <code>rightSideNodes</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"rightSideNodes"</code>]> ; <code>visibility</code>: <a href="./../util/computed#getcomputabletypewithdefault"><code>GetComputableTypeWithDefault</code></a><<code>T</code>[<code>"visibility"</code>], <a href="./feature#visible"><code>Visible</code></a>> }></p><p>An object that represents a feature that is a tree of nodes with branches between them. Contains support for reset mechanics that can propagate through the tree.</p><h4 id="type-parameters" tabindex="-1">Type parameters <a class="header-anchor" href="#type-parameters" aria-label="Permalink to "Type parameters""></a></h4><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>T</code></td><td style="text-align:left;">extends <a href="./tree#treeoptions"><code>TreeOptions</code></a></td></tr></tbody></table><h4 id="defined-in-8" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-8" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L221" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:221</a></p><hr><h3 id="treenode" tabindex="-1">TreeNode <a class="header-anchor" href="#treenode" aria-label="Permalink to "TreeNode""></a></h3><p>Ƭ <strong>TreeNode</strong><<code>T</code>>: <a href="./feature#replace"><code>Replace</code></a><<code>T</code> & <a href="./tree#basetreenode"><code>BaseTreeNode</code></a>, { <code>canClick</code>: <a href="./../util/computed#getcomputabletypewithdefault"><code>GetComputableTypeWithDefault</code></a><<code>T</code>[<code>"canClick"</code>], <code>true</code>> ; <code>classes</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"classes"</code>]> ; <code>color</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"color"</code>]> ; <code>display</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"display"</code>]> ; <code>glowColor</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"glowColor"</code>]> ; <code>mark</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"mark"</code>]> ; <code>style</code>: <a href="./../util/computed#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"style"</code>]> ; <code>visibility</code>: <a href="./../util/computed#getcomputabletypewithdefault"><code>GetComputableTypeWithDefault</code></a><<code>T</code>[<code>"visibility"</code>], <a href="./feature#visible"><code>Visible</code></a>> }></p><p>An object that represents a node on a tree.</p><h4 id="type-parameters-1" tabindex="-1">Type parameters <a class="header-anchor" href="#type-parameters-1" aria-label="Permalink to "Type parameters""></a></h4><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>T</code></td><td style="text-align:left;">extends <a href="./tree#treenodeoptions"><code>TreeNodeOptions</code></a></td></tr></tbody></table><h4 id="defined-in-9" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-9" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L76" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:76</a></p><h2 id="variables" tabindex="-1">Variables <a class="header-anchor" href="#variables" aria-label="Permalink to "Variables""></a></h2><h3 id="treenodetype" tabindex="-1">TreeNodeType <a class="header-anchor" href="#treenodetype" aria-label="Permalink to "TreeNodeType""></a></h3><p>• <code>Const</code> <strong>TreeNodeType</strong>: typeof <a href="./tree#treenodetype"><code>TreeNodeType</code></a></p><p>A symbol used to identify <a href="./tree#treenode">TreeNode</a> features.</p><h4 id="defined-in-10" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-10" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L29" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:29</a></p><hr><h3 id="treetype" tabindex="-1">TreeType <a class="header-anchor" href="#treetype" aria-label="Permalink to "TreeType""></a></h3><p>• <code>Const</code> <strong>TreeType</strong>: typeof <a href="./tree#treetype"><code>TreeType</code></a></p><p>A symbol used to identify <a href="./tree#tree">Tree</a> features.</p><h4 id="defined-in-11" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-11" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L31" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:31</a></p><h2 id="functions" tabindex="-1">Functions <a class="header-anchor" href="#functions" aria-label="Permalink to "Functions""></a></h2><h3 id="branchedresetpropagation" tabindex="-1">branchedResetPropagation <a class="header-anchor" href="#branchedresetpropagation" aria-label="Permalink to "branchedResetPropagation""></a></h3><p>▸ <strong>branchedResetPropagation</strong>(<code>tree</code>, <code>resettingNode</code>): <code>void</code></p><p>Propagate resets down the branches of the tree.</p><h5 id="parameters-1" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-1" aria-label="Permalink to "Parameters""></a></h5><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>tree</code></td><td style="text-align:left;"><a href="./tree#generictree"><code>GenericTree</code></a></td></tr><tr><td style="text-align:left;"><code>resettingNode</code></td><td style="text-align:left;"><a href="./tree#generictreenode"><code>GenericTreeNode</code></a></td></tr></tbody></table><h5 id="returns-1" tabindex="-1">Returns <a class="header-anchor" href="#returns-1" aria-label="Permalink to "Returns""></a></h5><p><code>void</code></p><h4 id="defined-in-12" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-12" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L316" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:316</a></p><hr><h3 id="createresourcetooltip" tabindex="-1">createResourceTooltip <a class="header-anchor" href="#createresourcetooltip" aria-label="Permalink to "createResourceTooltip""></a></h3><p>▸ <strong>createResourceTooltip</strong>(<code>resource</code>, <code>requiredResource?</code>, <code>requirement?</code>): <code>Ref</code><<code>string</code>></p><p>Utility for creating a tooltip for a tree node that displays a resource-based unlock requirement, and after unlock shows the amount of another resource. It sounds oddly specific, but comes up a lot.</p><h5 id="parameters-2" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-2" aria-label="Permalink to "Parameters""></a></h5><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th><th style="text-align:left;">Default value</th></tr></thead><tbody><tr><td style="text-align:left;"><code>resource</code></td><td style="text-align:left;"><a href="./resource#resource"><code>Resource</code></a><<a href="./../lib/break_eternity#decimalsource"><code>DecimalSource</code></a>></td><td style="text-align:left;"><code>undefined</code></td></tr><tr><td style="text-align:left;"><code>requiredResource</code></td><td style="text-align:left;"><code>null</code> | <a href="./resource#resource"><code>Resource</code></a><<a href="./../lib/break_eternity#decimalsource"><code>DecimalSource</code></a>></td><td style="text-align:left;"><code>null</code></td></tr><tr><td style="text-align:left;"><code>requirement</code></td><td style="text-align:left;"><a href="./../util/computed#computable"><code>Computable</code></a><<a href="./../lib/break_eternity#decimalsource"><code>DecimalSource</code></a>></td><td style="text-align:left;"><code>0</code></td></tr></tbody></table><h5 id="returns-2" tabindex="-1">Returns <a class="header-anchor" href="#returns-2" aria-label="Permalink to "Returns""></a></h5><p><code>Ref</code><<code>string</code>></p><h4 id="defined-in-13" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-13" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L355" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:355</a></p><hr><h3 id="createtree" tabindex="-1">createTree <a class="header-anchor" href="#createtree" aria-label="Permalink to "createTree""></a></h3><p>▸ <strong>createTree</strong><<code>T</code>>(<code>optionsFunc</code>): <a href="./tree#tree"><code>Tree</code></a><<code>T</code>></p><p>Lazily creates a tree with the given options.</p><h5 id="type-parameters-2" tabindex="-1">Type parameters <a class="header-anchor" href="#type-parameters-2" aria-label="Permalink to "Type parameters""></a></h5><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>T</code></td><td style="text-align:left;">extends <a href="./tree#treeoptions"><code>TreeOptions</code></a></td></tr></tbody></table><h5 id="parameters-3" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-3" aria-label="Permalink to "Parameters""></a></h5><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th><th style="text-align:left;">Description</th></tr></thead><tbody><tr><td style="text-align:left;"><code>optionsFunc</code></td><td style="text-align:left;"><a href="./feature#optionsfunc"><code>OptionsFunc</code></a><<code>T</code>, <a href="./tree#basetree"><code>BaseTree</code></a>, <a href="./tree#generictree"><code>GenericTree</code></a>></td><td style="text-align:left;">Tree options.</td></tr></tbody></table><h5 id="returns-3" tabindex="-1">Returns <a class="header-anchor" href="#returns-3" aria-label="Permalink to "Returns""></a></h5><p><a href="./tree#tree"><code>Tree</code></a><<code>T</code>></p><h4 id="defined-in-14" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-14" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L244" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:244</a></p><hr><h3 id="createtreenode" tabindex="-1">createTreeNode <a class="header-anchor" href="#createtreenode" aria-label="Permalink to "createTreeNode""></a></h3><p>▸ <strong>createTreeNode</strong><<code>T</code>>(<code>optionsFunc?</code>): <a href="./tree#treenode"><code>TreeNode</code></a><<code>T</code>></p><p>Lazily creates a tree node with the given options.</p><h5 id="type-parameters-3" tabindex="-1">Type parameters <a class="header-anchor" href="#type-parameters-3" aria-label="Permalink to "Type parameters""></a></h5><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>T</code></td><td style="text-align:left;">extends <a href="./tree#treenodeoptions"><code>TreeNodeOptions</code></a></td></tr></tbody></table><h5 id="parameters-4" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-4" aria-label="Permalink to "Parameters""></a></h5><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th><th style="text-align:left;">Description</th></tr></thead><tbody><tr><td style="text-align:left;"><code>optionsFunc?</code></td><td style="text-align:left;"><a href="./feature#optionsfunc"><code>OptionsFunc</code></a><<code>T</code>, <a href="./tree#basetreenode"><code>BaseTreeNode</code></a>, <a href="./tree#generictreenode"><code>GenericTreeNode</code></a>></td><td style="text-align:left;">Tree Node options.</td></tr></tbody></table><h5 id="returns-4" tabindex="-1">Returns <a class="header-anchor" href="#returns-4" aria-label="Permalink to "Returns""></a></h5><p><a href="./tree#treenode"><code>TreeNode</code></a><<code>T</code>></p><h4 id="defined-in-15" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-15" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L103" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:103</a></p><hr><h3 id="defaultresetpropagation" tabindex="-1">defaultResetPropagation <a class="header-anchor" href="#defaultresetpropagation" aria-label="Permalink to "defaultResetPropagation""></a></h3><p>▸ <strong>defaultResetPropagation</strong>(<code>tree</code>, <code>resettingNode</code>): <code>void</code></p><p>Propagate resets down the tree by resetting every node in a lower row.</p><h5 id="parameters-5" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-5" aria-label="Permalink to "Parameters""></a></h5><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>tree</code></td><td style="text-align:left;"><a href="./tree#generictree"><code>GenericTree</code></a></td></tr><tr><td style="text-align:left;"><code>resettingNode</code></td><td style="text-align:left;"><a href="./tree#generictreenode"><code>GenericTreeNode</code></a></td></tr></tbody></table><h5 id="returns-5" tabindex="-1">Returns <a class="header-anchor" href="#returns-5" aria-label="Permalink to "Returns""></a></h5><p><code>void</code></p><h4 id="defined-in-16" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-16" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L292" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:292</a></p><hr><h3 id="invertedresetpropagation" tabindex="-1">invertedResetPropagation <a class="header-anchor" href="#invertedresetpropagation" aria-label="Permalink to "invertedResetPropagation""></a></h3><p>▸ <strong>invertedResetPropagation</strong>(<code>tree</code>, <code>resettingNode</code>): <code>void</code></p><p>Propagate resets down the tree by resetting every node in a lower row.</p><h5 id="parameters-6" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-6" aria-label="Permalink to "Parameters""></a></h5><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>tree</code></td><td style="text-align:left;"><a href="./tree#generictree"><code>GenericTree</code></a></td></tr><tr><td style="text-align:left;"><code>resettingNode</code></td><td style="text-align:left;"><a href="./tree#generictreenode"><code>GenericTreeNode</code></a></td></tr></tbody></table><h5 id="returns-6" tabindex="-1">Returns <a class="header-anchor" href="#returns-6" aria-label="Permalink to "Returns""></a></h5><p><code>void</code></p><h4 id="defined-in-17" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-17" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/b666e0c/src/features/trees/tree.ts#L304" target="_blank" rel="noreferrer">profectus/src/features/trees/tree.ts:304</a></p><h2 id="components" tabindex="-1">Components <a class="header-anchor" href="#components" aria-label="Permalink to "Components""></a></h2><h3 id="tree-component" tabindex="-1">Tree Component <a class="header-anchor" href="#tree-component" aria-label="Permalink to "Tree Component""></a></h3><h4 id="props" tabindex="-1">Props <a class="header-anchor" href="#props" aria-label="Permalink to "Props""></a></h4><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>nodes</code>*</td><td style="text-align:left;"><code>processedPropType<GenericTreeNode[][]>(Array)</code></td></tr><tr><td style="text-align:left;"><code>leftSideNodes</code></td><td style="text-align:left;"><code>processedPropType<GenericTreeNode[]>(Array)</code></td></tr><tr><td style="text-align:left;"><code>rightSideNodes</code></td><td style="text-align:left;"><code>processedPropType<GenericTreeNode[]>(Array)</code></td></tr><tr><td style="text-align:left;"><code>branches</code></td><td style="text-align:left;"><code>processedPropType<TreeBranch[]>(Array)</code></td></tr></tbody></table><h3 id="treenode-component" tabindex="-1">TreeNode Component <a class="header-anchor" href="#treenode-component" aria-label="Permalink to "TreeNode Component""></a></h3><h4 id="props-1" tabindex="-1">Props <a class="header-anchor" href="#props-1" aria-label="Permalink to "Props""></a></h4><table><thead><tr><th style="text-align:left;">Name</th><th style="text-align:left;">Type</th></tr></thead><tbody><tr><td style="text-align:left;"><code>display</code></td><td style="text-align:left;"><code>processedPropType<CoercableComponent>(Object, String, Function)</code></td></tr><tr><td style="text-align:left;"><code>visibility</code>*</td><td style="text-align:left;"><code>processedPropType<Visibility | boolean>(Number, Boolean)</code></td></tr><tr><td style="text-align:left;"><code>style</code></td><td style="text-align:left;"><code>processedPropType<StyleValue>(String, Object, Array)</code></td></tr><tr><td style="text-align:left;"><code>classes</code></td><td style="text-align:left;"><code>processedPropType<Record<string, boolean>>(Object)</code></td></tr><tr><td style="text-align:left;"><code>onClick</code></td><td style="text-align:left;"><code>(e?: MouseEvent | TouchEvent) => void</code></td></tr><tr><td style="text-align:left;"><code>onHold</code></td><td style="text-align:left;"><code>VoidFunction</code></td></tr><tr><td style="text-align:left;"><code>color</code></td><td style="text-align:left;"><code>processedPropType<string>(String)</code></td></tr><tr><td style="text-align:left;"><code>glowColor</code></td><td style="text-align:left;"><code>processedPropType<string>(String)</code></td></tr><tr><td style="text-align:left;"><code>canClick</code>*</td><td style="text-align:left;"><code>processedPropType<boolean>(Boolean)</code></td></tr><tr><td style="text-align:left;"><code>mark</code></td><td style="text-align:left;"><code>processedPropType<boolean | string>(Boolean, String)</code></td></tr><tr><td style="text-align:left;"><code>id</code>*</td><td style="text-align:left;"><code>string</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-c4b0d3cf data-v-face870a><!--[--><!--]--><!----><div class="prev-next" data-v-face870a><div class="pager" data-v-face870a><a class="pager-link prev" href="/api/modules/features/tooltip.html" data-v-face870a><span class="desc" data-v-face870a>Previous page</span><span class="title" data-v-face870a>Tooltip</span></a></div><div class="has-prev pager" data-v-face870a><a class="pager-link next" href="/api/modules/features/upgrade.html" data-v-face870a><span class="desc" data-v-face870a>Next page</span><span class="title" data-v-face870a>Upgrade</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"api_components_math_sqrtcomponent.md\":\"a610fb30\",\"api_modules_data_common.md\":\"1d58f522\",\"api_modules_data_projentry.md\":\"65f0a74c\",\"api_modules_data_themes.md\":\"f07be1bf\",\"api_modules_features_bar.md\":\"6715e91d\",\"api_modules_features_challenge.md\":\"61992126\",\"api_modules_features_clickable.md\":\"6631e1cc\",\"api_modules_features_conversion.md\":\"3fe5ca87\",\"api_modules_features_feature.md\":\"cea7f1eb\",\"api_modules_features_hotkey.md\":\"331f5b10\",\"api_modules_features_infobox.md\":\"99885ce3\",\"api_modules_features_upgrade.md\":\"dcbc95f6\",\"api_modules_game_events.md\":\"abe1fe7b\",\"api_modules_game_formulas_formulas.md\":\"b0d33fb7\",\"api_modules_game_formulas_operations.md\":\"8c5d1a31\",\"api_modules_game_formulas_types.md\":\"1363e68e\",\"api_modules_game_gameloop.md\":\"22660d28\",\"api_modules_game_layers.md\":\"53153f4a\",\"api_modules_game_modifiers.md\":\"ccb4301e\",\"api_modules_game_notifications.md\":\"97454fd7\",\"api_modules_game_persistence.md\":\"b8b93105\",\"api_modules_game_player.md\":\"ca5c5962\",\"api_modules_game_requirements.md\":\"c3fc6a41\",\"api_modules_game_settings.md\":\"76c1a71b\",\"api_modules_game_state.md\":\"f2996de8\",\"api_modules_lib_break_eternity.md\":\"10391c7b\",\"api_modules_lib_collapsetransition.md\":\"37a925e1\",\"api_modules_lib_lru-cache.md\":\"e899c8cb\",\"api_modules_lib_pixi.md\":\"2b426252\",\"api_modules_lib_pwa-register.md\":\"dcf3fc0d\",\"api_modules_lib_vue-panzoom.md\":\"bfc32ff5\",\"api_modules_lib_vue-textarea-autosize.md\":\"a92591ec\",\"api_modules_util_bignum.md\":\"b875362c\",\"api_modules_util_common.md\":\"19b562fd\",\"api_modules_util_computed.md\":\"88db1dec\",\"api_modules_util_proxies.md\":\"4a793e44\",\"api_modules_util_vue.md\":\"284b139c\",\"api_overview.md\":\"88cceb38\",\"guide_advanced-concepts_creating-features.md\":\"38b6bd67\",\"guide_advanced-concepts_nodes.md\":\"9d30cc61\",\"guide_creating-your-project_changelog.md\":\"dffb888f\",\"guide_creating-your-project_project-entry.md\":\"43ad1546\",\"guide_creating-your-project_project-info.md\":\"f37e2cd6\",\"guide_creating-your-project_themes.md\":\"34032b77\",\"guide_creating-your-project_utils.md\":\"b1c1100d\",\"guide_getting-started_examples.md\":\"fabeebde\",\"guide_getting-started_updating.md\":\"e5684d22\",\"guide_important-concepts_coercable.md\":\"47895281\",\"guide_important-concepts_features.md\":\"7989cf2e\",\"guide_important-concepts_formulas.md\":\"a89adf31\",\"guide_important-concepts_layers.md\":\"ae6a4757\",\"guide_important-concepts_persistence.md\":\"47b0f881\",\"guide_important-concepts_reactivity.md\":\"5256a904\",\"guide_important-concepts_requirements.md\":\"2918a748\",\"guide_migrations_0-6.md\":\"c43e9f8f\",\"api_modules_features_tree.md\":\"ea396790\",\"api_modules_util_break_eternity.md\":\"ce26b3f3\",\"guide_advanced-concepts_dynamic-layers.md\":\"c442b064\",\"guide_index.md\":\"059130c3\",\"api_modules_features_reset.md\":\"d42e8c0d\",\"guide_getting-started_setup.md\":\"8e54a9a4\",\"api_modules_features_tabs_tabfamily.md\":\"a39b0255\",\"api_modules_features_resource.md\":\"21d7a628\",\"guide_recipes_save-progress.md\":\"efe31e80\",\"api_modules_features_board.md\":\"daf85c69\",\"api_modules_features_links.md\":\"c8fd9429\",\"api_components_math_floorcomponent.md\":\"765da36c\",\"api_modules_features_achievement.md\":\"e19ffa90\",\"index.md\":\"6e982c8b\",\"api_modules_features_grid.md\":\"268e4fcb\",\"api_modules_features_tabs_tab.md\":\"8c9c4f59\",\"api_components_layout_rowcomponent.md\":\"2f1b6079\",\"api_components_contextcomponent.md\":\"088cd8fb\",\"api_components_hotkeycomponent.md\":\"94af8a77\",\"api_components_infocomponent.md\":\"5e7ed906\",\"api_components_layercomponent.md\":\"fb5a91af\",\"api_components_marknodecomponent.md\":\"95ce4d1c\",\"api_components_modalcomponent.md\":\"40989410\",\"api_components_layout_spacercomponent.md\":\"8e0b53af\",\"api_components_nodecomponent.md\":\"6c607feb\",\"api_components_layout_stickycomponent.md\":\"3605e970\",\"api_components_savecomponent.md\":\"bc14d931\",\"api_components_layout_verticalrulecomponent.md\":\"87270803\",\"api_components_fields_dangerbuttoncomponent.md\":\"43aea00b\",\"api_components_fields_feedbackbuttoncomponent.md\":\"3022117b\",\"api_components_fields_selectcomponent.md\":\"ace2bb01\",\"api_components_fields_slidercomponent.md\":\"de4f5cd1\",\"api_components_fields_togglecomponent.md\":\"0126692d\",\"api_modules_features_action.md\":\"57ac6d70\",\"api_components_layout_collapsiblecomponent.md\":\"b792d45f\",\"api_components_layout_columncomponent.md\":\"0a31ce33\",\"api_components_fields_textcomponent.md\":\"039dbcea\",\"api_modules_features_repeatable.md\":\"9088973d\",\"api_modules_features_particles.md\":\"763b2b91\",\"api_modules_util_save.md\":\"3fb3841f\",\"api_modules_features_tooltip.md\":\"3545844d\",\"guide_recipes_particles.md\":\"b8189550\"}")
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Profectus\",\"description\":\"A game engine that grows with you.\",\"base\":\"/\",\"head\":[],\"appearance\":false,\"themeConfig\":{\"logo\":\"/favicon.svg\",\"editLink\":{\"pattern\":\"https://github.com/profectus-engine/profectus-docs/edit/main/docs/:path\",\"editLinkText\":\"Edit this page on GitHub\"},\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/\",\"activeMatch\":\"^/guide/\"},{\"text\":\"API\",\"link\":\"/api/overview\",\"activeMatch\":\"^/api/\"},{\"text\":\"Forums\",\"link\":\"https://forums.moddingtree.com\"}],\"socialLinks\":[{\"icon\":\"discord\",\"link\":\"https://discord.gg/F3xveHV\"},{\"icon\":\"github\",\"link\":\"https://github.com/profectus-engine/Profectus\"}],\"sidebar\":{\"/guide/\":[{\"text\":\"Getting Started\",\"collapsed\":false,\"items\":[{\"text\":\"Introduction\",\"link\":\"/guide/\"},{\"text\":\"Setting Up\",\"link\":\"/guide/getting-started/setup\"},{\"text\":\"Updating Profectus\",\"link\":\"/guide/getting-started/updating\"},{\"text\":\"Example Projects\",\"link\":\"/guide/getting-started/examples\"},{\"text\":\"Profectus Changelog\",\"link\":\"https://github.com/profectus-engine/Profectus/blob/main/CHANGELOG.md\"}]},{\"text\":\"Creating Your Project\",\"collapsed\":false,\"items\":[{\"text\":\"Project Info\",\"link\":\"/guide/creating-your-project/project-info\"},{\"text\":\"Project Entry\",\"link\":\"/guide/creating-your-project/project-entry\"},{\"text\":\"Changelog\",\"link\":\"/guide/creating-your-project/changelog\"},{\"text\":\"Themes\",\"link\":\"/guide/creating-your-project/themes\"},{\"text\":\"Utilities\",\"link\":\"/guide/creating-your-project/utils\"}]},{\"text\":\"Important Concepts\",\"collapsed\":false,\"items\":[{\"text\":\"Layers\",\"link\":\"/guide/important-concepts/layers\"},{\"text\":\"Features\",\"link\":\"/guide/important-concepts/features\"},{\"text\":\"Coercable Components\",\"link\":\"/guide/important-concepts/coercable\"},{\"text\":\"Reactivity\",\"link\":\"/guide/important-concepts/reactivity\"},{\"text\":\"Persistence\",\"link\":\"/guide/important-concepts/persistence\"},{\"text\":\"Requirements\",\"link\":\"/guide/important-concepts/requirements\"},{\"text\":\"Formulas\",\"link\":\"/guide/important-concepts/formulas\"}]},{\"text\":\"Recipes\",\"collapsed\":false,\"items\":[{\"text\":\"Display Save Progress\",\"link\":\"/guide/recipes/save-progress\"},{\"text\":\"Display Particle Effect\",\"link\":\"/guide/recipes/particles\"}]},{\"text\":\"Advanced Concepts\",\"collapsed\":false,\"items\":[{\"text\":\"Creating Features\",\"link\":\"/guide/advanced-concepts/creating-features\"},{\"text\":\"Dynamic Layers\",\"link\":\"/guide/advanced-concepts/dynamic-layers\"},{\"text\":\"Nodes\",\"link\":\"/guide/advanced-concepts/nodes\"}]},{\"text\":\"Migrations\",\"collapsed\":true,\"items\":[{\"text\":\"0.5.X to 0.6.0\",\"link\":\"/guide/migrations/0-6\"}]}],\"/api/\":[{\"text\":\"Components\",\"collapsed\":true,\"items\":[{\"text\":\"Fields\",\"items\":[{\"text\":\" Danger Button Component\",\"link\":\"/api/components/fields/DangerButtonComponent.html\"},{\"text\":\" Feedback Button Component\",\"link\":\"/api/components/fields/FeedbackButtonComponent.html\"},{\"text\":\" Select Component\",\"link\":\"/api/components/fields/SelectComponent.html\"},{\"text\":\" Slider Component\",\"link\":\"/api/components/fields/SliderComponent.html\"},{\"text\":\" Text Component\",\"link\":\"/api/components/fields/TextComponent.html\"},{\"text\":\" Toggle Component\",\"link\":\"/api/components/fields/ToggleComponent.html\"}],\"collapsed\":true},{\"text\":\"Layout\",\"items\":[{\"text\":\" Collapsible Component\",\"link\":\"/api/components/layout/CollapsibleComponent.html\"},{\"text\":\" Column Component\",\"link\":\"/api/components/layout/ColumnComponent.html\"},{\"text\":\" Row Component\",\"link\":\"/api/components/layout/RowComponent.html\"},{\"text\":\" Spacer Component\",\"link\":\"/api/components/layout/SpacerComponent.html\"},{\"text\":\" Sticky Component\",\"link\":\"/api/components/layout/StickyComponent.html\"},{\"text\":\" Vertical Rule Component\",\"link\":\"/api/components/layout/VerticalRuleComponent.html\"}],\"collapsed\":true},{\"text\":\"Math\",\"items\":[{\"text\":\" Floor Component\",\"link\":\"/api/components/math/FloorComponent.html\"},{\"text\":\" Sqrt Component\",\"link\":\"/api/components/math/SqrtComponent.html\"}],\"collapsed\":true},{\"text\":\" Context Component\",\"link\":\"/api/components/ContextComponent.html\"},{\"text\":\" Hotkey Component\",\"link\":\"/api/components/HotkeyComponent.html\"},{\"text\":\" Info Component\",\"link\":\"/api/components/InfoComponent.html\"},{\"text\":\" Layer Component\",\"link\":\"/api/components/LayerComponent.html\"},{\"text\":\" Mark Node Component\",\"link\":\"/api/components/MarkNodeComponent.html\"},{\"text\":\" Modal Component\",\"link\":\"/api/components/ModalComponent.html\"},{\"text\":\" Node Component\",\"link\":\"/api/components/NodeComponent.html\"},{\"text\":\" Save Component\",\"link\":\"/api/components/SaveComponent.html\"}]},{\"text\":\"Data\",\"items\":[{\"text\":\"Common\",\"link\":\"/api/modules/data/common.html\"},{\"text\":\"Proj Entry\",\"link\":\"/api/modules/data/projEntry.html\"},{\"text\":\"Themes\",\"link\":\"/api/modules/data/themes.html\"}],\"collapsed\":false},{\"text\":\"Features\",\"items\":[{\"text\":\"Tabs\",\"items\":[{\"text\":\"Tab\",\"link\":\"/api/modules/features/tabs/tab.html\"},{\"text\":\"Tab Family\",\"link\":\"/api/modules/features/tabs/tabFamily.html\"}],\"collapsed\":true},{\"text\":\"Achievement\",\"link\":\"/api/modules/features/achievement.html\"},{\"text\":\"Action\",\"link\":\"/api/modules/features/action.html\"},{\"text\":\"Bar\",\"link\":\"/api/modules/features/bar.html\"},{\"text\":\"Board\",\"link\":\"/api/modules/features/board.html\"},{\"text\":\"Challenge\",\"link\":\"/api/modules/features/challenge.html\"},{\"text\":\"Clickable\",\"link\":\"/api/modules/features/clickable.html\"},{\"text\":\"Conversion\",\"link\":\"/api/modules/features/conversion.html\"},{\"text\":\"Feature\",\"link\":\"/api/modules/features/feature.html\"},{\"text\":\"Grid\",\"link\":\"/api/modules/features/grid.html\"},{\"text\":\"Hotkey\",\"link\":\"/api/modules/features/hotkey.html\"},{\"text\":\"Infobox\",\"link\":\"/api/modules/features/infobox.html\"},{\"text\":\"Links\",\"link\":\"/api/modules/features/links.html\"},{\"text\":\"Particles\",\"link\":\"/api/modules/features/particles.html\"},{\"text\":\"Repeatable\",\"link\":\"/api/modules/features/repeatable.html\"},{\"text\":\"Reset\",\"link\":\"/api/modules/features/reset.html\"},{\"text\":\"Resource\",\"link\":\"/api/modules/features/resource.html\"},{\"text\":\"Tooltip\",\"link\":\"/api/modules/features/tooltip.html\"},{\"text\":\"Tree\",\"link\":\"/api/modules/features/tree.html\"},{\"text\":\"Upgrade\",\"link\":\"/api/modules/features/upgrade.html\"}],\"collapsed\":false},{\"text\":\"Game\",\"items\":[{\"text\":\"Formulas\",\"items\":[{\"text\":\"Formulas\",\"link\":\"/api/modules/game/formulas/formulas.html\"},{\"text\":\"Operations\",\"link\":\"/api/modules/game/formulas/operations.html\"},{\"text\":\"Types\",\"link\":\"/api/modules/game/formulas/types.html\"}],\"collapsed\":true},{\"text\":\"Events\",\"link\":\"/api/modules/game/events.html\"},{\"text\":\"Game Loop\",\"link\":\"/api/modules/game/gameLoop.html\"},{\"text\":\"Layers\",\"link\":\"/api/modules/game/layers.html\"},{\"text\":\"Modifiers\",\"link\":\"/api/modules/game/modifiers.html\"},{\"text\":\"Notifications\",\"link\":\"/api/modules/game/notifications.html\"},{\"text\":\"Persistence\",\"link\":\"/api/modules/game/persistence.html\"},{\"text\":\"Player\",\"link\":\"/api/modules/game/player.html\"},{\"text\":\"Requirements\",\"link\":\"/api/modules/game/requirements.html\"},{\"text\":\"Settings\",\"link\":\"/api/modules/game/settings.html\"},{\"text\":\"State\",\"link\":\"/api/modules/game/state.html\"}],\"collapsed\":false},{\"text\":\"Lib\",\"items\":[{\"text\":\"Break Eternity\",\"link\":\"/api/modules/lib/break_eternity.html\"},{\"text\":\"Collapse Transition\",\"link\":\"/api/modules/lib/collapseTransition.html\"},{\"text\":\"Lru-cache\",\"link\":\"/api/modules/lib/lru-cache.html\"},{\"text\":\"Pixi\",\"link\":\"/api/modules/lib/pixi.html\"},{\"text\":\"Pwa-register\",\"link\":\"/api/modules/lib/pwa-register.html\"},{\"text\":\"Vue-panzoom\",\"link\":\"/api/modules/lib/vue-panzoom.html\"},{\"text\":\"Vue-textarea-autosize\",\"link\":\"/api/modules/lib/vue-textarea-autosize.html\"}],\"collapsed\":true},{\"text\":\"Util\",\"items\":[{\"text\":\"Bignum\",\"link\":\"/api/modules/util/bignum.html\"},{\"text\":\"Break Eternity\",\"link\":\"/api/modules/util/break_eternity.html\"},{\"text\":\"Common\",\"link\":\"/api/modules/util/common.html\"},{\"text\":\"Computed\",\"link\":\"/api/modules/util/computed.html\"},{\"text\":\"Proxies\",\"link\":\"/api/modules/util/proxies.html\"},{\"text\":\"Save\",\"link\":\"/api/modules/util/save.html\"},{\"text\":\"Vue\",\"link\":\"/api/modules/util/vue.html\"}],\"collapsed\":false}]}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":true}")</script>
</body>
</html>