25 lines
38 KiB
HTML
25 lines
38 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en-US" dir="ltr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>VisualElement | Basalt</title>
|
||
<meta name="description" content="A UI Framework made for CC:Tweaked">
|
||
<meta name="generator" content="VitePress v1.6.3">
|
||
<link rel="preload stylesheet" href="/assets/style.Dut7Pyz3.css" as="style">
|
||
<link rel="preload stylesheet" href="/vp-icons.css" as="style">
|
||
|
||
<script type="module" src="/assets/app.DCZWIzvI.js"></script>
|
||
<link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
|
||
<link rel="modulepreload" href="/assets/chunks/theme.CxSU_GCj.js">
|
||
<link rel="modulepreload" href="/assets/chunks/framework.BcrMLAmg.js">
|
||
<link rel="modulepreload" href="/assets/references_elements_VisualElement.md.Db7-ADNI.lean.js">
|
||
<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
|
||
</head>
|
||
<body>
|
||
<div id="app"><div class="Layout" data-v-b5b7c530><!--[--><!--]--><!--[--><span tabindex="-1" data-v-b536c28a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-b536c28a>Skip to content</a><!--]--><!----><header class="VPNav" data-v-b5b7c530 data-v-0ce7e391><div class="VPNavBar" data-v-0ce7e391 data-v-38b43c88><div class="wrapper" data-v-38b43c88><div class="container" data-v-38b43c88><div class="title" data-v-38b43c88><div class="VPNavBarTitle has-sidebar" data-v-38b43c88 data-v-51d97674><a class="title" href="/" data-v-51d97674><!--[--><!--]--><!----><span data-v-51d97674>Basalt</span><!--[--><!--]--></a></div></div><div class="content" data-v-38b43c88><div class="content-body" data-v-38b43c88><!--[--><!--]--><div class="VPNavBarSearch search" data-v-38b43c88><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-38b43c88 data-v-3bae7f51><span id="main-nav-aria-label" class="visually-hidden" data-v-3bae7f51> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/home.html" tabindex="0" data-v-3bae7f51 data-v-882ca747><!--[--><span data-v-882ca747>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/references/main.html" tabindex="0" data-v-3bae7f51 data-v-882ca747><!--[--><span data-v-882ca747>References</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guides/getting-started.html" tabindex="0" data-v-3bae7f51 data-v-882ca747><!--[--><span data-v-882ca747>Guides</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-38b43c88 data-v-f1f155db><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-f1f155db data-v-315f452a data-v-2d23a436><span class="check" data-v-2d23a436><span class="icon" data-v-2d23a436><!--[--><span class="vpi-sun sun" data-v-315f452a></span><span class="vpi-moon moon" data-v-315f452a></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-38b43c88 data-v-de4bac3c data-v-14893731><!--[--><a class="VPSocialLink no-icon" href="https://github.com/Pyroxenium/Basalt2" aria-label="github" target="_blank" rel="noopener" data-v-14893731 data-v-553c008f><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-38b43c88 data-v-166848a9 data-v-51ca15d6><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-51ca15d6><span class="vpi-more-horizontal icon" data-v-51ca15d6></span></button><div class="menu" data-v-51ca15d6><div class="VPMenu" data-v-51ca15d6 data-v-439b3679><!----><!--[--><!--[--><!----><div class="group" data-v-166848a9><div class="item appearance" data-v-166848a9><p class="label" data-v-166848a9>Appearance</p><div class="appearance-action" data-v-166848a9><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-166848a9 data-v-315f452a data-v-2d23a436><span class="check" data-v-2d23a436><span class="icon" data-v-2d23a436><!--[--><span class="vpi-sun sun" data-v-315f452a></span><span class="vpi-moon moon" data-v-315f452a></span><!--]--></span></span></button></div></div></div><div class="group" data-v-166848a9><div class="item social-links" data-v-166848a9><div class="VPSocialLinks social-links-list" data-v-166848a9 data-v-14893731><!--[--><a class="VPSocialLink no-icon" href="https://github.com/Pyroxenium/Basalt2" aria-label="github" target="_blank" rel="noopener" data-v-14893731 data-v-553c008f><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-38b43c88 data-v-9baed5a1><span class="container" data-v-9baed5a1><span class="top" data-v-9baed5a1></span><span class="middle" data-v-9baed5a1></span><span class="bottom" data-v-9baed5a1></span></span></button></div></div></div></div><div class="divider" data-v-38b43c88><div class="divider-line" data-v-38b43c88></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-b5b7c530 data-v-1857b1b5><div class="container" data-v-1857b1b5><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-1857b1b5><span class="vpi-align-left menu-icon" data-v-1857b1b5></span><span class="menu-text" data-v-1857b1b5>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-1857b1b5 data-v-2db5f472><button data-v-2db5f472>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-b5b7c530 data-v-3970ffc3><div class="curtain" data-v-3970ffc3></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-3970ffc3><span class="visually-hidden" id="sidebar-aria-label" data-v-3970ffc3> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-d8f3949d><section class="VPSidebarItem level-0 collapsible collapsed is-link" data-v-d8f3949d data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/main.html" data-v-4b3db82e><!--[--><h2 class="text" data-v-4b3db82e>Basalt</h2><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elementManager.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>ElementManager</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/errorManager.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>ErrorManager</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/log.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Log</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/propertySystem.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>PropertySystem</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/render.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Render</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d8f3949d><section class="VPSidebarItem level-0 collapsible is-link" data-v-d8f3949d data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/BaseElement.html" data-v-4b3db82e><!--[--><h2 class="text" data-v-4b3db82e>Element</h2><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><section class="VPSidebarItem level-1 collapsible is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/VisualElement.html" data-v-4b3db82e><!--[--><h3 class="text" data-v-4b3db82e>VisualElement</h3><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/BigFont.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>BigFont</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Button.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/CheckBox.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>CheckBox</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-2 collapsible collapsed is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Container.html" data-v-4b3db82e><!--[--><h4 class="text" data-v-4b3db82e>Container</h4><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/BaseFrame.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>BaseFrame</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Frame.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Frame</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/TabControl.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Display.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Display</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-2 collapsible collapsed is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Graph.html" data-v-4b3db82e><!--[--><h4 class="text" data-v-4b3db82e>Graph</h4><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/BarChart.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>BarChart</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/LineChart.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>LineChart</p><!--]--></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Image.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Input.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Input</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Label.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Label</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-2 collapsible collapsed is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/List.html" data-v-4b3db82e><!--[--><h4 class="text" data-v-4b3db82e>List</h4><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/DropDown.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>DropDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Menu.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Menu</p><!--]--></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/ProgressBar.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>ProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Program.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Program</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/ScrollBar.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>ScrollBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Slider.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Switch.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Switch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Table.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Table</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/TextBox.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/elements/Tree.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Tree</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-d8f3949d><section class="VPSidebarItem level-0 collapsible is-link" data-v-d8f3949d data-v-4b3db82e><div class="item" tabindex="0" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins.html" data-v-4b3db82e><!--[--><h2 class="text" data-v-4b3db82e>plugins</h2><!--]--></a><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-4b3db82e><span class="vpi-chevron-right caret-icon" data-v-4b3db82e></span></div></div><div class="items" data-v-4b3db82e><!--[--><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/animation.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Animations</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/benchmark.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Benchmark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/debug.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Debug</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/reactive.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Reactive</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/state.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>State</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/textWrapping.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Text Wrapping</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/theme.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-4b3db82e data-v-4b3db82e><div class="item" data-v-4b3db82e><div class="indicator" data-v-4b3db82e></div><a class="VPLink link link" href="/references/plugins/xml.html" data-v-4b3db82e><!--[--><p class="text" data-v-4b3db82e>Xml</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-b5b7c530 data-v-3fc3255f><div class="VPDoc has-sidebar has-aside" data-v-3fc3255f data-v-198c11d4><!--[--><!--]--><div class="container" data-v-198c11d4><div class="aside" data-v-198c11d4><div class="aside-curtain" data-v-198c11d4></div><div class="aside-container" data-v-198c11d4><div class="aside-content" data-v-198c11d4><div class="VPDocAside" data-v-198c11d4 data-v-61e471f5><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-61e471f5 data-v-64e4012d><div class="content" data-v-64e4012d><div class="outline-marker" data-v-64e4012d></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-64e4012d>On this page</div><ul class="VPDocOutlineItem root" data-v-64e4012d data-v-e882245c><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-61e471f5></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-198c11d4><div class="content-container" data-v-198c11d4><!--[--><!--]--><main class="main" data-v-198c11d4><div style="position:relative;" class="vp-doc _references_elements_VisualElement" data-v-198c11d4><div><h1 id="visualelement" tabindex="-1">VisualElement <a class="header-anchor" href="#visualelement" aria-label="Permalink to "VisualElement""></a></h1><p><em>This is the visual element class. It serves as the base class for all visual UI elements</em><em>and provides core functionality for positioning, sizing, colors, and rendering.</em></p><p>Extends: <code>BaseElement</code></p><h2 id="properties" tabindex="-1">Properties <a class="header-anchor" href="#properties" aria-label="Permalink to "Properties""></a></h2><table tabindex="0"><thead><tr><th>Property</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr><td>x</td><td>number</td><td>1</td><td>The horizontal position relative to parent</td></tr><tr><td>y</td><td>number</td><td>1</td><td>The vertical position relative to parent</td></tr><tr><td>z</td><td>number</td><td>1</td><td>The z-index for layering elements</td></tr><tr><td>width</td><td>number</td><td>1</td><td>The width of the element</td></tr><tr><td>height</td><td>number</td><td>1</td><td>The height of the element</td></tr><tr><td>background</td><td>color</td><td>black</td><td>The background color</td></tr><tr><td>foreground</td><td>color</td><td>white</td><td>The text/foreground color</td></tr><tr><td>clicked</td><td>boolean</td><td>false</td><td>Whether the element is currently clicked</td></tr><tr><td>hover</td><td>boolean</td><td>false</td><td>Whether the mouse is currently hover over the element (Craftos-PC only)</td></tr><tr><td>backgroundEnabled</td><td>boolean</td><td>true</td><td>Whether to render the background</td></tr><tr><td>focused</td><td>boolean</td><td>false</td><td>Whether the element has input focus</td></tr><tr><td>visible</td><td>boolean</td><td>true</td><td>Whether the element is visible</td></tr><tr><td>ignoreOffset</td><td>boolean</td><td>false</td><td>Whether to ignore the parent's offset</td></tr></tbody></table><h2 id="events" tabindex="-1">Events <a class="header-anchor" href="#events" aria-label="Permalink to "Events""></a></h2><table tabindex="0"><thead><tr><th>Event</th><th>Parameters</th><th>Description</th></tr></thead><tbody><tr><td>onClick</td><td><code>button string, x number, y number</code></td><td>Fired on mouse click</td></tr></tbody></table><h2 id="functions" tabindex="-1">Functions <a class="header-anchor" href="#functions" aria-label="Permalink to "Functions""></a></h2><table tabindex="0"><thead><tr><th>Method</th><th>Returns</th><th>Description</th></tr></thead><tbody><tr><td><a href="#visualelement-isinbounds-x-y">VisualElement:isInBounds</a></td><td>boolean</td><td>Checks if point is within bounds</td></tr><tr><td><a href="#visualelement-calculateposition">VisualElement:calculatePosition</a></td><td>number, number</td><td>Calculates the position of the element</td></tr><tr><td><a href="#visualelement-getabsoluteposition-x-y">VisualElement:getAbsolutePosition</a></td><td>number, number</td><td>Returns the absolute position of the element</td></tr><tr><td><a href="#visualelement-getrelativeposition-x-y">VisualElement:getRelativePosition</a></td><td>number, number</td><td>Returns the relative position of the element</td></tr><tr><td><a href="#visualelement-prioritize">VisualElement:prioritize</a></td><td>VisualElement</td><td>Prioritizes the element by moving it to the top of its parent's children</td></tr></tbody></table><h2 id="visualelement-isinbounds-x-y" tabindex="-1">VisualElement:isInBounds(x, y) <a class="header-anchor" href="#visualelement-isinbounds-x-y" aria-label="Permalink to "VisualElement:isInBounds(x, y)""></a></h2><p>Checks if the specified coordinates are within the bounds of the element</p><h3 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to "Parameters""></a></h3><ul><li><code>x</code> <code>number</code> The x position to check</li><li><code>y</code> <code>number</code> The y position to check</li></ul><h3 id="returns" tabindex="-1">Returns <a class="header-anchor" href="#returns" aria-label="Permalink to "Returns""></a></h3><ul><li><code>boolean</code> <code>isInBounds</code> Whether the coordinates are within the bounds of the element</li></ul><h2 id="visualelement-calculateposition" tabindex="-1">VisualElement:calculatePosition() <a class="header-anchor" href="#visualelement-calculateposition" aria-label="Permalink to "VisualElement:calculatePosition()""></a></h2><p>Calculates the position of the element relative to its parent</p><h3 id="returns-1" tabindex="-1">Returns <a class="header-anchor" href="#returns-1" aria-label="Permalink to "Returns""></a></h3><ul><li><code>number</code> <code>x</code> The x position</li><li><code>number</code> <code>y</code> The y position</li></ul><h2 id="visualelement-getabsoluteposition-x-y" tabindex="-1">VisualElement:getAbsolutePosition(x?, y?) <a class="header-anchor" href="#visualelement-getabsoluteposition-x-y" aria-label="Permalink to "VisualElement:getAbsolutePosition(x?, y?)""></a></h2><p>Returns the absolute position of the element or the given coordinates.</p><h3 id="parameters-1" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-1" aria-label="Permalink to "Parameters""></a></h3><ul><li><code>x</code> <em>(optional)</em> <code>number</code> x position</li><li><code>y</code> <em>(optional)</em> <code>number</code> y position</li></ul><h3 id="returns-2" tabindex="-1">Returns <a class="header-anchor" href="#returns-2" aria-label="Permalink to "Returns""></a></h3><ul><li><code>number</code> <code>x</code> The absolute x position</li><li><code>number</code> <code>y</code> The absolute y position</li></ul><h2 id="visualelement-getrelativeposition-x-y" tabindex="-1">VisualElement:getRelativePosition(x?, y?) <a class="header-anchor" href="#visualelement-getrelativeposition-x-y" aria-label="Permalink to "VisualElement:getRelativePosition(x?, y?)""></a></h2><p>Returns the relative position of the element or the given coordinates.</p><h3 id="parameters-2" tabindex="-1">Parameters <a class="header-anchor" href="#parameters-2" aria-label="Permalink to "Parameters""></a></h3><ul><li><code>x</code> <em>(optional)</em> <code>number</code> x position</li><li><code>y</code> <em>(optional)</em> <code>number</code> y position</li></ul><h3 id="returns-3" tabindex="-1">Returns <a class="header-anchor" href="#returns-3" aria-label="Permalink to "Returns""></a></h3><ul><li><code>number</code> <code>x</code> The relative x position</li><li><code>number</code> <code>y</code> The relative y position</li></ul><h2 id="visualelement-prioritize" tabindex="-1">VisualElement:prioritize() <a class="header-anchor" href="#visualelement-prioritize" aria-label="Permalink to "VisualElement:prioritize()""></a></h2><p>This function is used to prioritize the element by moving it to the top of its parent's children. It removes the element from its parent and adds it back, effectively changing its order.</p><h3 id="returns-4" tabindex="-1">Returns <a class="header-anchor" href="#returns-4" aria-label="Permalink to "Returns""></a></h3><ul><li><code>VisualElement</code> <code>self</code> The VisualElement instance</li></ul></div></div></main><footer class="VPDocFooter" data-v-198c11d4 data-v-78905fa9><!--[--><!--]--><div class="edit-info" data-v-78905fa9><div class="edit-link" data-v-78905fa9><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/Pyroxenium/Basalt2/tree/gh-pages/docs/references/elements/VisualElement.md" target="_blank" rel="noreferrer" data-v-78905fa9><!--[--><span class="vpi-square-pen edit-link-icon" data-v-78905fa9></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-78905fa9><p class="VPLastUpdated" data-v-78905fa9 data-v-1eab325e>Last updated: <time datetime="2025-09-14T10:11:36.000Z" data-v-1eab325e></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-b5b7c530 data-v-8cfc7cf0><div class="container" data-v-8cfc7cf0><p class="message" data-v-8cfc7cf0>Released under the MIT License.</p><p class="copyright" data-v-8cfc7cf0>Copyright © 2025 Robert Jelic</p></div></footer><!--[--><!--]--></div></div>
|
||
<script>window.__VP_HASH_MAP__=JSON.parse("{\"guides_animations.md\":\"CWGc-sFu\",\"guides_annotations.md\":\"B9rGAklD\",\"guides_benchmarks.md\":\"DWPH8xOg\",\"guides_canvas.md\":\"DjxHKY8y\",\"guides_download.md\":\"BHnOqBnJ\",\"guides_faq.md\":\"BbnMxGO7\",\"guides_getting-started.md\":\"OFYtfl43\",\"guides_properties.md\":\"Ch51Ay8n\",\"guides_reactive.md\":\"DFOvn3Jj\",\"guides_states.md\":\"BPpxw-fO\",\"guides_textwrapping.md\":\"CAHnm2Kx\",\"guides_xml.md\":\"B1D982bR\",\"home.md\":\"DdCmc0TU\",\"index.md\":\"nO0QWAqX\",\"readme.md\":\"DpIKKjI7\",\"references_elementmanager.md\":\"Czz04YVx\",\"references_elements_barchart.md\":\"DcXufBqP\",\"references_elements_baseelement.md\":\"IKIYvunC\",\"references_elements_baseframe.md\":\"BS0njfUD\",\"references_elements_bigfont.md\":\"CZkXELsh\",\"references_elements_button.md\":\"D4wvAEI6\",\"references_elements_checkbox.md\":\"BHiutniT\",\"references_elements_combobox.md\":\"DB1XZzak\",\"references_elements_container.md\":\"Bu9GmB7K\",\"references_elements_display.md\":\"BBVeviUS\",\"references_elements_dropdown.md\":\"CLiKBMat\",\"references_elements_flexbox.md\":\"CXxdycVd\",\"references_elements_frame.md\":\"BHwJRA0j\",\"references_elements_graph.md\":\"BSdy3rdb\",\"references_elements_image.md\":\"DX4dD3KH\",\"references_elements_input.md\":\"CtLO4CZx\",\"references_elements_label.md\":\"BNTEOAwR\",\"references_elements_linechart.md\":\"dqyqJ6aw\",\"references_elements_list.md\":\"D_iohd15\",\"references_elements_menu.md\":\"Bu8HagrJ\",\"references_elements_program.md\":\"CjDymnGi\",\"references_elements_progressbar.md\":\"AuFavRDY\",\"references_elements_scrollbar.md\":\"CnvFtd8A\",\"references_elements_slider.md\":\"DEzHZMvV\",\"references_elements_switch.md\":\"BxnrWwTy\",\"references_elements_tabcontrol.md\":\"DASGOoF_\",\"references_elements_table.md\":\"DxPxVHw5\",\"references_elements_textbox.md\":\"BO98sZYp\",\"references_elements_timer.md\":\"BkLMAH1t\",\"references_elements_tree.md\":\"CqNNHuQK\",\"references_elements_visualelement.md\":\"Db7-ADNI\",\"references_errormanager.md\":\"BR8--Q-6\",\"references_init.md\":\"BiEDtpNj\",\"references_libraries_colorhex.md\":\"C-Jpf93D\",\"references_libraries_expect.md\":\"BcD8hTQ-\",\"references_libraries_utils.md\":\"DP_gYXO9\",\"references_log.md\":\"CTN7NLnt\",\"references_main.md\":\"_6xfbQ0_\",\"references_plugins_animation.md\":\"C_6MYDTS\",\"references_plugins_benchmark.md\":\"CXI96GZx\",\"references_plugins_canvas.md\":\"sHH8fIy3\",\"references_plugins_debug.md\":\"C_GRxWNd\",\"references_plugins_reactive.md\":\"BO7pJdWJ\",\"references_plugins_state.md\":\"CJO2PXLv\",\"references_plugins_theme.md\":\"CBY3Ji3c\",\"references_plugins_xml.md\":\"CV_69ZSm\",\"references_propertysystem.md\":\"CqfhTYTO\",\"references_render.md\":\"CbkFjoxm\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Basalt\",\"description\":\"A UI Framework made for CC:Tweaked\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"editLink\":{\"pattern\":\"https://github.com/Pyroxenium/Basalt2/tree/gh-pages/docs/:path\"},\"search\":{\"provider\":\"local\"},\"outline\":2,\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2025 Robert Jelic\"},\"nav\":[{\"text\":\"Home\",\"link\":\"/home\"},{\"text\":\"References\",\"link\":\"/references/main\"},{\"text\":\"Guides\",\"link\":\"/guides/getting-started\"}],\"docFooter\":{\"prev\":false,\"next\":false},\"sidebar\":{\"/guides/\":[{\"text\":\"Getting started\",\"link\":\"/guides/getting-started\"},{\"text\":\"Download\",\"link\":\"/guides/download\"},{\"text\":\"Annotations\",\"link\":\"/guides/annotations\"},{\"text\":\"Animations\",\"link\":\"/guides/animations\"},{\"text\":\"Benchmark\",\"link\":\"/guides/benchmarks\"},{\"text\":\"Canvas\",\"link\":\"guides/canvas\"},{\"text\":\"Properties\",\"link\":\"/guides/properties\"},{\"text\":\"States\",\"link\":\"/guides/states\"},{\"text\":\"XML\",\"link\":\"/guides/xml\"},{\"text\":\"FAQ\",\"link\":\"/guides/faq\"}],\"/references/\":[{\"text\":\"Basalt\",\"link\":\"references/main\",\"collapsed\":true,\"items\":[{\"text\":\"ElementManager\",\"link\":\"references/elementManager\"},{\"text\":\"ErrorManager\",\"link\":\"references/errorManager\"},{\"text\":\"Log\",\"link\":\"references/log\"},{\"text\":\"PropertySystem\",\"link\":\"references/propertySystem\"},{\"text\":\"Render\",\"link\":\"references/render\"}]},{\"text\":\"Element\",\"link\":\"references/elements/BaseElement\",\"collapsed\":false,\"items\":[{\"text\":\"VisualElement\",\"link\":\"references/elements/VisualElement\",\"collapsed\":false,\"items\":[{\"text\":\"BigFont\",\"link\":\"references/elements/BigFont\"},{\"text\":\"Button\",\"link\":\"references/elements/Button\"},{\"text\":\"CheckBox\",\"link\":\"references/elements/CheckBox\"},{\"text\":\"Container\",\"link\":\"references/elements/Container\",\"collapsed\":true,\"items\":[{\"text\":\"BaseFrame\",\"link\":\"references/elements/BaseFrame\"},{\"text\":\"Frame\",\"link\":\"references/elements/Frame\"},{\"text\":\"TabControl\",\"link\":\"references/elements/TabControl\"}]},{\"text\":\"Display\",\"link\":\"references/elements/Display\"},{\"text\":\"Graph\",\"link\":\"references/elements/Graph\",\"collapsed\":true,\"items\":[{\"text\":\"BarChart\",\"link\":\"references/elements/BarChart\"},{\"text\":\"LineChart\",\"link\":\"references/elements/LineChart\"}]},{\"text\":\"Image\",\"link\":\"references/elements/Image\"},{\"text\":\"Input\",\"link\":\"references/elements/Input\"},{\"text\":\"Label\",\"link\":\"references/elements/Label\"},{\"text\":\"List\",\"link\":\"references/elements/List\",\"collapsed\":true,\"items\":[{\"text\":\"DropDown\",\"link\":\"references/elements/DropDown\"},{\"text\":\"Menu\",\"link\":\"references/elements/Menu\"}]},{\"text\":\"ProgressBar\",\"link\":\"references/elements/ProgressBar\"},{\"text\":\"Program\",\"link\":\"references/elements/Program\"},{\"text\":\"ScrollBar\",\"link\":\"references/elements/ScrollBar\"},{\"text\":\"Slider\",\"link\":\"references/elements/Slider\"},{\"text\":\"Switch\",\"link\":\"references/elements/Switch\"},{\"text\":\"Table\",\"link\":\"references/elements/Table\"},{\"text\":\"TextBox\",\"link\":\"references/elements/TextBox\"},{\"text\":\"Tree\",\"link\":\"references/elements/Tree\"}]}]},{\"text\":\"plugins\",\"link\":\"references/plugins\",\"collapsed\":false,\"items\":[{\"text\":\"Animations\",\"link\":\"references/plugins/animation\"},{\"text\":\"Benchmark\",\"link\":\"references/plugins/benchmark\"},{\"text\":\"Debug\",\"link\":\"references/plugins/debug\"},{\"text\":\"Reactive\",\"link\":\"references/plugins/reactive\"},{\"text\":\"State\",\"link\":\"references/plugins/state\"},{\"text\":\"Text Wrapping\",\"link\":\"references/plugins/textWrapping\"},{\"text\":\"Theme\",\"link\":\"references/plugins/theme\"},{\"text\":\"Xml\",\"link\":\"references/plugins/xml\"}]}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/Pyroxenium/Basalt2\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
|
||
|
||
</body>
|
||
</html> |