2 lines
7.8 KiB
JavaScript
2 lines
7.8 KiB
JavaScript
|
import{_ as a,c as o,a0 as r,o as t}from"./chunks/framework.P9qPzDnn.js";const b=JSON.parse('{"title":"Interface: DraggableNodeOptions<T>","description":"","frontmatter":{"editLink":false},"headers":[],"relativePath":"api/game/boards/board/interfaces/DraggableNodeOptions.md","filePath":"api/game/boards/board/interfaces/DraggableNodeOptions.md","lastUpdated":null}'),n={name:"api/game/boards/board/interfaces/DraggableNodeOptions.md"};function d(i,e,s,c,l,h){return t(),o("div",null,e[0]||(e[0]=[r('<p><a href="./../../../../">Profectus</a> / <a href="./../">game/boards/board</a> / DraggableNodeOptions</p><h1 id="interface-draggablenodeoptions-t" tabindex="-1">Interface: DraggableNodeOptions<T> <a class="header-anchor" href="#interface-draggablenodeoptions-t" aria-label="Permalink to "Interface: DraggableNodeOptions\\<T\\>""></a></h1><p>An object that configures a <a href="./DraggableNode">DraggableNode</a>.</p><h2 id="type-parameters" tabindex="-1">Type Parameters <a class="header-anchor" href="#type-parameters" aria-label="Permalink to "Type Parameters""></a></h2><p>• <strong>T</strong></p><h2 id="properties" tabindex="-1">Properties <a class="header-anchor" href="#properties" aria-label="Permalink to "Properties""></a></h2><h3 id="board" tabindex="-1">board <a class="header-anchor" href="#board" aria-label="Permalink to "board""></a></h3><blockquote><p><strong>board</strong>: <a href="https://vuejs.org/guide/typescript/composition-api.html#typing-ref" target="_blank" rel="noreferrer"><code>Ref</code></a><<code>any</code>, <code>any</code>></p></blockquote><p>A ref to the specific instance of the Board vue component the node will be draggable on. Obtained by passing a suitable ref as the "ref" attribute to the Board component.</p><h4 id="defined-in" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://code.incremental.social/profectus/Profectus/src/branch/main/src/game/boards/board.tsx#L55" target="_blank" rel="noreferrer">profectus/src/game/boards/board.tsx:55</a></p><hr><h3 id="droparearadius" tabindex="-1">dropAreaRadius? <a class="header-anchor" href="#droparearadius" aria-label="Permalink to "dropAreaRadius?""></a></h3><blockquote><p><code>optional</code> <strong>dropAreaRadius</strong>: <a href="./../type-aliases/NodeMaybeRefOrGetter"><code>NodeMaybeRefOrGetter</code></a><<code>T</code>, <code>number</code>, []></p></blockquote><p>The maximum distance (in pixels, before zoom) away a node can be and still drop onto a receiving node.</p><h4 id="defined-in-1" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-1" aria-label="Permalink to "Defined in""></a></h4><p><a href="https://code.incremental.social/profectus/Profectus/src/branch/main/src/game/boards/board.tsx#L63" target="_blank" rel="noreferrer">profectus/src/game/boards/board.tsx:63</a></p><hr><h3 id="getposition" tabindex="-1">getPosition() <a class="header-anchor" href="#getposition" aria-label="Permalink to "getPosition()""></a></h3><blockquote><p><strong>getPosition</strong>: (<code>node</code>) => <a href="./../type-aliases/NodePosition"><code>NodePosition</code></a></p></blockquote><p>Getter function to go from the node (typically ID) to the position of said node.</p><h4 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to "Parameters""></a></h4><h5 id="node" tabindex="-1">node <a class="header-anchor" href="#node" aria-label="Permalink to "node""></a></h5><p><code>T</code></p><h4 id="returns" tabindex="-1">Returns <a class="header-anchor" href="#returns" aria-label="Permalink to "Returns""></a></h4><p><a href="./../type-aliases/NodePosition"><code>NodePosition</code></a></p><h4 id="defined-in-2" tabindex="-1">Defined in <a class="header-anchor" href="#defined-in-2" aria-label="Permalink to "Defined in""></a></h
|