@adcops/autocore-react 3.0.1 → 3.0.3

package/dist/components/DPad.css

@@ -1,522 +0,0 @@
-/*
- * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-16 13:17:33
- * -----
- * Last Modified: 2024-03-08 07:16:53
- * -----
- * 
- */
-
-
-.d-pad {
-    position: relative;
-    width: 200px;
-    height: 200px;
-    border-radius: 48%;
-    overflow: hidden;
-
-    &:before {
-        content: '';
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        border-radius: 5%;
-        transform: translate(-50%, -50%);
-        width: 66.6%;
-        height: 66.6%;
-        background: transparent;
-    }
-
-    &:after {
-        content: '';
-        position: absolute;
-        display: none;
-        z-index: 2;
-        width: 20%;
-        height: 20%;
-        top: 50%;
-        left: 50%;
-        background: var(--vc-dpad-fg);
-        border-radius: 50%;
-        transform: translate(-50%, -50%);
-        /* transition: all .25s; */
-    }
-
-    &:hover:after {
-        width: 30%;
-        height: 30%;
-    }
-
-    a {
-        cursor: var(--vc-btn-cursor);
-        display: block;
-        position: absolute;
-        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-        width: 33.3%;
-        height: 43%;
-        line-height: 40%;
-        color: #fff;
-        text-align: center;
-        background: var(--vc-btn-bgcolor);
-        box-shadow: 0 2px 4px black, inset 0 2px 4px rgba(255, 255, 255, 0.5);
-
-        &:hover {}
-
-        &:active {
-            background: linear-gradient(45deg, var(--vc-dpad-fg-hover) 15%, var(--vc-dpad-fg-hover) 100%);
-        }
-
-        &:before {
-            content: '';
-            position: absolute;
-            width: 0;
-            height: 0;
-            border-radius: 5px;
-            border-style: solid;
-            /* transition: all .25s; */
-        }
-
-        &:after {
-            content: '';
-            position: absolute;
-            width: 102%;
-            height: 78%;
-            background: var(--vc-dpad-bg);
-            border-radius: var(--vc-dpad-radius-in);
-        }
-    }
-
-    a.left,
-    a.right {
-        width: 43%;
-        height: 33%;
-
-        &:after {
-            width: 78%;
-            height: 102%;
-        }
-    }
-
-    a.up {
-        top: 0;
-        left: 50%;
-        transform: translate(-50%, 0);
-        border-radius: var(--vc-dpad-radius) var(--vc-dpad-radius) 50% 50%;
-
-        &:hover {}
-
-        &:active {
-            background: linear-gradient(45deg, var(--vc-dpad-fg-hover) 15%, var(--vc-dpad-fg-hover) 100%);
-        }
-
-        &:after {
-            left: 0;
-            top: 0;
-            transform: translate(-100%, 0);
-            border-top-left-radius: 50%;
-            pointer-events: none;
-        }
-
-        &:before {
-            top: 40%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            border-width: 0 var(--vc-tri-sml-a) var(--vc-tri-sml-b) var(--vc-tri-sml-a);
-            border-color: transparent transparent var(--vc-arrowcolor) transparent;
-        }
-
-        &:active:before {
-            border-bottom-color: #333;
-        }
-    }
-
-    a.up:hover:before {
-        top: var(--vc-dpad-arrow-move);
-        box-shadow: inset 0 0 10px rgba(255, 255, 255, .5), 0 0 10px rgba(255, 255, 255, .2);
-        outline-color: white;
-        outline-offset: 8px;
-        text-shadow: 1px 1px 2px var(--vc-color-black);
-
-        outline: 1px solid;
-        transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
-    }
-
-    a.down {
-        bottom: 0;
-        left: 50%;
-        transform: translate(-50%, 0);
-        border-radius: 50% 50% var(--vc-dpad-radius) var(--vc-dpad-radius);
-
-        &:hover {}
-
-        &:active {
-            background: linear-gradient(45deg, var(--vc-dpad-fg-hover) 15%, var(--vc-dpad-fg-hover) 100%);
-        }
-
-        &:after {
-            right: 0;
-            bottom: 0;
-            transform: translate(100%, 0);
-            border-bottom-right-radius: 50%;
-            pointer-events: none;
-        }
-
-        &:before {
-            bottom: 40%;
-            left: 50%;
-            transform: translate(-50%, 50%);
-            border-width: var(--vc-tri-sml-b) var(--vc-tri-sml-a) 0px var(--vc-tri-sml-a);
-            border-color: var(--vc-arrowcolor) transparent transparent transparent;
-        }
-
-        &:active:before {
-            border-top-color: #333;
-        }
-    }
-
-    a.down:hover:before {
-        bottom: var(--vc-dpad-arrow-move);
-        box-shadow: inset 0 0 10px rgba(255, 255, 255, .5), 0 0 10px rgba(255, 255, 255, .2);
-        outline-color: white;
-        outline-offset: 8px;
-        text-shadow: 1px 1px 2px var(--vc-color-black);
-
-        outline: 1px solid;
-        transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
-    }
-
-    a.left {
-        top: 50%;
-        left: 0;
-        transform: translate(0, -50%);
-        border-radius: var(--vc-dpad-radius) 50% 50% var(--vc-dpad-radius);
-
-        &:hover {}
-
-        &:active {
-            background: linear-gradient(45deg, var(--vc-dpad-fg-hover) 15%, var(--vc-dpad-fg-hover) 100%);
-        }
-
-        &:after {
-            left: 0;
-            bottom: 0;
-            transform: translate(0, 100%);
-            border-bottom-left-radius: 50%;
-            pointer-events: none;
-        }
-
-        &:before {
-            left: 40%;
-            top: 50%;
-            transform: translate(-50%, -50%);
-            border-width: var(--vc-tri-sml-a) var(--vc-tri-sml-b) var(--vc-tri-sml-a) 0;
-            border-color: transparent var(--vc-arrowcolor) transparent transparent;
-        }
-
-        &:active:before {
-            border-right-color: #333;
-        }
-    }
-
-    a.left:hover:before {
-        left: var(--vc-dpad-arrow-move);
-        box-shadow: inset 0 0 10px rgba(255, 255, 255, .5), 0 0 10px rgba(255, 255, 255, .2);
-        outline-color: white;
-        outline-offset: 8px;
-        text-shadow: 1px 1px 2px var(--vc-color-black);
-
-        outline: 1px solid;
-        transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
-    }
-
-    a.right {
-        top: 50%;
-        right: 0;
-        transform: translate(0, -50%);
-        border-radius: 50% var(--vc-dpad-radius) var(--vc-dpad-radius) 50%;
-
-        &:hover {}
-
-        &:active {
-            background: linear-gradient(45deg, var(--vc-dpad-fg-hover) 15%, var(--vc-dpad-fg-hover) 100%);
-        }
-
-        &:after {
-            right: 0;
-            top: 0;
-            transform: translate(0, -100%);
-            border-top-right-radius: 50%;
-            pointer-events: none;
-        }
-
-        &:before {
-            right: 40%;
-            top: 50%;
-            transform: translate(50%, -50%);
-            border-width: var(--vc-tri-sml-a) 0 var(--vc-tri-sml-a) var(--vc-tri-sml-b);
-            border-color: transparent transparent transparent var(--vc-arrowcolor);
-        }
-
-        &:active:before {
-            border-left-color: #333;
-        }
-    }
-
-    a.right:hover:before {
-        right: var(--vc-dpad-arrow-move);
-        box-shadow: inset 0 0 10px rgba(255, 255, 255, .5), 0 0 10px rgba(255, 255, 255, .2);
-        outline-color: white;
-        outline-offset: 8px;
-        text-shadow: 1px 1px 2px var(--vc-color-black);
-
-        outline: 1px solid;
-        transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
-    }
-}
-
-.d-pad.up a.up:before {
-    border-bottom-color: #333;
-}
-
-.d-pad.down a.down:before {
-    border-top-color: #333;
-}
-
-.d-pad.left a.left:before {
-    border-right-color: #333;
-}
-
-.d-pad.right a.right:before {
-    border-left-color: #333;
-}
-
-
-.o-pad {
-    position: relative;
-    background: var(--vc-dpad-fg);
-    width: 200px;
-    height: 200px;
-    border-radius: 50%;
-    overflow: hidden;
-
-
-    box-shadow: 2px 2px 4px black;
-
-    &:after {
-        content: '';
-        position: absolute;
-        z-index: 2;
-        width: 20%;
-        height: 20%;
-        top: 50%;
-        left: 50%;
-        background: #ddd;
-        border-radius: 50%;
-        transform: translate(-50%, -50%);
-        display: none;
-        /* transition: all .25s; */
-    }
-
-    &:hover:after {
-        width: 30%;
-        height: 30%;
-    }
-
-    a {
-        cursor: var(--vc-btn-cursor);
-        display: block;
-        position: absolute;
-        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-        width: 50%;
-        height: 50%;
-        text-align: center;
-        transform: rotate(45deg);
-        border: 1px solid rgba(0, 0, 0, .2);
-
-        &:before {
-            content: '';
-            position: absolute;
-            width: 60%;
-            height: 60%;
-            top: 50%;
-            left: 50%;
-            background: rgba(255, 255, 255, 0.1);
-            border-radius: 50%;
-            transform: translate(-50%, -50%);
-            /* transition: all .25s; */
-            display: none;
-        }
-
-        &:after {
-            content: '';
-            position: absolute;
-            width: 0;
-            height: 0;
-            border-radius: 5px;
-            border-style: solid;
-            transform: translate(-50%, -50%) rotate(-45deg);
-            /* transition: all .25s; */
-        }
-    }
-
-    a.up {
-        bottom: 50%;
-        left: 50%;
-        transform: translate(-50%, -20%) rotate(45deg);
-        border-top-left-radius: 50%;
-        z-index: 1;
-
-        background: var(--vc-btn-bgcolor);
-        box-shadow: 0 1px 4px white, inset 0 -1px 4px black;
-
-        &:hover {}
-
-        &:active {
-            background: linear-gradient(45deg, var(--vc-dpad-fg-hover) 15%, var(--vc-dpad-fg-hover) 100%);
-        }
-
-        &:before {
-            left: 57%;
-            top: 57%;
-        }
-
-        &:after {
-            left: 53%;
-            top: 53%;
-            border-width: 0 var(--vc-tri-lrg-a) var(--vc-tri-lrg-b) var(--vc-tri-lrg-a);
-            border-color: transparent transparent var(--vc-arrowcolor) transparent;
-        }
-
-        &:active:after {
-            border-bottom-color: #333;
-        }
-    }
-
-
-    a.down {
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, 20%) rotate(45deg);
-        border-bottom-right-radius: 50%;
-        z-index: 1;
-
-        background: var(--vc-btn-bgcolor);
-        box-shadow: 0 2px 4px black, inset 0 2px 4px rgba(255, 255, 255, 0.5);
-
-        &:hover {}
-
-        &:active {
-            background: linear-gradient(45deg, var(--vc-dpad-fg-hover) 15%, var(--vc-dpad-fg-hover) 100%);
-        }
-
-        &:before {
-            left: 43%;
-            top: 43%;
-        }
-
-        &:after {
-            left: 47%;
-            top: 47%;
-            border-width: var(--vc-tri-lrg-b) var(--vc-tri-lrg-a) 0px var(--vc-tri-lrg-a);
-            border-color: var(--vc-arrowcolor) transparent transparent transparent;
-        }
-
-        &:active:after {
-            border-top-color: #333;
-        }
-    }
-
-    a.left {
-        top: 50%;
-        right: 50%;
-        transform: translate(-20%, -50%) rotate(45deg);
-        border-bottom-left-radius: 50%;
-        border: none;
-
-        background: var(--vc-btn-bgcolor);
-
-        &:hover {}
-
-        &:active {
-            background: linear-gradient(45deg, var(--vc-dpad-fg-hover) 15%, var(--vc-dpad-fg-hover) 100%);
-        }
-
-        &:before {
-            left: 57%;
-            top: 43%;
-        }
-
-        &:after {
-            left: 53%;
-            top: 47%;
-            border-width: var(--vc-tri-lrg-a) var(--vc-tri-lrg-b) var(--vc-tri-lrg-a) 0;
-            border-color: transparent var(--vc-arrowcolor) transparent transparent;
-        }
-
-        &:active:after {
-            border-right-color: #333;
-        }
-    }
-
-    a.right {
-        top: 50%;
-        left: 50%;
-        transform: translate(20%, -50%) rotate(45deg);
-        border-top-right-radius: 50%;
-        border: none;
-
-        background: var(--vc-btn-bgcolor);
-        box-shadow: 0 1px 4px white, inset 0 -1px 4px black;
-
-        &:hover {}
-
-        &:active {
-            background: linear-gradient(45deg, var(--vc-dpad-fg-hover) 15%, var(--vc-dpad-fg-hover) 100%);
-        }
-
-        &:before {
-            left: 43%;
-            top: 57%;
-        }
-
-        &:after {
-            left: 47%;
-            top: 53%;
-            border-width: var(--vc-tri-lrg-a) 0 var(--vc-tri-lrg-a) var(--vc-tri-lrg-b);
-            border-color: transparent transparent transparent var(--vc-arrowcolor);
-        }
-
-        &:active:after {
-            border-left-color: #333;
-        }
-    }
-
-    a:hover:after {
-        left: 50%;
-        top: 50%;
-        box-shadow: inset 0 0 10px rgba(255, 255, 255, .5), 0 0 10px rgba(255, 255, 255, .2);
-        outline-color: white;
-        outline-offset: 8px;
-        text-shadow: 1px 1px 2px var(--vc-color-black);
-
-        outline: 1px solid;
-        transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
-    }
-}
-
-
-.d-pad.up a.up:before {
-    border-bottom-color: #333;
-}
-
-.d-pad.down a.down:before {
-    border-top-color: #333;
-}
-
-.d-pad.left a.left:before {
-    border-right-color: #333;
-}
-
-.d-pad.right a.right:before {
-    border-left-color: #333;
-}

