29 lines
No EOL
40 KiB
HTML
29 lines
No EOL
40 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Module: features/bars/bar | Profectus</title>
|
|
<meta name="description" content="A game engine that grows with you.">
|
|
<link rel="stylesheet" href="/assets/style.148fff69.css">
|
|
<link rel="modulepreload" href="/assets/app.8e8712eb.js">
|
|
<link rel="modulepreload" href="/assets/api_modules_features_bars_bar.md.358e9fa7.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">
|
|
<meta name="twitter:title" content="Module: features/bars/bar | Profectus">
|
|
<meta property="og:title" content="Module: features/bars/bar | Profectus">
|
|
</head>
|
|
<body>
|
|
<div id="app"><!--[--><div class="theme"><header class="nav-bar" data-v-675d8756><div class="sidebar-button" data-v-675d8756><svg class="icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z" class></path></svg></div><a class="nav-bar-title" href="/" aria-label="Profectus, back to home" data-v-675d8756 data-v-cc01ef16><!----> Profectus</a><div class="flex-grow" data-v-675d8756></div><div class="nav" data-v-675d8756><nav class="nav-links" data-v-675d8756 data-v-eab3edfe><!--[--><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item" href="/guide/" data-v-b8818f8c>Guide <!----></a></div></div><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item active" href="/api/" data-v-b8818f8c>API <!----></a></div></div><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item isExternal" href="https://forums.moddingtree.com" target="_blank" rel="noopener noreferrer" data-v-b8818f8c>Forums <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-b8818f8c><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item isExternal" href="https://discord.gg/F3xveHV" target="_blank" rel="noopener noreferrer" data-v-b8818f8c>Discord <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-b8818f8c><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item isExternal" href="https://github.com/profectus-engine/Profectus" target="_blank" rel="noopener noreferrer" data-v-b8818f8c>Github <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-b8818f8c><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><!--]--><!----><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item isExternal" href="https://github.com/profectus-engine/profectus-docs" target="_blank" rel="noopener noreferrer" data-v-b8818f8c>GitHub <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-b8818f8c><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div></nav></div><!--[--><!--]--></header><aside class="sidebar" data-v-83e92a68><nav class="nav-links nav" data-v-83e92a68 data-v-eab3edfe><!--[--><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item" href="/guide/" data-v-b8818f8c>Guide <!----></a></div></div><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item active" href="/api/" data-v-b8818f8c>API <!----></a></div></div><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item isExternal" href="https://forums.moddingtree.com" target="_blank" rel="noopener noreferrer" data-v-b8818f8c>Forums <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-b8818f8c><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item isExternal" href="https://discord.gg/F3xveHV" target="_blank" rel="noopener noreferrer" data-v-b8818f8c>Discord <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-b8818f8c><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item isExternal" href="https://github.com/profectus-engine/Profectus" target="_blank" rel="noopener noreferrer" data-v-b8818f8c>Github <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-b8818f8c><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><!--]--><!----><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item isExternal" href="https://github.com/profectus-engine/profectus-docs" target="_blank" rel="noopener noreferrer" data-v-b8818f8c>GitHub <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-b8818f8c><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div></nav><!--[--><!--]--><ul class="sidebar-links" data-v-83e92a68><!--[--><li class="sidebar-link"><p class="sidebar-link-item">Components</p><ul class="sidebar-links"><li class="sidebar-link"><p class="sidebar-link-item">Fields</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/fields/DangerButtonComponent.html"> Danger Button Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/fields/FeedbackButtonComponent.html"> Feedback Button Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/fields/SelectComponent.html"> Select Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/fields/SliderComponent.html"> Slider Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/fields/TextComponent.html"> Text Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/fields/ToggleComponent.html"> Toggle Component</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Layout</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/layout/ColumnComponent.html"> Column Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/layout/RowComponent.html"> Row Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/layout/SpacerComponent.html"> Spacer Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/layout/StickyComponent.html"> Sticky Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/layout/VerticalRuleComponent.html"> Vertical Rule Component</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Links</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/links/LinkComponent.html"> Link Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/links/LinkNodeComponent.html"> Link Node Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/links/LinksComponent.html"> Links Component</a><!----></li></ul></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/InfoComponent.html"> Info Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/LayerComponent.html"> Layer Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/MarkNodeComponent.html"> Mark Node Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/ModalComponent.html"> Modal Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/SaveComponent.html"> Save Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/components/TooltipComponent.html"> Tooltip Component</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Data</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/data/common.html">Common</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/data/projEntry.html">Proj Entry</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/data/themes.html">Themes</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Features</p><ul class="sidebar-links"><li class="sidebar-link"><p class="sidebar-link-item">Achievements</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/achievements/AchievementComponent.html"> Achievement Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/achievements/achievement.html">Achievement</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Bars</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/bars/BarComponent.html"> Bar Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item active" href="/api/modules/features/bars/bar.html">Bar</a><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="#enumerations">Enumerations</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="#interfaces">Interfaces</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="#type-aliases">Type aliases</a><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="#bar">Bar</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="#genericbar">GenericBar</a><!----></li></ul></li><li class="sidebar-link"><a class="sidebar-link-item" href="#variables">Variables</a><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="#bartype">BarType</a><!----></li></ul></li><li class="sidebar-link"><a class="sidebar-link-item" href="#functions">Functions</a><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="#createbar">createBar</a><!----></li></ul></li></ul></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Boards</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/boards/BoardLinkComponent.html"> Board Link Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/boards/BoardNodeComponent.html"> Board Node Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/boards/board.html">Board</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Challenges</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/challenges/ChallengeComponent.html"> Challenge Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/challenges/challenge.html">Challenge</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Clickables</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/clickables/ClickableComponent.html"> Clickable Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/clickables/clickable.html">Clickable</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Grids</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/grids/GridCellComponent.html"> Grid Cell Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/grids/GridComponent.html"> Grid Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/grids/grid.html">Grid</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Infoboxes</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/infoboxes/InfoboxComponent.html"> Infobox Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/infoboxes/infobox.html">Infobox</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Milestones</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/milestones/MilestoneComponent.html"> Milestone Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/milestones/milestone.html">Milestone</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Resources</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/resources/MainDisplayComponent.html"> Main Display Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/resources/ResourceComponent.html"> Resource Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/resources/resource.html">Resource</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Tabs</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/tabs/TabButtonComponent.html"> Tab Button Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/tabs/TabComponent.html"> Tab Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/tabs/TabFamilyComponent.html"> Tab Family Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/tabs/tab.html">Tab</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/tabs/tabFamily.html">Tab Family</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Trees</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/trees/TreeComponent.html"> Tree Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/trees/TreeNodeComponent.html"> Tree Node Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/trees/tree.html">Tree</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Upgrades</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/features/upgrades/UpgradeComponent.html"> Upgrade Component</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/upgrades/upgrade.html">Upgrade</a><!----></li></ul></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/buyable.html">Buyable</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/conversion.html">Conversion</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/feature.html">Feature</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/hotkey.html">Hotkey</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/links.html">Links</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/reset.html">Reset</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/features/tooltip.html">Tooltip</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Game</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/game/events.html">Events</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/game/layers.html">Layers</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/game/notifications.html">Notifications</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/game/persistence.html">Persistence</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/game/player.html">Player</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/game/settings.html">Settings</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/game/state.html">State</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Lib</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/lib/break_eternity.html">Break Eternity</a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item">Util</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/util/bignum.html">Bignum</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/util/break_eternity.html">Break Eternity</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/util/common.html">Common</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/util/computed.html">Computed</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/util/proxies.html">Proxies</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/util/save.html">Save</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/api/modules/util/vue.html">Vue</a><!----></li></ul></li><!--]--></ul><!--[--><!--]--></aside><div class="sidebar-mask"></div><main class="page" data-v-7eddb2c4><div class="container" data-v-7eddb2c4><!--[--><!--]--><div style="position:relative;" class="content" data-v-7eddb2c4><div><h1 id="module-features-bars-bar" tabindex="-1">Module: features/bars/bar <a class="header-anchor" href="#module-features-bars-bar" aria-hidden="true">#</a></h1><h2 id="enumerations" tabindex="-1">Enumerations <a class="header-anchor" href="#enumerations" aria-hidden="true">#</a></h2><ul><li><a href="../../../enums/features/bars/bar.Direction">Direction</a></li></ul><h2 id="interfaces" tabindex="-1">Interfaces <a class="header-anchor" href="#interfaces" aria-hidden="true">#</a></h2><ul><li><a href="../../../interfaces/features/bars/bar.BarOptions">BarOptions</a></li><li><a href="../../../interfaces/features/bars/bar.BaseBar">BaseBar</a></li></ul><h2 id="type-aliases" tabindex="-1">Type aliases <a class="header-anchor" href="#type-aliases" aria-hidden="true">#</a></h2><h3 id="bar" tabindex="-1">Bar <a class="header-anchor" href="#bar" aria-hidden="true">#</a></h3><p>Ƭ <strong>Bar</strong><<code>T</code>>: <a href="./../feature.html#replace"><code>Replace</code></a><<code>T</code> & <a href="../../../interfaces/features/bars/bar.BaseBar"><code>BaseBar</code></a>, { <code>baseStyle</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"baseStyle"</code>]> ; <code>borderStyle</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"borderStyle"</code>]> ; <code>classes</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"classes"</code>]> ; <code>direction</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"direction"</code>]> ; <code>display</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"display"</code>]> ; <code>fillStyle</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"fillStyle"</code>]> ; <code>height</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"height"</code>]> ; <code>mark</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"mark"</code>]> ; <code>progress</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"progress"</code>]> ; <code>style</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"style"</code>]> ; <code>textStyle</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"textStyle"</code>]> ; <code>visibility</code>: <a href="./../../util/computed.html#getcomputabletypewithdefault"><code>GetComputableTypeWithDefault</code></a><<code>T</code>[<code>"visibility"</code>], <a href="./../../../enums/features/feature.Visibility.html#visible"><code>Visible</code></a>> ; <code>width</code>: <a href="./../../util/computed.html#getcomputabletype"><code>GetComputableType</code></a><<code>T</code>[<code>"width"</code>]> }></p><h4 id="type-parameters" tabindex="-1">Type parameters <a class="header-anchor" href="#type-parameters" aria-hidden="true">#</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="../../../interfaces/features/bars/bar.BarOptions"><code>BarOptions</code></a></td></tr></tbody></table><h4 id="defined-in" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in" aria-hidden="true">#</a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/305946e/src/features/bars/bar.ts#L55" target="_blank" rel="noopener noreferrer">profectus/src/features/bars/bar.ts:55</a></p><hr><h3 id="genericbar" tabindex="-1">GenericBar <a class="header-anchor" href="#genericbar" aria-hidden="true">#</a></h3><p>Ƭ <strong>GenericBar</strong>: <a href="./../feature.html#replace"><code>Replace</code></a><<a href="./bar.html#bar"><code>Bar</code></a><<a href="../../../interfaces/features/bars/bar.BarOptions"><code>BarOptions</code></a>>, { <code>visibility</code>: <a href="./../../util/computed.html#processedcomputable"><code>ProcessedComputable</code></a><<a href="../../../enums/features/feature.Visibility"><code>Visibility</code></a>> }></p><h4 id="defined-in-1" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-1" aria-hidden="true">#</a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/305946e/src/features/bars/bar.ts#L74" target="_blank" rel="noopener noreferrer">profectus/src/features/bars/bar.ts:74</a></p><h2 id="variables" tabindex="-1">Variables <a class="header-anchor" href="#variables" aria-hidden="true">#</a></h2><h3 id="bartype" tabindex="-1">BarType <a class="header-anchor" href="#bartype" aria-hidden="true">#</a></h3><p>• <code>Const</code> <strong>BarType</strong>: typeof <a href="./bar.html#bartype"><code>BarType</code></a></p><h4 id="defined-in-2" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-2" aria-hidden="true">#</a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/305946e/src/features/bars/bar.ts#L22" target="_blank" rel="noopener noreferrer">profectus/src/features/bars/bar.ts:22</a></p><h2 id="functions" tabindex="-1">Functions <a class="header-anchor" href="#functions" aria-hidden="true">#</a></h2><h3 id="createbar" tabindex="-1">createBar <a class="header-anchor" href="#createbar" aria-hidden="true">#</a></h3><p>▸ <strong>createBar</strong><<code>T</code>>(<code>optionsFunc</code>): <a href="./bar.html#bar"><code>Bar</code></a><<code>T</code>></p><h4 id="type-parameters-1" tabindex="-1">Type parameters <a class="header-anchor" href="#type-parameters-1" aria-hidden="true">#</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="../../../interfaces/features/bars/bar.BarOptions"><code>BarOptions</code></a></td></tr></tbody></table><h4 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-hidden="true">#</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>optionsFunc</code></td><td style="text-align:left;">() => <code>T</code> & <code>ThisType</code><<a href="./bar.html#bar"><code>Bar</code></a><<code>T</code>>></td></tr></tbody></table><h4 id="returns" tabindex="-1">Returns <a class="header-anchor" href="#returns" aria-hidden="true">#</a></h4><p><a href="./bar.html#bar"><code>Bar</code></a><<code>T</code>></p><h4 id="defined-in-3" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-3" aria-hidden="true">#</a></h4><p><a href="https://github.com/profectus-engine/Profectus/blob/305946e/src/features/bars/bar.ts#L81" target="_blank" rel="noopener noreferrer">profectus/src/features/bars/bar.ts:81</a></p></div></div><footer class="page-footer" data-v-7eddb2c4 data-v-07c132fc><div class="edit" data-v-07c132fc><div class="edit-link" data-v-07c132fc data-v-1ed99556><a class="link" href="https://github.com/profectus-engine/profectus-docs/edit/main/docs/api/modules/features/bars/bar.md" target="_blank" rel="noopener noreferrer" data-v-1ed99556>Edit this page on GitHub <svg class="icon outbound icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-1ed99556><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><div class="updated" data-v-07c132fc><!----></div></footer><div class="next-and-prev-link" data-v-7eddb2c4 data-v-38ede35f><div class="container" data-v-38ede35f><div class="prev" data-v-38ede35f><a class="link" href="/api/features/bars/BarComponent" data-v-38ede35f><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon icon-prev" data-v-38ede35f><path d="M19,11H7.4l5.3-5.3c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-7,7c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.2-0.1,0.5,0,0.8c0.1,0.1,0.1,0.2,0.2,0.3l7,7c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L7.4,13H19c0.6,0,1-0.4,1-1S19.6,11,19,11z"></path></svg><span class="text" data-v-38ede35f> Bar Component</span></a></div><div class="next" data-v-38ede35f><a class="link" href="/api/features/boards/BoardLinkComponent" data-v-38ede35f><span class="text" data-v-38ede35f> Board Link Component</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon icon-next" data-v-38ede35f><path d="M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"></path></svg></a></div></div></div><!--[--><!--]--></div></main></div><!----><!--]--></div>
|
|
<script>__VP_HASH_MAP__ = JSON.parse("{\"api_classes_lib_break_eternity.decimal.md\":\"57352bfc\",\"api_components_infocomponent.md\":\"6a3bde86\",\"api_components_layercomponent.md\":\"d325425d\",\"api_components_marknodecomponent.md\":\"8e334076\",\"api_components_modalcomponent.md\":\"36e5d930\",\"api_components_savecomponent.md\":\"65710f19\",\"api_components_tooltipcomponent.md\":\"65c311b8\",\"api_components_fields_dangerbuttoncomponent.md\":\"f69f648a\",\"api_components_fields_feedbackbuttoncomponent.md\":\"84117816\",\"api_components_fields_selectcomponent.md\":\"97fd5b43\",\"api_components_fields_slidercomponent.md\":\"c7562e3c\",\"api_components_fields_textcomponent.md\":\"c3cf1a5e\",\"api_components_fields_togglecomponent.md\":\"b61c9507\",\"api_components_layout_columncomponent.md\":\"4066194e\",\"api_components_layout_rowcomponent.md\":\"513ac4aa\",\"api_components_layout_spacercomponent.md\":\"4e20a1ff\",\"api_components_layout_stickycomponent.md\":\"19160d52\",\"api_components_layout_verticalrulecomponent.md\":\"ae1b5d5c\",\"api_components_links_linkcomponent.md\":\"e126ca4b\",\"api_components_links_linknodecomponent.md\":\"88ef8cdc\",\"api_components_links_linkscomponent.md\":\"fe647090\",\"api_enums_data_themes.themes.md\":\"88b8aad3\",\"api_enums_features_bars_bar.direction.md\":\"77e0ddab\",\"api_enums_features_boards_board.progressdisplay.md\":\"fdff55a7\",\"api_enums_features_boards_board.shape.md\":\"8e6d4af9\",\"api_enums_features_feature.visibility.md\":\"0d431899\",\"api_enums_features_milestones_milestone.milestonedisplay.md\":\"f248e7e5\",\"api_features_achievements_achievementcomponent.md\":\"d1785318\",\"api_features_bars_barcomponent.md\":\"b18f9974\",\"api_features_boards_boardlinkcomponent.md\":\"09fba438\",\"api_features_boards_boardnodecomponent.md\":\"667b4510\",\"api_features_challenges_challengecomponent.md\":\"c8fa53f3\",\"api_features_clickables_clickablecomponent.md\":\"f382e38f\",\"api_features_grids_gridcellcomponent.md\":\"5f9d6c7a\",\"api_features_grids_gridcomponent.md\":\"fcb75b0a\",\"api_features_infoboxes_infoboxcomponent.md\":\"95b92476\",\"api_features_milestones_milestonecomponent.md\":\"a4524d8e\",\"api_features_resources_maindisplaycomponent.md\":\"5539f49b\",\"api_features_resources_resourcecomponent.md\":\"9937cc3a\",\"api_features_tabs_tabbuttoncomponent.md\":\"d3c2f261\",\"api_features_tabs_tabcomponent.md\":\"5d53afc3\",\"api_features_tabs_tabfamilycomponent.md\":\"eefa2e2b\",\"api_features_trees_treecomponent.md\":\"efba46dd\",\"api_features_trees_treenodecomponent.md\":\"9825bc74\",\"api_features_upgrades_upgradecomponent.md\":\"27922d51\",\"api_index.md\":\"346a80f1\",\"api_interfaces_data_common.layertreenodeoptions.md\":\"aa93b9e2\",\"api_interfaces_data_common.resetbuttonoptions.md\":\"dce9527e\",\"api_interfaces_data_themes.theme.md\":\"950c7abd\",\"api_interfaces_data_themes.themevars.md\":\"cb66bc04\",\"api_interfaces_features_achievements_achievement.achievementoptions.md\":\"b7f10abd\",\"api_interfaces_features_achievements_achievement.baseachievement.md\":\"58715d0c\",\"api_interfaces_features_bars_bar.baroptions.md\":\"854f391c\",\"api_interfaces_features_bars_bar.basebar.md\":\"2fd2ebf6\",\"api_interfaces_features_boards_board.baseboard.md\":\"29f7587c\",\"api_interfaces_features_boards_board.baseboardnodeaction.md\":\"78f8e5db\",\"api_interfaces_features_boards_board.basenodetype.md\":\"9e4c426e\",\"api_interfaces_features_boards_board.boardnode.md\":\"9fc66cb4\",\"api_interfaces_features_boards_board.boardnodeactionoptions.md\":\"1795cc9f\",\"api_interfaces_features_boards_board.boardnodelink.md\":\"e6afd3f0\",\"api_interfaces_features_boards_board.boardoptions.md\":\"8c66e5f9\",\"api_interfaces_features_boards_board.nodelabel.md\":\"4e83adbd\",\"api_interfaces_features_boards_board.nodetypeoptions.md\":\"35aec021\",\"api_interfaces_features_buyable.basebuyable.md\":\"b142fa33\",\"api_interfaces_features_buyable.buyableoptions.md\":\"e46b20b3\",\"api_interfaces_features_challenges_challenge.basechallenge.md\":\"c0c4129a\",\"api_interfaces_features_challenges_challenge.challengeoptions.md\":\"cb601d14\",\"api_interfaces_features_clickables_clickable.baseclickable.md\":\"d9a7d96b\",\"api_interfaces_features_clickables_clickable.clickableoptions.md\":\"41f95648\",\"api_interfaces_features_conversion.baseconversion.md\":\"c77132ff\",\"api_interfaces_features_conversion.conversionoptions.md\":\"75b7276b\",\"api_interfaces_features_grids_grid.basegrid.md\":\"6929d4be\",\"api_interfaces_features_grids_grid.gridcell.md\":\"bac9985f\",\"api_interfaces_features_grids_grid.gridoptions.md\":\"078b563a\",\"api_interfaces_features_hotkey.basehotkey.md\":\"43f7e8ab\",\"api_interfaces_features_hotkey.hotkeyoptions.md\":\"9096b8bd\",\"api_interfaces_features_infoboxes_infobox.baseinfobox.md\":\"3028a010\",\"api_interfaces_features_infoboxes_infobox.infoboxoptions.md\":\"8f7cb4d6\",\"api_interfaces_features_links.link.md\":\"1a4e8fbd\",\"api_interfaces_features_links.linknode.md\":\"5c025533\",\"api_interfaces_features_milestones_milestone.basemilestone.md\":\"581c6336\",\"api_interfaces_features_milestones_milestone.milestoneoptions.md\":\"9b235569\",\"api_interfaces_features_reset.basereset.md\":\"a49718e9\",\"api_interfaces_features_reset.resetoptions.md\":\"9736ba96\",\"api_interfaces_features_resources_resource.resource.md\":\"46ea82a1\",\"api_interfaces_features_tabs_tab.basetab.md\":\"47d169f4\",\"api_interfaces_features_tabs_tab.taboptions.md\":\"44320ae7\",\"api_interfaces_features_tabs_tabfamily.basetabbutton.md\":\"4b3ea652\",\"api_interfaces_features_tabs_tabfamily.basetabfamily.md\":\"ee8c9e67\",\"api_interfaces_features_tabs_tabfamily.tabbuttonoptions.md\":\"6027fd0d\",\"api_interfaces_features_tabs_tabfamily.tabfamilyoptions.md\":\"c94561eb\",\"api_interfaces_features_tooltip.tooltip.md\":\"d3854a1f\",\"api_interfaces_features_trees_tree.basetree.md\":\"5334648c\",\"api_interfaces_features_trees_tree.basetreenode.md\":\"84faf89e\",\"api_interfaces_features_trees_tree.treebranch.md\":\"c61b3339\",\"api_interfaces_features_trees_tree.treenodeoptions.md\":\"efd695fc\",\"api_interfaces_features_trees_tree.treeoptions.md\":\"1491b76b\",\"api_interfaces_features_upgrades_upgrade.baseupgrade.md\":\"cd4b5d19\",\"api_interfaces_features_upgrades_upgrade.upgradeoptions.md\":\"a9f004ca\",\"api_interfaces_game_events.globalevents.md\":\"42810b90\",\"api_interfaces_game_layers.baselayer.md\":\"a132813d\",\"api_interfaces_game_layers.layerevents.md\":\"866019d7\",\"api_interfaces_game_layers.layeroptions.md\":\"421e852e\",\"api_interfaces_game_layers.position.md\":\"ea828e48\",\"api_interfaces_game_player.playerdata.md\":\"3992c89e\",\"api_interfaces_game_settings.settings.md\":\"ef871265\",\"api_interfaces_game_state.transient.md\":\"52b5e529\",\"api_modules_data_common.md\":\"c04ae125\",\"api_modules_data_projentry.md\":\"33fdf27b\",\"api_modules_data_themes.md\":\"95e0d732\",\"api_modules_features_achievements_achievement.md\":\"afe605dd\",\"api_modules_features_bars_bar.md\":\"358e9fa7\",\"api_modules_features_boards_board.md\":\"48284382\",\"api_modules_features_buyable.md\":\"820457a5\",\"api_modules_features_challenges_challenge.md\":\"4ce683ff\",\"api_modules_features_clickables_clickable.md\":\"354b1f4d\",\"api_modules_features_conversion.md\":\"5f101614\",\"api_modules_features_feature.md\":\"32d71b88\",\"api_modules_features_grids_grid.md\":\"7aed7c9b\",\"api_modules_features_hotkey.md\":\"5cb42e07\",\"api_modules_features_infoboxes_infobox.md\":\"a5f3b7e3\",\"api_modules_features_links.md\":\"4ca82f04\",\"api_modules_features_milestones_milestone.md\":\"8589da69\",\"api_modules_features_reset.md\":\"0dabd2b6\",\"api_modules_features_resources_resource.md\":\"55996682\",\"api_modules_features_tabs_tab.md\":\"488706f8\",\"api_modules_features_tabs_tabfamily.md\":\"a428f404\",\"api_modules_features_tooltip.md\":\"2967fda0\",\"api_modules_features_trees_tree.md\":\"c7b0a957\",\"api_modules_features_upgrades_upgrade.md\":\"e2bf3226\",\"api_modules_game_events.md\":\"47c20111\",\"api_modules_game_layers.md\":\"cb8c1e69\",\"api_modules_game_notifications.md\":\"15f59389\",\"api_modules_game_persistence.md\":\"986c98de\",\"api_modules_game_player.md\":\"d91a4390\",\"api_modules_game_settings.md\":\"3c2dfac9\",\"api_modules_game_state.md\":\"fb0a9bf0\",\"api_modules_lib_break_eternity.md\":\"b11e93a9\",\"api_modules_util_bignum.md\":\"88e1d3d7\",\"api_modules_util_break_eternity.md\":\"0b831e6f\",\"api_modules_util_common.md\":\"4a243214\",\"api_modules_util_computed.md\":\"2e50b772\",\"api_modules_util_proxies.md\":\"c69e6eea\",\"api_modules_util_save.md\":\"052e2d72\",\"api_modules_util_vue.md\":\"8566c119\",\"guide_changelog.md\":\"a2d5d2eb\",\"guide_coercable.md\":\"1461ba9d\",\"guide_creating-features.md\":\"13132970\",\"guide_dynamic-layers.md\":\"a3c24a2c\",\"guide_examples.md\":\"20908e87\",\"guide_features.md\":\"68e4225e\",\"guide_index.md\":\"71453628\",\"guide_layers.md\":\"ede54859\",\"guide_persistence.md\":\"ed1e3e49\",\"guide_project-entry.md\":\"73e003ab\",\"guide_project-info.md\":\"f154b075\",\"guide_reactivity.md\":\"97a52654\",\"guide_setup.md\":\"278bad32\",\"guide_themes.md\":\"7619b9d0\",\"guide_updating.md\":\"500b57ef\",\"guide_utils.md\":\"6a375a8c\",\"index.md\":\"10dfda94\"}")</script>
|
|
<script type="module" async src="/assets/app.8e8712eb.js"></script>
|
|
|
|
</body>
|
|
</html> |