build/editor/frame.js

	frame.js revision b909d10cf34b5de748b5324ab34c987f9a601449
6a6a6d5448f8c49592581707a20e891abe577bfaDav GlassYUI.add('frame', function(Y) {
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass    /**
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass     * Creates a wrapper around an iframe. It loads the content either from a local
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     * file or from script and creates a local YUI instance bound to that new window and document.
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     * @module editor
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     * @submodule frame
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     */
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass    /**
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     * Creates a wrapper around an iframe. It loads the content either from a local
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     * file or from script and creates a local YUI instance bound to that new window and document.
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     * @class Frame
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     * @for Frame
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     * @extends Base
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     * @constructor
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass     */
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass    var Frame = function() {
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass        Frame.superclass.constructor.apply(this, arguments);
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass    };
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass    Y.extend(Frame, Y.Base, {
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        /**
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @private
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @property _ready
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @description Internal reference set when the content is ready.
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @type Boolean
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        */
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        _ready: null,
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        /**
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @private
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @property _rendered
762b21413a7bbc38b5c7b2d94385fb44f26f9d39Dav Glass        * @description Internal reference set when render is called.
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @type Boolean
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        */
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        _rendered: null,
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        /**
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @private
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @property _iframe
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @description Internal Node reference to the iFrame or the window
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @type Node
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        */
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        _iframe: null,
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        /**
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @private
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @property _instance
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @description Internal reference to the YUI instance bound to the iFrame or window
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @type YUI
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        */
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        _instance: null,
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        /**
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @private
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass        * @method _create
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @description Create the iframe or Window and get references to the Document & Window
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @return {Object} Hash table containing references to the new Document & Window
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        */
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        _create: function(cb) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            var win, doc, res, node;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            this._iframe = Y.Node.create(Frame.HTML);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            this._iframe.setStyle('visibility', 'hidden');
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            this._iframe.set('src', this.get('src'));
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            this.get('container').append(this._iframe);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            var html = '',
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                extra_css = ((this.get('extracss')) ? '<style id="extra_css">' + this.get('extracss') + '</style>' : '');
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            html = Y.substitute(Frame.PAGE_HTML, {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                DIR: this.get('dir'),
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                LANG: this.get('lang'),
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                TITLE: this.get('title'),
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                META: Frame.META,
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                CONTENT: this.get('content'),
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                BASE_HREF: this.get('basehref'),
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                DEFAULT_CSS: Frame.DEFAULT_CSS,
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                EXTRA_CSS: extra_css
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            });
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            if (Y.config.doc.compatMode != 'BackCompat') {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                html = Frame.DOC_TYPE + "\n" + html;
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            } else {
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            }
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass            res = this._resolveWinDoc();
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass            res.doc.open();
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            res.doc.write(html);
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            res.doc.close();
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            if (this.get('designMode')) {
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass                res.doc.designMode = 'on';
762b21413a7bbc38b5c7b2d94385fb44f26f9d39Dav Glass            }
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            if (!res.doc.documentElement) {
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass                var timer = Y.later(1, this, function() {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    if (res.doc && res.doc.documentElement) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                        cb(res);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                        timer.cancel();
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                }, null, true);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            } else {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                cb(res);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        },
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        /**
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @private
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @method _resolveWinDoc
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @description Resolves the document and window from an iframe or window instance
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @param {Object} c The YUI Config to add the window and document to
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @return {Object} Object hash of window and document references, if a YUI config was passed, it is returned.
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        */
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        _resolveWinDoc: function(c) {
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            var config = (c) ? c : {};
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            config.win = Y.Node.getDOMNode(this._iframe.get('contentWindow'));
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            config.doc = Y.Node.getDOMNode(this._iframe.get('contentWindow.document'));
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            if (!config.doc) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                config.doc = Y.config.doc;
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            }
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            if (!config.win) {
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass                config.win = Y.config.win;
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            }
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            return config;
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        },
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        /**
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @private
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @method _onDomEvent
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @description Generic handler for all DOM events fired by the iframe or window. This handler
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * takes the current EventFacade and augments it to fire on the Frame host. It adds two new properties
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * to the EventFacade called frameX and frameY which adds the scroll and xy position of the iframe
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * to the original pageX and pageY of the event so external nodes can be positioned over the frame.
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @param {Event.Facade} e
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        */
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        _onDomEvent: function(e) {
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass            var xy, node;
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            e.frameX = e.frameY = 0;
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass            if (e.pageX > 0 || e.pageY > 0) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                if (e.type.substring(0, 3) !== 'key') {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    node = this._instance.one('win');
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    xy = this._iframe.getXY()
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    e.frameX = xy[0] + e.pageX - node.get('scrollLeft');
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    e.frameY = xy[1] + e.pageY - node.get('scrollTop');
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            e.frameTarget = e.target;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            e.frameCurrentTarget = e.currentTarget;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            e.frameEvent = e;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            this.fire('dom:' + e.type, e);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        },
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        initializer: function() {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            this.publish('ready', {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                emitFacade: true,
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                defaultFn: this._defReadyFn
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            });
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        },
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        destructor: function() {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            var inst = this.getInstance();
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.one('doc').detachAll();
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst = null;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            this._iframe.remove();
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        },
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        /**
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @private
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @method _DOMPaste
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @description Simple pass thru handler for the paste event so we can do content cleanup
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @param {Event.Facade} e
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        */
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        _DOMPaste: function(e) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            var inst = this.getInstance(),
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                data = '', win = inst.config.win;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            if (e._event.originalTarget) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                data = e._event.originalTarget;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            if (e._event.clipboardData) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                data = e._event.clipboardData.getData('Text');
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            if (win.clipboardData) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                data = win.clipboardData.getData('Text');
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                if (data == '') { // Could be empty, or failed
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    // Verify failure
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    if (!win.clipboardData.setData('Text', data)) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                        data = null;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            e.frameTarget = e.target;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            e.frameCurrentTarget = e.currentTarget;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            e.frameEvent = e;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            if (data) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                e.clipboardData = {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    data: data,
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    getData: function() {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                        return data;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                };
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            } else {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                e.clipboardData = null;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            this.fire('dom:paste', e);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        },
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        /**
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @private
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @method _defReadyFn
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        * @description Binds DOM events, sets the iframe to visible and fires the ready event
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        */
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass        _defReadyFn: function() {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            var inst = this.getInstance(),
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                fn = Y.bind(this._onDomEvent, this),
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                kfn = ((Y.UA.ie) ? Y.throttle(fn, 200) : fn);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.Node.DOM_EVENTS.activate = 1;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.Node.DOM_EVENTS.focusin = 1;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.Node.DOM_EVENTS.deactivate = 1;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.Node.DOM_EVENTS.focusout = 1;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            //Y.each(inst.Node.DOM_EVENTS, function(v, k) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            Y.each(Frame.DOM_EVENTS, function(v, k) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                if (v === 1) {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    if (k !== 'focus' && k !== 'blur' && k !== 'paste') {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                        if (k.substring(0, 3) === 'key') {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                            inst.on(k, kfn, inst.config.doc);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                        } else {
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                            inst.on(k, fn, inst.config.doc);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                        }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                    }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass                }
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            }, this);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.Node.DOM_EVENTS.paste = 1;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.on('paste', Y.bind(this._DOMPaste, this), inst.one('body'));
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            //Adding focus/blur to the window object
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.on('focus', fn, inst.config.win);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.on('blur', fn, inst.config.win);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst._use = inst.use;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            inst.use = Y.bind(this.use, this);
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            this._iframe.setStyles({
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                visibility: 'inherit'
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass            });
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass            inst.one('body').setStyle('display', 'block');
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        },
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        /**
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        * @private
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        * @method _onContentReady
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        * @description Called once the content is available in the frame/window and calls the final use call
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        * on the internal instance so that the modules are loaded properly.
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        */
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        _onContentReady: function(e) {
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass            if (!this._ready) {
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                this._ready = true;
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                var inst = this.getInstance(),
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                    args = Y.clone(this.get('use'));
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                this.fire('contentready');
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass                if (e) {
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass                    inst.config.doc = Y.Node.getDOMNode(e.target);
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass                }
e0b25dbc0322a078f384c45b48e5690f23d7eb15Dav Glass                //TODO Circle around and deal with CSS loading...
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                args.push(Y.bind(function() {
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                    this.fire('ready');
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                }, this));
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                inst.use.apply(inst, args);
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                inst.one('doc').get('documentElement').addClass('yui-js-enabled');
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            }
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        },
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        /**
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @private
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @method _resolveBaseHref
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @description Resolves the basehref of the page the frame is created on. Only applies to dynamic content.
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @param {String} href The new value to use, if empty it will be resolved from the current url.
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @return {String}
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        */
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        _resolveBaseHref: function(href) {
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass            if (!href || href === '') {
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                href = Y.config.doc.location.href;
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                if (href.indexOf('?') !== -1) { //Remove the query string
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                    href = href.substring(0, href.indexOf('?'));
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                }
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                href = href.substring(0, href.lastIndexOf('/')) + '/';
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            }
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            return href;
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        },
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        /**
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @private
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @method _getHTML
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @description Get the content from the iframe
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @param {String} html The raw HTML from the body of the iframe.
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @return {String}
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        */
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        _getHTML: function(html) {
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass            if (this._ready) {
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass                var inst = this.getInstance();
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                html = inst.one('body').get('innerHTML');
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass            }
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass            return html;
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        },
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        /**
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @private
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @method _setHTML
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @description Set the content of the iframe
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @param {String} html The raw HTML to set the body of the iframe to.
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @return {String}
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        */
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        _setHTML: function(html) {
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            if (this._ready) {
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                var inst = this.getInstance();
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                inst.one('body').set('innerHTML', html);
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            } else {
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                //This needs to be wrapped in a contentready callback for the !_ready state
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                this.on('contentready', Y.bind(function(html, e) {
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                    var inst = this.getInstance();
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                    inst.one('body').set('innerHTML', html);
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                }, this, html));
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            }
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            return html;
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        },
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        /**
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass        * @private
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @method _setExtraCSS
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @description Set's the extra CSS on the instance..
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        */
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        _setExtraCSS: function(css) {
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            if (this._ready) {
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                var inst = this.getInstance(),
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                    node = inst.get('#extra_css');
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                node.remove();
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                inst.one('head').append('<style id="extra_css">' + css + '</style>');
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            }
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            return css;
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        },
008f8a72828325c3326b73e5d40abef1cdac4896Dav Glass        /**
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @private
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @method _instanceLoaded
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @description Called from the first YUI instance that sets up the internal instance.
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass        * This loads the content into the window/frame and attaches the contentready event.
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @param {YUI} inst The internal YUI instance bound to the frame/window
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        */
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        _instanceLoaded: function(inst) {
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            this._instance = inst;
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            this._onContentReady();
008f8a72828325c3326b73e5d40abef1cdac4896Dav Glass
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass            var doc = this._instance.config.doc;
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass            if (this.get('designMode')) {
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass                if (!Y.UA.ie) {
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass                    try {
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass                        //Force other browsers into non CSS styling
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass                        doc.execCommand('styleWithCSS', false, false);
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass                        doc.execCommand('insertbronreturn', false, false);
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass                    } catch (err) {}
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass                }
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass            }
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass        },
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass        //BEGIN PUBLIC METHODS
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        /**
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        * @method use
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        * @description This is a scoped version of the normal YUI.use method & is bound to this frame/window.
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        * At setup, the inst.use method is mapped to this method.
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass        */
008f8a72828325c3326b73e5d40abef1cdac4896Dav Glass        use: function() {
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass            var inst = this.getInstance(),
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass                args = Y.Array(arguments),
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass                cb = false;
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass
55b12015bcdecf19f771f5387bc9b14af54da374Dav Glass            if (Y.Lang.isFunction(args[args.length - 1])) {
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass                cb = args.pop();
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass            }
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass            if (cb) {
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass                args.push(function() {
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass                    cb.apply(inst, arguments);
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass                });
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass            }
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass            inst._use.apply(inst, args);
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        },
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        /**
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @method delegate
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @description A delegate method passed to the instance's delegate method
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @param {String} type The type of event to listen for
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @param {Function} fn The method to attach
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @param {String} cont The container to act as a delegate, if no "sel" passed, the body is assumed as the container.
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @param {String} sel The selector to match in the event (optional)
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        * @return {EventHandle} The Event handle returned from Y.delegate
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass        */
460f50e26eefa1cc3d4ad5d7131bb8c17904664eDav Glass        delegate: function(type, fn, cont, sel) {
dc8b2d1d3b1cfe4b6971da2344e7f77671b4e553Dav Glass            var inst = this.getInstance();
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass            if (!inst) {
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass                return false;
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            }
eff9fa15f2fbdf22c5d33c82d48bd9d0ee0640abDav Glass            if (!sel) {
eff9fa15f2fbdf22c5d33c82d48bd9d0ee0640abDav Glass                sel = cont;
eff9fa15f2fbdf22c5d33c82d48bd9d0ee0640abDav Glass                cont = 'body';
84e4fc4350d23a4c37b8d6a3f5ee4c131cacf5ddDav Glass            }
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass            return inst.delegate(type, fn, cont, sel);
eff9fa15f2fbdf22c5d33c82d48bd9d0ee0640abDav Glass        },
eff9fa15f2fbdf22c5d33c82d48bd9d0ee0640abDav Glass        /**
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        * @method getInstance
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass        * @description Get a reference to the internal YUI instance.
d9925fd17da1983ab7b360768676d6253d831a86Dav Glass        * @return {YUI} The internal YUI instance
0db84e0da684308b0fd9ea9b5906c11bafa7a246Dav Glass        */
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        getInstance: function() {
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass            return this._instance;
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        },
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        /**
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @method render
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @description Render the iframe into the container config option or open the window.
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @param {String/HTMLElement/Node} node The node to render to
fc2d50365b169f761de7a15d7a4fe406b33fd403Dav Glass        * @return {Y.Frame}
6a6a6d5448f8c49592581707a20e891abe577bfaDav Glass        * @chainable
        */
        render: function(node) {
            if (this._rendered) {
                return this;
            }
            this._rendered = true;
            if (node) {
                this.set('container', node);
            }

            this._create(Y.bind(function(res) {
                var inst, timer,
                    cb = Y.bind(function(i) {
                        this._instanceLoaded(i);
                    }, this),
                    args = Y.clone(this.get('use')),
                    config = {
                        debug: false,
                        win: res.win,
                        doc: res.doc
                    },
                    fn = Y.bind(function() {
                        config = this._resolveWinDoc(config);
                        inst = YUI(config);

                        try {
                            inst.use('node-base', cb);
                            if (timer) {
                                clearInterval(timer);
                            }
                        } catch (e) {
                            timer = setInterval(function() {
                                fn();
                            }, 350);
                        }
                    }, this);

                args.push(fn);

                Y.use.apply(Y, args);

            }, this));

            return this;
        },
        /**
        * @method focus
        * @description Set the focus to the iframe
        * @param {Function} fn Callback function to execute after focus happens
        * @return {Frame}
        * @chainable
        */
        focus: function(fn) {
            if (Y.UA.ie) {
                Y.one('win').focus();
                this.getInstance().one('win').focus();
                if (Y.Lang.isFunction(fn)) {
                    fn();
                }
            } else {
                try {
                    Y.one('win').focus();
                    Y.later(100, this, function() {
                        this.getInstance().one('win').focus();
                        if (Y.Lang.isFunction(fn)) {
                            fn();
                        }
                    });
                } catch (ferr) {
                }
            }
            return this;
        },
        /**
        * @method show
        * @description Show the iframe instance
        * @return {Frame}
        * @chainable
        */
        show: function() {
            this._iframe.setStyles({
                position: 'static',
                left: ''
            });
            if (Y.UA.gecko) {
                try {
                    this._instance.config.doc.designMode = 'on';
                } catch (e) { }
                this.focus();
            }
            return this;
        },
        /**
        * @method hide
        * @description Hide the iframe instance
        * @return {Frame}
        * @chainable
        */
        hide: function() {
            this._iframe.setStyles({
                position: 'absolute',
                left: '-999999px'
            });
            return this;
        }
    }, {

        /**
        * @static
        * @property DOM_EVENTS
        * @description The DomEvents that the frame automatically attaches and bubbles
        * @type Object
        */
        DOM_EVENTS: {
            paste: 1,
            mouseup: 1,
            mousedown: 1,
            keyup: 1,
            keydown: 1,
            keypress: 1,
            activate: 1,
            deactivate: 1,
            focusin: 1,
            focusout: 1
        },

        /**
        * @static
        * @property DEFAULT_CSS
        * @description The default css used when creating the document.
        * @type String
        */
        DEFAULT_CSS: 'html { height: 95%; } body { padding: 7px; background-color: #fff; font: 13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; } a, a:visited, a:hover { color: blue !important; text-decoration: underline !important; cursor: text !important; } img { cursor: pointer !important; border: none; }',

        //DEFAULT_CSS: 'html { } body { margin: -15px 0 0 -15px; padding: 7px 0 0 15px; display: block; background-color: #fff; font: 13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }',
        //DEFAULT_CSS: 'html { height: 95%; } body { height: 100%; padding: 7px; margin: 0 0 0 -7px; postion: relative; background-color: #fff; font: 13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; } a, a:visited, a:hover { color: blue !important; text-decoration: underline !important; cursor: text !important; } img { cursor: pointer !important; border: none; }',
        //DEFAULT_CSS: 'html { margin: 0; padding: 0; border: none; border-size: 0; } body { height: 97%; margin: 0; padding: 0; display: block; background-color: gray; font: 13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }',
        /**
        * @static
        * @property HTML
        * @description The template string used to create the iframe
        * @type String
        */
        HTML: '<iframe border="0" frameBorder="0" marginWidth="0" marginHeight="0" leftMargin="0" topMargin="0" allowTransparency="true" width="100%" height="99%"></iframe>',
        //HTML: '<iframe border="0" frameBorder="0" width="100%" height="99%"></iframe>',
        /**
        * @static
        * @property PAGE_HTML
        * @description The template used to create the page when created dynamically.
        * @type String
        */
        PAGE_HTML: '<html dir="{DIR}" lang="{LANG}"><head><title>{TITLE}</title>{META}<base href="{BASE_HREF}"/><style id="editor_css">{DEFAULT_CSS}</style>{EXTRA_CSS}</head><body>{CONTENT}</body></html>',
        /**
        * @static
        * @property DOC_TYPE
        * @description The DOCTYPE to prepend to the new document when created. Should match the one on the page being served.
        * @type String
        */
        DOC_TYPE: '<!DOCTYPE HTML PUBLIC "-/'+'/W3C/'+'/DTD HTML 4.01/'+'/EN" "http:/'+'/www.w3.org/TR/html4/strict.dtd">',
        /**
        * @static
        * @property META
        * @description The meta-tag for Content-Type to add to the dynamic document
        * @type String
        */
        META: '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">',
        //META: '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>',
        /**
        * @static
        * @property NAME
        * @description The name of the class (frame)
        * @type String
        */
        NAME: 'frame',
        ATTRS: {
            /**
            * @attribute title
            * @description The title to give the blank page.
            * @type String
            */
            title: {
                value: 'Blank Page'
            },
            /**
            * @attribute dir
            * @description The default text direction for this new frame. Default: ltr
            * @type String
            */
            dir: {
                value: 'ltr'
            },
            /**
            * @attribute lang
            * @description The default language. Default: en-US
            * @type String
            */
            lang: {
                value: 'en-US'
            },
            /**
            * @attribute src
            * @description The src of the iframe/window. Defaults to javascript:;
            * @type String
            */
            src: {
                //Hackish, IE needs the false in the Javascript URL
                value: 'javascript' + ((Y.UA.ie) ? ':false' : ':') + ';'
            },
            /**
            * @attribute designMode
            * @description Should designMode be turned on after creation.
            * @writeonce
            * @type Boolean
            */
            designMode: {
                writeOnce: true,
                value: false
            },
            /**
            * @attribute content
            * @description The string to inject into the body of the new frame/window.
            * @type String
            */
            content: {
                value: '<br>',
                setter: '_setHTML',
                getter: '_getHTML'
            },
            /**
            * @attribute basehref
            * @description The base href to use in the iframe.
            * @type String
            */
            basehref: {
                value: false,
                getter: '_resolveBaseHref'
            },
            /**
            * @attribute use
            * @description Array of modules to include in the scoped YUI instance at render time. Default: ['none', 'selector-css2']
            * @writeonce
            * @type Array
            */
            use: {
                writeOnce: true,
                value: ['substitute', 'node', 'node-style', 'selector-css3']
            },
            /**
            * @attribute container
            * @description The container to append the iFrame to on render.
            * @type String/HTMLElement/Node
            */
            container: {
                value: 'body',
                setter: function(n) {
                    return Y.one(n);
                }
            },
            /**
            * @attribute id
            * @description Set the id of the new Node. (optional)
            * @type String
            * @writeonce
            */
            id: {
                writeOnce: true,
                getter: function(id) {
                    if (!id) {
                        id = 'iframe-' + Y.guid();
                    }
                    return id;
                }
            },
            /**
            * @attribute extracss
            * @description A string of CSS to add to the Head of the Editor
            * @type String
            */
            extracss: {
                value: '',
                setter: '_setExtraCSS'
            },
            /**
            * @attribute host
            * @description A reference to the Editor instance
            * @type Object
            */
            host: {
                value: false
            }
        }
    });


    Y.Frame = Frame;


}, '@VERSION@' ,{requires:['base', 'node', 'selector-css3', 'substitute'], skinnable:false});