{

"name" : "dd",

"displayName": "Drag and Drop",

"description": "The Drag and Drop Utility allows you to create a draggable interface efficiently, buffering you from browser-level abnormalities and enabling you to focus on the interesting logic surrounding your particular implementation. This component enables you to create a variety of standard draggable objects with just a few lines of code and then, using its extensive API, add your own specific implementation logic.",

"author" : "davglass",

"tags": ["utility", "mobile", "dd", "dragdrop", "drag drop", "drag"],

"use" : ["dd"],

"examples": [

{

"name" : "simple-drag",

"displayName": "Simple Drag",

"description": "A simple drag interaction that doesn't require a drop interaction.",

"modules" : ["dd"],

"tags" : ["dd"],

"hideTableOfContents": true

},

{

"name" : "drag-plugin",

"displayName": "Drag - Node plugin",

"description": "How to apply the Drag Plugin to a node.",

"modules" : ["dd"],

"tags" : ["dd", "plugin", "node"],

"hideTableOfContents": true

},

{

"name" : "proxy-drag",

"displayName": "Drag - Proxy",

"description": "A simple proxy drag interaction that doesn't require a drop interaction.",

"modules" : ["dd"],

"tags" : ["dd", "plugin", "proxy"],

"hideTableOfContents": true

},

{

"name" : "constrained-drag",

"displayName": "Drag - Constrained to a Region",

"description": "How to constrain a draggable Node to another Node's region.",

"modules" : ["dd"],

"tags" : ["dd", "plugin", "constrain"],

"hideTableOfContents": true

},

{

"name" : "groups-drag",

"displayName": "Drag - Interaction Groups",

"description": "Using interaction groups, this example demonstrates how to tie into the Drag & Drop Utility's interesting moments to provide visual affordances for the current drag operation.",

"modules" : ["dd"],

"tags" : ["dd", "groups", "grouping"],

"hideTableOfContents": true

},

{

"name" : "shim-drag",

"displayName": "Using the Drag Shim",

"description": "The use of the drag shim when dragging nodes over other troublesome nodes.",

"modules" : ["dd"],

"tags" : ["dd", "iframe", "shim"],

"hideTableOfContents": true

},

{

"name" : "drop-code",

"displayName": "Using Drop Based Coding",

"description": "How to use the Drop Target events to code your application.",

"modules" : ["dd"],

"tags" : ["dd", "drop", "target"],

"hideTableOfContents": true

},

{

"name" : "winscroll",

"displayName": "Window Scrolling",

"description": "How you can use the DD Scroll plugin to scroll the browser window as you drag.",

"modules" : ["dd"],

"tags" : ["dd", "window", "scrolling"],

"hideTableOfContents": true

},

{

"name" : "delegate",

"displayName": "Drag Delegation",

"description": "How to use DD.Delegate to create a scalable solution which supports multiple draggable items.",

"modules" : ["dd-delegate"],

"tags" : ["dd", "delegation", "drag"],

"hideTableOfContents": true

},

{

"name" : "delegate-drop",

"displayName": "Drag Delegation with a Drop Target",

"description": "Using DD.Delegate to support dragging multiple items and dropping them onto a Drop Target.",

"modules" : ["dd-delegate"],

"tags" : ["dd", "delegation", "drag"],

"hideTableOfContents": true

},

{

"name" : "delegate-plugins",

"displayName": "Using Drag Plugins with Delegate",

"description": "How to use Drag plugins with a DD Delegate based solution.",

"modules" : ["dd-delegate"],

"tags" : ["dd", "delegation", "drag", "plugins"],

"hideTableOfContents": true

},

{

"name" : "list-drag",

"displayName": "List Reorder w/Bubbling",

"description": "This example shows how to make a sortable list using Custom Event Bubbling.",

"modules" : ["dd-delegate"],

"tags" : ["dd", "delegation", "list", "sort", "bubbling"],

"hideTableOfContents": true

},

{

"name" : "scroll-list",

"displayName": "List Reorder w/Scrolling",

"description": "This example shows how to make a sortable list using Custom Event Bubbling and Node Scrolling.",

"modules" : ["dd-delegate"],

"tags" : ["dd", "delegation", "list", "sort", "bubbling", "scrolling"],

"hideTableOfContents": true

}

]

}