com.phloxui
Version:
PhloxUI Ng2+ Framework
810 lines • 61.1 kB
HTML
<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Droppable | com.phloxui</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="../assets/js/search.js" data-base="..">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</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">com.phloxui</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
<input type="checkbox" id="tsd-filter-externals" checked />
<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
<input type="checkbox" id="tsd-filter-only-exported" />
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="../globals.html">Globals</a>
</li>
<li>
<a href="../modules/_directive_droppable_directive_.html">"directive/Droppable.directive"</a>
</li>
<li>
<a href="_directive_droppable_directive_.droppable.html">Droppable</a>
</li>
</ul>
<h1>Class Droppable</h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<section class="tsd-panel tsd-hierarchy">
<h3>Hierarchy</h3>
<ul class="tsd-hierarchy">
<li>
<a href="_share_abstracthasoptions_.abstracthasoptions.html" class="tsd-signature-type">AbstractHasOptions</a>
<ul class="tsd-hierarchy">
<li>
<span class="target">Droppable</span>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel">
<h3>Implements</h3>
<ul class="tsd-hierarchy">
<li><a href="../interfaces/_share_ihasoptions_.ihasoptions.html" class="tsd-signature-type">IHasOptions</a></li>
<li><span class="tsd-signature-type">OnInit</span></li>
</ul>
</section>
<section class="tsd-panel-group tsd-index-group">
<h2>Index</h2>
<section class="tsd-panel tsd-index-panel">
<div class="tsd-index-content">
<section class="tsd-index-section ">
<h3>Constructors</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="_directive_droppable_directive_.droppable.html#constructor" class="tsd-kind-icon">constructor</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Properties</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#accept" class="tsd-kind-icon">accept</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#alwaysfireevent" class="tsd-kind-icon">always<wbr>Fire<wbr>Event</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#autoaddclass" class="tsd-kind-icon">auto<wbr>Add<wbr>Class</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#component" class="tsd-kind-icon">component</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#dragleavetimeout" class="tsd-kind-icon">drag<wbr>Leave<wbr>Timeout</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#dragleavetimer" class="tsd-kind-icon">drag<wbr>Leave<wbr>Timer</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#dragovertimeout" class="tsd-kind-icon">drag<wbr>Over<wbr>Timeout</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#dragovertimer" class="tsd-kind-icon">drag<wbr>Over<wbr>Timer</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#dropacceptedremoveclasstimer" class="tsd-kind-icon">drop<wbr>Accepted<wbr>Remove<wbr>Class<wbr>Timer</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#dropclassresettimeout" class="tsd-kind-icon">drop<wbr>Class<wbr>Reset<wbr>Timeout</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#droprejectedremoveclasstimer" class="tsd-kind-icon">drop<wbr>Rejected<wbr>Remove<wbr>Class<wbr>Timer</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#elementref" class="tsd-kind-icon">element<wbr>Ref</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-protected"><a href="_directive_droppable_directive_.droppable.html#options" class="tsd-kind-icon">options</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#class_name_drag_over" class="tsd-kind-icon">CLASS_<wbr>NAME_<wbr>DRAG_<wbr>OVER</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#class_name_drop_accepted" class="tsd-kind-icon">CLASS_<wbr>NAME_<wbr>DROP_<wbr>ACCEPTED</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#class_name_drop_rejected" class="tsd-kind-icon">CLASS_<wbr>NAME_<wbr>DROP_<wbr>REJECTED</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#default_accept" class="tsd-kind-icon">DEFAULT_<wbr>ACCEPT</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#default_always_fire_event" class="tsd-kind-icon">DEFAULT_<wbr>ALWAYS_<wbr>FIRE_<wbr>EVENT</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#default_auto_add_class" class="tsd-kind-icon">DEFAULT_<wbr>AUTO_<wbr>ADD_<wbr>CLASS</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#default_drag_leave_timeout" class="tsd-kind-icon">DEFAULT_<wbr>DRAG_<wbr>LEAVE_<wbr>TIMEOUT</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#default_drag_over_timeout" class="tsd-kind-icon">DEFAULT_<wbr>DRAG_<wbr>OVER_<wbr>TIMEOUT</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#default_drop_class_reset_timeout" class="tsd-kind-icon">DEFAULT_<wbr>DROP_<wbr>CLASS_<wbr>RESET_<wbr>TIMEOUT</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Methods</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#addstyleclass" class="tsd-kind-icon">add<wbr>Style<wbr>Class</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#bindevents" class="tsd-kind-icon">bind<wbr>Events</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_directive_droppable_directive_.droppable.html#getoptions" class="tsd-kind-icon">get<wbr>Options</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#isaccept" class="tsd-kind-icon">is<wbr>Accept</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_directive_droppable_directive_.droppable.html#ngoninit" class="tsd-kind-icon">ng<wbr>OnInit</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#ondragenter" class="tsd-kind-icon">on<wbr>Drag<wbr>Enter</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#ondragleave" class="tsd-kind-icon">on<wbr>Drag<wbr>Leave</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#ondragover" class="tsd-kind-icon">on<wbr>Drag<wbr>Over</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#ondrop" class="tsd-kind-icon">on<wbr>Drop</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_directive_droppable_directive_.droppable.html#removestyleclass" class="tsd-kind-icon">remove<wbr>Style<wbr>Class</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_directive_droppable_directive_.droppable.html#setoptions" class="tsd-kind-icon">set<wbr>Options</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#getparseddata" class="tsd-kind-icon">get<wbr>Parsed<wbr>Data</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#isaccept-1" class="tsd-kind-icon">is<wbr>Accept</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="_directive_droppable_directive_.droppable.html#parsedata" class="tsd-kind-icon">parse<wbr>Data</a></li>
</ul>
</section>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Constructors</h2>
<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
<a name="constructor" class="tsd-anchor"></a>
<h3>constructor</h3>
<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">new <wbr>Droppable<span class="tsd-signature-symbol">(</span>elRef<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ElementRef</span>, viewConRef<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ViewContainerRef</span>, ngZone<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">NgZone</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_directive_droppable_directive_.droppable.html" class="tsd-signature-type">Droppable</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:196</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>elRef: <span class="tsd-signature-type">ElementRef</span></h5>
</li>
<li>
<h5>viewConRef: <span class="tsd-signature-type">ViewContainerRef</span></h5>
</li>
<li>
<h5>ngZone: <span class="tsd-signature-type">NgZone</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_directive_droppable_directive_.droppable.html" class="tsd-signature-type">Droppable</a></h4>
</li>
</ul>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="accept" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> accept</h3>
<div class="tsd-signature tsd-kind-icon">accept<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:166</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="alwaysfireevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> always<wbr>Fire<wbr>Event</h3>
<div class="tsd-signature tsd-kind-icon">always<wbr>Fire<wbr>Event<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:174</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="autoaddclass" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> auto<wbr>Add<wbr>Class</h3>
<div class="tsd-signature tsd-kind-icon">auto<wbr>Add<wbr>Class<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:178</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="component" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> component</h3>
<div class="tsd-signature tsd-kind-icon">component<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:170</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="dragleavetimeout" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> drag<wbr>Leave<wbr>Timeout</h3>
<div class="tsd-signature tsd-kind-icon">drag<wbr>Leave<wbr>Timeout<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:182</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="dragleavetimer" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> drag<wbr>Leave<wbr>Timer</h3>
<div class="tsd-signature tsd-kind-icon">drag<wbr>Leave<wbr>Timer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:194</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="dragovertimeout" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> drag<wbr>Over<wbr>Timeout</h3>
<div class="tsd-signature tsd-kind-icon">drag<wbr>Over<wbr>Timeout<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:186</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="dragovertimer" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> drag<wbr>Over<wbr>Timer</h3>
<div class="tsd-signature tsd-kind-icon">drag<wbr>Over<wbr>Timer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:193</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="dropacceptedremoveclasstimer" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> drop<wbr>Accepted<wbr>Remove<wbr>Class<wbr>Timer</h3>
<div class="tsd-signature tsd-kind-icon">drop<wbr>Accepted<wbr>Remove<wbr>Class<wbr>Timer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:195</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="dropclassresettimeout" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> drop<wbr>Class<wbr>Reset<wbr>Timeout</h3>
<div class="tsd-signature tsd-kind-icon">drop<wbr>Class<wbr>Reset<wbr>Timeout<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:190</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="droprejectedremoveclasstimer" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> drop<wbr>Rejected<wbr>Remove<wbr>Class<wbr>Timer</h3>
<div class="tsd-signature tsd-kind-icon">drop<wbr>Rejected<wbr>Remove<wbr>Class<wbr>Timer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:196</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="elementref" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> element<wbr>Ref</h3>
<div class="tsd-signature tsd-kind-icon">element<wbr>Ref<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ElementRef</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:192</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
<a name="options" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> options</h3>
<div class="tsd-signature tsd-kind-icon">options<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<p>Overrides <a href="_share_abstracthasoptions_.abstracthasoptions.html">AbstractHasOptions</a>.<a href="_share_abstracthasoptions_.abstracthasoptions.html#options">options</a></p>
<ul>
<li>Defined in directive/Droppable.directive.ts:162</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="class_name_drag_over" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> CLASS_<wbr>NAME_<wbr>DRAG_<wbr>OVER</h3>
<div class="tsd-signature tsd-kind-icon">CLASS_<wbr>NAME_<wbr>DRAG_<wbr>OVER<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = CLASS_NAME_DRAG_OVER</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:31</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="class_name_drop_accepted" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> CLASS_<wbr>NAME_<wbr>DROP_<wbr>ACCEPTED</h3>
<div class="tsd-signature tsd-kind-icon">CLASS_<wbr>NAME_<wbr>DROP_<wbr>ACCEPTED<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = CLASS_NAME_DROP_ACCEPTED</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:32</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="class_name_drop_rejected" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> CLASS_<wbr>NAME_<wbr>DROP_<wbr>REJECTED</h3>
<div class="tsd-signature tsd-kind-icon">CLASS_<wbr>NAME_<wbr>DROP_<wbr>REJECTED<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = CLASS_NAME_DROP_REJECTED</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:33</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="default_accept" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> DEFAULT_<wbr>ACCEPT</h3>
<div class="tsd-signature tsd-kind-icon">DEFAULT_<wbr>ACCEPT<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = DEFAULT_ACCEPT</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:28</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="default_always_fire_event" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> DEFAULT_<wbr>ALWAYS_<wbr>FIRE_<wbr>EVENT</h3>
<div class="tsd-signature tsd-kind-icon">DEFAULT_<wbr>ALWAYS_<wbr>FIRE_<wbr>EVENT<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = DEFAULT_ALWAYS_FIRE_EVENT</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:29</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="default_auto_add_class" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> DEFAULT_<wbr>AUTO_<wbr>ADD_<wbr>CLASS</h3>
<div class="tsd-signature tsd-kind-icon">DEFAULT_<wbr>AUTO_<wbr>ADD_<wbr>CLASS<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = DEFAULT_AUTO_ADD_CLASS</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:30</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="default_drag_leave_timeout" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> DEFAULT_<wbr>DRAG_<wbr>LEAVE_<wbr>TIMEOUT</h3>
<div class="tsd-signature tsd-kind-icon">DEFAULT_<wbr>DRAG_<wbr>LEAVE_<wbr>TIMEOUT<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = DEFAULT_DRAG_LEAVE_TIMEOUT</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:35</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="default_drag_over_timeout" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> DEFAULT_<wbr>DRAG_<wbr>OVER_<wbr>TIMEOUT</h3>
<div class="tsd-signature tsd-kind-icon">DEFAULT_<wbr>DRAG_<wbr>OVER_<wbr>TIMEOUT<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = DEFAULT_DRAG_OVER_TIMEOUT</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:34</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="default_drop_class_reset_timeout" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> DEFAULT_<wbr>DROP_<wbr>CLASS_<wbr>RESET_<wbr>TIMEOUT</h3>
<div class="tsd-signature tsd-kind-icon">DEFAULT_<wbr>DROP_<wbr>CLASS_<wbr>RESET_<wbr>TIMEOUT<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = DEFAULT_DROP_CLASS_RESET_TIMEOUT</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:36</li>
</ul>
</aside>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Methods</h2>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="addstyleclass" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> add<wbr>Style<wbr>Class</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">add<wbr>Style<wbr>Class<span class="tsd-signature-symbol">(</span>className<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:262</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>className: <span class="tsd-signature-type">string</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="bindevents" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> bind<wbr>Events</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">bind<wbr>Events<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:215</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="getoptions" class="tsd-anchor"></a>
<h3>get<wbr>Options</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">get<wbr>Options<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_share_ihasoptions_.ihasoptions.html">IHasOptions</a>.<a href="../interfaces/_share_ihasoptions_.ihasoptions.html#getoptions">getOptions</a></p>
<p>Inherited from <a href="_share_abstracthasoptions_.abstracthasoptions.html">AbstractHasOptions</a>.<a href="_share_abstracthasoptions_.abstracthasoptions.html#getoptions">getOptions</a></p>
<ul>
<li>Defined in share/AbstractHasOptions.ts:7</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="isaccept" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> is<wbr>Accept</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">is<wbr>Accept<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, checkData<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:282</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">any</span></h5>
</li>
<li>
<h5><span class="tsd-flag ts-flagDefault value">Default value</span> checkData: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="ngoninit" class="tsd-anchor"></a>
<h3>ng<wbr>OnInit</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">ng<wbr>OnInit<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:232</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="ondragenter" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Drag<wbr>Enter</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">on<wbr>Drag<wbr>Enter<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:287</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="ondragleave" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Drag<wbr>Leave</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">on<wbr>Drag<wbr>Leave<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:365</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="ondragover" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Drag<wbr>Over</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">on<wbr>Drag<wbr>Over<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:306</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="ondrop" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Drop</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">on<wbr>Drop<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:396</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="removestyleclass" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> remove<wbr>Style<wbr>Class</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">remove<wbr>Style<wbr>Class<span class="tsd-signature-symbol">(</span>className<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:272</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>className: <span class="tsd-signature-type">string</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="setoptions" class="tsd-anchor"></a>
<h3>set<wbr>Options</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">set<wbr>Options<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_share_ihasoptions_.ihasoptions.html">IHasOptions</a>.<a href="../interfaces/_share_ihasoptions_.ihasoptions.html#setoptions">setOptions</a></p>
<p>Inherited from <a href="_share_abstracthasoptions_.abstracthasoptions.html">AbstractHasOptions</a>.<a href="_share_abstracthasoptions_.abstracthasoptions.html#setoptions">setOptions</a></p>
<ul>
<li>Defined in share/AbstractHasOptions.ts:11</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>options: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a name="getparseddata" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> get<wbr>Parsed<wbr>Data</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
<li class="tsd-signature tsd-kind-icon">get<wbr>Parsed<wbr>Data<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:38</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a name="isaccept-1" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> is<wbr>Accept</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
<li class="tsd-signature tsd-kind-icon">is<wbr>Accept<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, acceptFormats<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, target<span class="tsd-signature-symbol">: </span><a href="../interfaces/_component_idroppable_.idroppable.html" class="tsd-signature-type">IDroppable</a>, checkData<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:79</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">any</span></h5>
</li>
<li>
<h5>acceptFormats: <span class="tsd-signature-type">any</span></h5>
</li>
<li>
<h5>target: <a href="../interfaces/_component_idroppable_.idroppable.html" class="tsd-signature-type">IDroppable</a></h5>
</li>
<li>
<h5><span class="tsd-flag ts-flagDefault value">Default value</span> checkData: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a name="parsedata" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> parse<wbr>Data</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
<li class="tsd-signature tsd-kind-icon">parse<wbr>Data<span class="tsd-signature-symbol">(</span>format<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, eventData<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in directive/Droppable.directive.ts:63</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>format: <span class="tsd-signature-type">string</span></h5>
</li>
<li>
<h5>eventData: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
</li>
</ul>
</section>
</section>
</div>
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
<nav class="tsd-navigation primary">
<ul>
<li class="globals ">
<a href="../globals.html"><em>Globals</em></a>
</li>
<li class="current tsd-kind-external-module">
<a href="../modules/_directive_droppable_directive_.html">"directive/<wbr>Droppable.directive"</a>
</li>
</ul>
</nav>
<nav class="tsd-navigation secondary menu-sticky">
<ul class="before-current">
</ul>
<ul class="current">
<li class="current tsd-kind-class tsd-parent-kind-external-module">
<a href="_directive_droppable_directive_.droppable.html" class="tsd-kind-icon">Droppable</a>
<ul>
<li class=" tsd-kind-constructor tsd-parent-kind-class">
<a href="_directive_droppable_directive_.droppable.html#constructor" class="tsd-kind-icon">constructor</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#accept" class="tsd-kind-icon">accept</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#alwaysfireevent" class="tsd-kind-icon">always<wbr>Fire<wbr>Event</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#autoaddclass" class="tsd-kind-icon">auto<wbr>Add<wbr>Class</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#component" class="tsd-kind-icon">component</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#dragleavetimeout" class="tsd-kind-icon">drag<wbr>Leave<wbr>Timeout</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#dragleavetimer" class="tsd-kind-icon">drag<wbr>Leave<wbr>Timer</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#dragovertimeout" class="tsd-kind-icon">drag<wbr>Over<wbr>Timeout</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#dragovertimer" class="tsd-kind-icon">drag<wbr>Over<wbr>Timer</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#dropacceptedremoveclasstimer" class="tsd-kind-icon">drop<wbr>Accepted<wbr>Remove<wbr>Class<wbr>Timer</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#dropclassresettimeout" class="tsd-kind-icon">drop<wbr>Class<wbr>Reset<wbr>Timeout</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#droprejectedremoveclasstimer" class="tsd-kind-icon">drop<wbr>Rejected<wbr>Remove<wbr>Class<wbr>Timer</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="_directive_droppable_directive_.droppable.html#elementref" class="tsd-kind-icon">element<wbr>Ref</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
<a href="_directive_droppable_directive_.droppable.html#options" class="tsd-kind-icon">options</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="_directive_droppable_directive_.droppable.html#class_name_drag_over" class="tsd-kind-icon">CLASS_<wbr>NAME_<wbr>DRAG_<wbr>OVER</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="_directive_droppable_directive_.droppable.html#class_name_drop_accepted" class="tsd-kind-icon">CLASS_<wbr>NAME_<wbr>DROP_<wbr>ACCEPTED</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="_directive_droppable_directive_.droppable.html#class_name_drop_rejected" class="tsd-kind-icon">CLASS_<wbr>NAME_<wbr>DROP_<wbr>REJECTED</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="_directive_droppable_directive_.droppable.html#default_accept" class="tsd-kind-icon">DEFAULT_<wbr>ACCEPT</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="_directive_droppable_directive_.droppable.html#default_always_fire_event" class="tsd-kind-icon">DEFAULT_<wbr>ALWAYS_<wbr>FIRE_<wbr>EVENT</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a hr