package/dist/components/DPad.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import './VcDPad.css';
-/**
- * Enumerates the source button or action when an event occurs.
- */
-export declare enum VcJoyPadAction {
-    /** Invalid - Ignore this button */
-    Invalid = 0,
-    Up = 1,
-    Right = 2,
-    Down = 3,
-    Left = 4,
-    /** Stop, clear or reset */
-    Stop = 16
-}
-/**
- * Enumerates the id's of buttons used in the joypad for standardization.
- */
-export declare enum VcJoyPadButtonId {
-    Stop = "stop",
-    Up = "up",
-    Right = "right",
-    Down = "down",
-    Left = "left"
-}
-interface VcDPadProps {
-    onAction?: (action: VcJoyPadAction) => void;
-    onUp?: () => void;
-    onDown?: () => void;
-    onRight?: () => void;
-    onLeft?: () => void;
-}
-export declare const VcDPad: React.FC<VcDPadProps>;
-export default VcDPad;

package/dist/components/DPad.js

@@ -1 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import"./VcDPad.css";export var VcJoyPadAction;!function(o){o[o.Invalid=0]="Invalid",o[o.Up=1]="Up",o[o.Right=2]="Right",o[o.Down=3]="Down",o[o.Left=4]="Left",o[o.Stop=16]="Stop"}(VcJoyPadAction||(VcJoyPadAction={}));export var VcJoyPadButtonId;!function(o){o.Stop="stop",o.Up="up",o.Right="right",o.Down="down",o.Left="left"}(VcJoyPadButtonId||(VcJoyPadButtonId={}));export const VcDPad=({onAction:o,onUp:t,onDown:n,onRight:c,onLeft:a})=>{const i=i=>{o&&o(i),i===VcJoyPadAction.Up?null!=t&&t():i===VcJoyPadAction.Down?null!=n&&n():i===VcJoyPadAction.Right?null!=c&&c():i===VcJoyPadAction.Left&&null!=a&&a()};return _jsx("div",{className:"set",children:_jsxs("nav",{className:"d-pad",children:[_jsx("a",{className:"up",onClick:()=>i(VcJoyPadAction.Up)}),_jsx("a",{className:"right",onClick:()=>i(VcJoyPadAction.Right)}),_jsx("a",{className:"down",onClick:()=>i(VcJoyPadAction.Down)}),_jsx("a",{className:"left",onClick:()=>i(VcJoyPadAction.Left)})]})})};export default VcDPad;

