76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "dd",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Drag and Drop",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "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.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "author" : "davglass",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags": ["utility", "mobile", "dd", "dragdrop", "drag drop", "drag"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "use" : ["dd"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "examples": [
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "simple-drag",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Simple Drag",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "A simple drag interaction that doesn't require a drop interaction.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "drag-plugin",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Drag - Node plugin",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "How to apply the Drag Plugin to a node.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "plugin", "node"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "proxy-drag",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Drag - Proxy",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "A simple proxy drag interaction that doesn't require a drop interaction.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "plugin", "proxy"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "constrained-drag",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Drag - Constrained to a Region",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "How to constrain a draggable Node to another Node's region.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "plugin", "constrain"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "groups-drag",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Drag - Interaction Groups",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "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.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "groups", "grouping"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "shim-drag",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Using the Drag Shim",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "The use of the drag shim when dragging nodes over other troublesome nodes.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "iframe", "shim"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "drop-code",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Using Drop Based Coding",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "How to use the Drop Target events to code your application.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "drop", "target"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "winscroll",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Window Scrolling",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "How you can use the DD Scroll plugin to scroll the browser window as you drag.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "window", "scrolling"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "delegate",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Drag Delegation",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "How to use DD.Delegate to create a scalable solution which supports multiple draggable items.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd-delegate"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "delegation", "drag"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "delegate-drop",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Drag Delegation with a Drop Target",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "Using DD.Delegate to support dragging multiple items and dropping them onto a Drop Target.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd-delegate"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "delegation", "drag"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "delegate-plugins",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Using Drag Plugins with Delegate",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "How to use Drag plugins with a DD Delegate based solution.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd-delegate"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "delegation", "drag", "plugins"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "list-drag",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "List Reorder w/Bubbling",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "This example shows how to make a sortable list using Custom Event Bubbling.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd-delegate"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "delegation", "list", "sort", "bubbling"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "scroll-list",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "List Reorder w/Scrolling",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "This example shows how to make a sortable list using Custom Event Bubbling and Node Scrolling.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd-delegate"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "delegation", "list", "sort", "bubbling", "scrolling"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "anim-drop",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Animated Drop Targets",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "How to make an animated node a Drop target.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd-delegate", "anim"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "delegation", "animation", "target"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "photo-browser",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Photo Browser",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "Example Photo Browser application.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd", "animation", "event", "slider", "node", "stylesheet", "yql"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "delegation", "animation", "target", "application", "photos", "yql"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "name" : "portal-drag",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "hideTableOfContents": true,
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Portal Style Example",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "description": "Portal style example using Drag & Drop Event Bubbling and Animation.",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "modules" : ["dd", "animation", "event", "node", "yql", "json"],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "tags" : ["dd", "bubbling", "animation", "target", "application", "portal", "yql"]
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "anim-drop-example": {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Animated Drop Targets",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "layout" : "anim-drop-example"
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "photo-browser-example": {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Photo Browser",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "layout" : "photo-browser-example"
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "portal-example": {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "displayName": "Portal Example",
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass "layout" : "portal-example"