/*

YUI 3.10.3 (build 2fb5187)

Copyright 2013 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/

*/

YUI.add('frame', function (Y, NAME) {

    /*jshint maxlen: 500 */

    /**

     * Creates a wrapper around an iframe. It loads the content either from a local

     * file or from script and creates a local YUI instance bound to that new window and document.

     * @class Frame

     * @for Frame

     * @extends Base

     * @constructor

     * @module editor

     * @submodule frame

     */

    var Frame = function() {

        Frame.superclass.constructor.apply(this, arguments);

    };

    Y.extend(Frame, Y.Base, {

        /**

        * @private

        * @property _ready

        * @description Internal reference set when the content is ready.

        * @type Boolean

        */

        _ready: null,

        /**

        * @private

        * @property _rendered

        * @description Internal reference set when render is called.

        * @type Boolean

        */

        _rendered: null,

        /**

        * @private

        * @property _iframe

        * @description Internal Node reference to the iFrame or the window

        * @type Node

        */

        _iframe: null,

        /**

        * @private

        * @property _instance

        * @description Internal reference to the YUI instance bound to the iFrame or window

        * @type YUI

        */

        _instance: null,

        /**

        * @private

        * @method _create

        * @description Create the iframe or Window and get references to the Document & Window

        * @return {Object} Hash table containing references to the new Document & Window

        */

        _create: function(cb) {

            var res, html = '', timer,

                //if the src attr is different than the default, don't create the document

                create = (this.get('src') === Frame.ATTRS.src.value),

                extra_css = ((this.get('extracss')) ? '<style id="extra_css">' + this.get('extracss') + '</style>' : '');

            this._iframe = Y.one(Y.config.doc.createElement('iframe'));

            this._iframe.setAttrs(Frame.IFRAME_ATTRS);

            this._iframe.setStyle('visibility', 'hidden');

            this._iframe.set('src', this.get('src'));

            this.get('container').append(this._iframe);

            this._iframe.set('height', '99%');

            if (create) {

                Y.log('Creating the document from javascript', 'info', 'frame');

                html = Y.Lang.sub(Frame.PAGE_HTML, {

                    DIR: this.get('dir'),

                    LANG: this.get('lang'),

                    TITLE: this.get('title'),

                    META: Frame.META,

                    LINKED_CSS: this.get('linkedcss'),

                    CONTENT: this.get('content'),

                    BASE_HREF: this.get('basehref'),

                    DEFAULT_CSS: Frame.DEFAULT_CSS,

                    EXTRA_CSS: extra_css

                });

                if (Y.config.doc.compatMode !== 'BackCompat') {

                    Y.log('Adding Doctype to frame: ' + Frame.getDocType(), 'info', 'frame');

                    //html = Frame.DOC_TYPE + "\n" + html;

                    html = Frame.getDocType() + "\n" + html;

                } else {

                    Y.log('DocType skipped because we are in BackCompat Mode.', 'warn', 'frame');

                }

                Y.log('Injecting content into iframe', 'info', 'frame');

            }

            res = this._resolveWinDoc();

            if (html) {

                Y.log('Writing HTML to new document', 'info', 'frame');

                res.doc.open();

                res.doc.write(html);

                res.doc.close();

            }

            if (!res.doc.documentElement) {

                Y.log('document.documentElement was not found, running timer', 'warn', 'frame');

                timer = Y.later(1, this, function() {

                    if (res.doc && res.doc.documentElement) {

                        Y.log('document.documentElement found inside timer', 'info', 'frame');

                        cb(res);

                        timer.cancel();

                    }

                }, null, true);

            } else {

                Y.log('document.documentElement found', 'info', 'frame');

                cb(res);

            }

        },

        /**

        * @private

        * @method _resolveWinDoc

        * @description Resolves the document and window from an iframe or window instance

        * @param {Object} c The YUI Config to add the window and document to

        * @return {Object} Object hash of window and document references, if a YUI config was passed, it is returned.

        */

        _resolveWinDoc: function(c) {

            var config = (c) ? c : {};

            config.win = Y.Node.getDOMNode(this._iframe.get('contentWindow'));

            config.doc = Y.Node.getDOMNode(this._iframe.get('contentWindow.document'));

            if (!config.doc) {

                config.doc = Y.config.doc;

            }

            if (!config.win) {

                config.win = Y.config.win;

            }

            return config;

        },

        /**

        * @private

        * @method _onDomEvent

        * @description Generic handler for all DOM events fired by the iframe or window. This handler

        * takes the current EventFacade and augments it to fire on the Frame host. It adds two new properties

        * to the EventFacade called frameX and frameY which adds the scroll and xy position of the iframe

        * to the original pageX and pageY of the event so external nodes can be positioned over the frame.

        * @param {Event.Facade} e

        */

        _onDomEvent: function(e) {

            var xy, node;

            if (!Y.Node.getDOMNode(this._iframe)) {

                //The iframe is null for some reason, bail on sending events.

                return;

            }

            //Y.log('onDOMEvent: ' + e.type, 'info', 'frame');

            e.frameX = e.frameY = 0;

            if (e.pageX > 0 || e.pageY > 0) {

                if (e.type.substring(0, 3) !== 'key') {

                    node = this._instance.one('win');

                    xy = this._iframe.getXY();

                    e.frameX = xy[0] + e.pageX - node.get('scrollLeft');

                    e.frameY = xy[1] + e.pageY - node.get('scrollTop');

                }

            }

            e.frameTarget = e.target;

            e.frameCurrentTarget = e.currentTarget;

            e.frameEvent = e;

            this.fire('dom:' + e.type, e);

        },

        initializer: function() {

            this.publish('ready', {

                emitFacade: true,

                defaultFn: this._defReadyFn

            });

        },

        destructor: function() {

            var inst = this.getInstance();

            inst.one('doc').detachAll();

            inst = null;

            this._iframe.remove();

        },

        /**

        * @private

        * @method _DOMPaste

        * @description Simple pass thru handler for the paste event so we can do content cleanup

        * @param {Event.Facade} e

        */

        _DOMPaste: function(e) {

            var inst = this.getInstance(),

                data = '', win = inst.config.win;

            if (e._event.originalTarget) {

                data = e._event.originalTarget;

            }

            if (e._event.clipboardData) {

                data = e._event.clipboardData.getData('Text');

            }

            if (win.clipboardData) {

                data = win.clipboardData.getData('Text');

                if (data === '') { // Could be empty, or failed

                    // Verify failure

                    if (!win.clipboardData.setData('Text', data)) {

                        data = null;

                    }

                }

            }

            e.frameTarget = e.target;

            e.frameCurrentTarget = e.currentTarget;

            e.frameEvent = e;

            if (data) {

                e.clipboardData = {

                    data: data,

                    getData: function() {

                        return data;

                    }

                };

            } else {

                Y.log('Failed to collect clipboard data', 'warn', 'frame');

                e.clipboardData = null;

            }

            this.fire('dom:paste', e);

        },

        /**

        * @private

        * @method _defReadyFn

        * @description Binds DOM events, sets the iframe to visible and fires the ready event

        */

        _defReadyFn: function() {

            var inst = this.getInstance();

            Y.each(Frame.DOM_EVENTS, function(v, k) {

                var fn = Y.bind(this._onDomEvent, this),

                    kfn = ((Y.UA.ie && Frame.THROTTLE_TIME > 0) ? Y.throttle(fn, Frame.THROTTLE_TIME) : fn);

                if (!inst.Node.DOM_EVENTS[k]) {

                    inst.Node.DOM_EVENTS[k] = 1;

                }

                if (v === 1) {

                    if (k !== 'focus' && k !== 'blur' && k !== 'paste') {

                        //Y.log('Adding DOM event to frame: ' + k, 'info', 'frame');

                        if (k.substring(0, 3) === 'key') {

                            //Throttle key events in IE

                            inst.on(k, kfn, inst.config.doc);

                        } else {

                            inst.on(k, fn, inst.config.doc);

                        }

                    }

                }

            }, this);

            inst.Node.DOM_EVENTS.paste = 1;

            inst.on('paste', Y.bind(this._DOMPaste, this), inst.one('body'));

            //Adding focus/blur to the window object

            inst.on('focus', Y.bind(this._onDomEvent, this), inst.config.win);

            inst.on('blur', Y.bind(this._onDomEvent, this), inst.config.win);

            inst.__use = inst.use;

            inst.use = Y.bind(this.use, this);

            this._iframe.setStyles({

                visibility: 'inherit'

            });

            inst.one('body').setStyle('display', 'block');

        },

        /**

        * It appears that having a BR tag anywhere in the source "below" a table with a percentage width (in IE 7 & 8)

        * if there is any TEXTINPUT's outside the iframe, the cursor will rapidly flickr and the CPU would occasionally

        * spike. This method finds all <BR>'s below the sourceIndex of the first table. Does some checks to see if they

        * can be modified and replaces then with a <WBR> so the layout will remain in tact, but the flickering will

        * no longer happen.

        * @method _fixIECursors

        * @private

        */

        _fixIECursors: function() {

            var inst = this.getInstance(),

                tables = inst.all('table'),

                brs = inst.all('br'), si;

            if (tables.size() && brs.size()) {

                //First Table

                si = tables.item(0).get('sourceIndex');

                brs.each(function(n) {

                    var p = n.get('parentNode'),

                        c = p.get('children'), b = p.all('>br');

                    if (p.test('div')) {

                        if (c.size() > 2) {

                            n.replace(inst.Node.create('<wbr>'));

                        } else {

                            if (n.get('sourceIndex') > si) {

                                if (b.size()) {

                                    n.replace(inst.Node.create('<wbr>'));

                                }

                            } else {

                                if (b.size() > 1) {

                                    n.replace(inst.Node.create('<wbr>'));

                                }

                            }

                        }

                    }

                });

            }

        },

        /**

        * @private

        * @method _onContentReady

        * @description Called once the content is available in the frame/window and calls the final use call

        * on the internal instance so that the modules are loaded properly.

        */

        _onContentReady: function(e) {

            if (!this._ready) {

                this._ready = true;

                var inst = this.getInstance(),

                    args = Y.clone(this.get('use'));

                this.fire('contentready');

                Y.log('On available for body of iframe', 'info', 'frame');

                if (e) {

                    inst.config.doc = Y.Node.getDOMNode(e.target);

                }

                //TODO Circle around and deal with CSS loading...

                args.push(Y.bind(function() {

                    Y.log('Callback from final internal use call', 'info', 'frame');

                    if (inst.EditorSelection) {

                        inst.EditorSelection.DEFAULT_BLOCK_TAG = this.get('defaultblock');

                    }

                    //Moved to here so that the iframe is ready before allowing editing..

                    if (this.get('designMode')) {

                        if(Y.UA.ie) {

                            inst.config.doc.body.contentEditable = 'true';

                            this._ieSetBodyHeight();

                            inst.on('keyup', Y.bind(this._ieSetBodyHeight, this), inst.config.doc);

                        } else {

                            inst.config.doc.designMode = 'on';

                        }

                    }

                    this.fire('ready');

                }, this));

                Y.log('Calling use on internal instance: ' + args, 'info', 'frame');

                inst.use.apply(inst, args);

                inst.one('doc').get('documentElement').addClass('yui-js-enabled');

            }

        },

        _ieHeightCounter: null,

        /**

        * Internal method to set the height of the body to the height of the document in IE.

        * With contenteditable being set, the document becomes unresponsive to clicks, this