package/docs/enums/components_DPad.VcJoyPadAction.html

@@ -1,10 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>VcJoyPadAction | autocore-react - v3.0.0</title><meta name="description" content="Documentation for autocore-react"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">autocore-react - v3.0.0</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../index.html">autocore-react</a></li><li><a href="../modules/components_DPad.html">components/DPad</a></li><li><a href="components_DPad.VcJoyPadAction.html">VcJoyPadAction</a></li></ul><h1>Enumeration VcJoyPadAction</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Enumerates the source button or action when an event occurs.</p>
-</div><div class="tsd-comment tsd-typography"></div></section><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:17</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Enumeration Members</h3><div class="tsd-index-list"><a href="components_DPad.VcJoyPadAction.html#Down" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Down</span></a>
-<a href="components_DPad.VcJoyPadAction.html#Invalid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Invalid</span></a>
-<a href="components_DPad.VcJoyPadAction.html#Left" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Left</span></a>
-<a href="components_DPad.VcJoyPadAction.html#Right" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Right</span></a>
-<a href="components_DPad.VcJoyPadAction.html#Stop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Stop</span></a>
-<a href="components_DPad.VcJoyPadAction.html#Up" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Up</span></a>
-</div></section></div></details></section></section><section class="tsd-panel-group tsd-member-group"><h2>Enumeration Members</h2><section class="tsd-panel tsd-member"><a id="Down" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Down</span><a href="#Down" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Down</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">3</span></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:22</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="Invalid" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Invalid</span><a href="#Invalid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Invalid</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">0</span></div><div class="tsd-comment tsd-typography"><p>Invalid - Ignore this button</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:19</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="Left" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Left</span><a href="#Left" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">4</span></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:23</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="Right" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Right</span><a href="#Right" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Right</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">2</span></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:21</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="Stop" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Stop</span><a href="#Stop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Stop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">16</span></div><div class="tsd-comment tsd-typography"><p>Stop, clear or reset</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:25</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="Up" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Up</span><a href="#Up" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Up</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">1</span></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:20</li></ul></aside></section></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-index-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><h4 class="uppercase">Member Visibility</h4><form><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div><div class="tsd-theme-toggle"><h4 class="uppercase">Theme</h4><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-index-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><a href="#Down" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Down</span></a><a href="#Invalid" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Invalid</span></a><a href="#Left" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Left</span></a><a href="#Right" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Right</span></a><a href="#Stop" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Stop</span></a><a href="#Up" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Up</span></a></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>autocore-react - v3.0.0</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><div class="tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div></body></html>

