src/cm/media/js/lib/yui/yui_3.0.0b1/build/dd/dd-proxy-debug.js
changeset 0 40c8f766c9b8
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/cm/media/js/lib/yui/yui_3.0.0b1/build/dd/dd-proxy-debug.js	Mon Nov 23 15:14:29 2009 +0100
@@ -0,0 +1,215 @@
+/*
+Copyright (c) 2009, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 3.0.0b1
+build: 1163
+*/
+YUI.add('dd-proxy', function(Y) {
+
+
+    /**
+     * The Drag & 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.
+     * @module dd
+     * @submodule dd-proxy
+     */
+    /**
+     * This plugin for dd-drag is for creating a proxy drag node, instead of dragging the original node.
+     * @class DDProxy
+     * @extends Base
+     * @constructor
+     * @namespace Plugin     
+     */
+    var DDM = Y.DD.DDM,
+        NODE = 'node',
+        DRAG_NODE = 'dragNode',
+        HOST = 'host',
+        TRUE = true;
+
+    var P = function(config) {
+        P.superclass.constructor.apply(this, arguments);
+    };
+    
+    P.NAME = 'DDProxy';
+    /**
+    * @property proxy
+    * @description The Proxy instance will be placed on the Drag instance under the proxy namespace.
+    * @type {String}
+    */
+    P.NS = 'proxy';
+
+    P.ATTRS = {
+        host: {
+        },
+        /**
+        * @attribute moveOnEnd
+        * @description Move the original node at the end of the drag. Default: true
+        * @type Boolean
+        */
+        moveOnEnd: {
+            value: TRUE
+        },
+        /**
+        * @attribute resizeFrame
+        * @description Make the Proxy node assume the size of the original node. Default: true
+        * @type Boolean
+        */
+        resizeFrame: {
+            value: TRUE
+        },
+        /**
+        * @attribute positionProxy
+        * @description Make the Proxy node appear in the same place as the original node. Default: true
+        * @type Boolean
+        */
+        positionProxy: {
+            value: TRUE
+        },
+        /**
+        * @attribute borderStyle
+        * @description The default border style for the border of the proxy. Default: 1px solid #808080
+        * @type Boolean
+        */
+        borderStyle: {
+            value: '1px solid #808080'
+        }
+    };
+
+    var proto = {
+        /**
+        * @private
+        * @property _hands
+        * @description Holds the event handles for setting the proxy
+        */
+        _hands: null,
+        /**
+        * @private
+        * @method _init
+        * @description Handler for the proxy config attribute
+        */
+        _init: function() {
+            if (!DDM._proxy) {
+                Y.on('domready', Y.bind(this._init, this));
+                return;
+            }
+            if (!this._hands) {
+                this._hands = [];
+            }
+            var i, h, h1, host = this.get(HOST), dnode = host.get(DRAG_NODE);
+            if (dnode.compareTo(host.get(NODE))) {
+                if (DDM._proxy) {
+                    host.set(DRAG_NODE, DDM._proxy);
+                }
+            }
+            for (i in this._hands) {
+                this._hands[i].detach();
+            }
+            h = DDM.on('ddm:start', Y.bind(function() {
+                if (DDM.activeDrag === host) {
+                    DDM._setFrame(host);
+                }
+            }, this));
+            h1 = DDM.on('ddm:end', Y.bind(function() {
+                if (host.get('dragging')) {
+                    if (this.get('moveOnEnd')) {
+                        host.get(NODE).setXY(host.lastXY);
+                    }
+                    host.get(DRAG_NODE).setStyle('display', 'none');
+                }
+            }, this));
+            this._hands = [h, h1];
+        },
+        initializer: function() {
+            this._init();
+        },
+        destructor: function() {
+            var host = this.get(HOST);
+            for (var i in this._hands) {
+                this._hands[i].detach();
+            }
+            host.set(DRAG_NODE, host.get(NODE));
+        }
+    };
+    
+    Y.namespace('Plugin');
+    Y.extend(P, Y.Base, proto);
+    Y.Plugin.DDProxy = P;
+
+    //Add a couple of methods to the DDM
+    Y.mix(DDM, {
+        /**
+        * @private
+        * @for DDM
+        * @namespace DD
+        * @method _createFrame
+        * @description Create the proxy element if it doesn't already exist and set the DD.DDM._proxy value
+        */
+        _createFrame: function() {
+            if (!DDM._proxy) {
+                DDM._proxy = TRUE;
+
+                var p = Y.Node.create('<div></div>'),
+                b = Y.Node.get('body');
+
+                p.setStyles({
+                    position: 'absolute',
+                    display: 'none',
+                    zIndex: '999',
+                    top: '-999px',
+                    left: '-999px'
+                });
+
+                b.insertBefore(p, b.get('firstChild'));
+                p.set('id', Y.stamp(p));
+                p.addClass(DDM.CSS_PREFIX + '-proxy');
+                DDM._proxy = p;
+            }
+        },
+        /**
+        * @private
+        * @for DDM
+        * @namespace DD
+        * @method _setFrame
+        * @description If resizeProxy is set to true (default) it will resize the proxy element to match the size of the Drag Element.
+        * If positionProxy is set to true (default) it will position the proxy element in the same location as the Drag Element.
+        */
+        _setFrame: function(drag) {
+            var n = drag.get(NODE), d = drag.get(DRAG_NODE), ah, cur = 'auto';
+            if (drag.proxy.get('resizeFrame')) {
+                DDM._proxy.setStyles({
+                    height: n.get('offsetHeight') + 'px',
+                    width: n.get('offsetWidth') + 'px'
+                });
+            }
+            
+            ah = DDM.activeDrag.get('activeHandle');
+            if (ah) {
+                cur = ah.getStyle('cursor');
+            }
+            if (cur == 'auto') {
+                cur = DDM.get('dragCursor');
+            }
+
+
+            d.setStyles({
+                visibility: 'hidden',
+                display: 'block',
+                cursor: cur,
+                border: drag.proxy.get('borderStyle')
+            });
+
+
+
+            if (drag.proxy.get('positionProxy')) {
+                d.setXY(drag.nodeXY);
+            }
+            d.setStyle('visibility', 'visible');
+        }
+    });
+
+    //Create the frame when DOM is ready
+    Y.on('domready', Y.bind(DDM._createFrame, DDM));
+
+
+
+}, '3.0.0b1' ,{requires:['dd-ddm', 'dd-drag'], skinnable:false});