package/docs/enums/components_DPad.VcJoyPadButtonId.html

@@ -1,7 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>VcJoyPadButtonId | autocore-react - v3.0.0</title><meta name="description" content="Documentation for autocore-react"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">autocore-react - v3.0.0</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../index.html">autocore-react</a></li><li><a href="../modules/components_DPad.html">components/DPad</a></li><li><a href="components_DPad.VcJoyPadButtonId.html">VcJoyPadButtonId</a></li></ul><h1>Enumeration VcJoyPadButtonId</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Enumerates the id&#39;s of buttons used in the joypad for standardization.</p>
-</div><div class="tsd-comment tsd-typography"></div></section><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:31</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Enumeration Members</h3><div class="tsd-index-list"><a href="components_DPad.VcJoyPadButtonId.html#Down" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Down</span></a>
-<a href="components_DPad.VcJoyPadButtonId.html#Left" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Left</span></a>
-<a href="components_DPad.VcJoyPadButtonId.html#Right" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Right</span></a>
-<a href="components_DPad.VcJoyPadButtonId.html#Stop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Stop</span></a>
-<a href="components_DPad.VcJoyPadButtonId.html#Up" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Up</span></a>
-</div></section></div></details></section></section><section class="tsd-panel-group tsd-member-group"><h2>Enumeration Members</h2><section class="tsd-panel tsd-member"><a id="Down" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Down</span><a href="#Down" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Down</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;down&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:35</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="Left" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Left</span><a href="#Left" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;left&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:36</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="Right" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Right</span><a href="#Right" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Right</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;right&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:34</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="Stop" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Stop</span><a href="#Stop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Stop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;stop&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:32</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="Up" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>Up</span><a href="#Up" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-enum-member">Up</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;up&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in src/components/DPad.tsx:33</li></ul></aside></section></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-index-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><h4 class="uppercase">Member Visibility</h4><form><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div><div class="tsd-theme-toggle"><h4 class="uppercase">Theme</h4><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-index-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><a href="#Down" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Down</span></a><a href="#Left" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Left</span></a><a href="#Right" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Right</span></a><a href="#Stop" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Stop</span></a><a href="#Up" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-16"></use></svg><span>Up</span></a></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>autocore-react - v3.0.0</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><div class="tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div></body></html>