marko/widgets/index-browser.js

var Widget = require('./Widget');
var initServerRendered = require('./init-widgets').initServerRendered;
var updateManager = require('./update-manager');
var events = require('../runtime/events');

exports.Widget = Widget;

exports.onInitWidget = function(listener) {
    events.on('initWidget', listener);
};

exports.writeDomEventsEl = function() {
    /* Intentionally empty in the browser */
};

function getWidgetForEl(el, doc) {
    if (el) {
        var node = typeof el === 'string' ? (doc || window.document).getElementById(el) : el;
        if (node) {
            var widget = node.__widget;

            while(widget) {
                var rootFor = widget.$__rootFor;
                if (rootFor)  {
                    widget = rootFor;
                } else {
                    break;
                }
            }

            return widget;
        }
    }
}

exports.get = exports.getWidgetForEl = getWidgetForEl;

function getRootEls(widget, rootEls) {
    var i, len;

    var widgetEls = widget.els;

    for (i=0, len=widgetEls.length; i<len; i++) {
        var widgetEl = widgetEls[i];
        rootEls[widgetEl.id] = widgetEl;
    }

    var rootWidgets = widget.$__rootWidgets;
    if (rootWidgets) {
        for (i=0, len=rootWidgets.length; i<len; i++) {
            var rootWidget = rootWidgets[i];
            getRootEls(rootWidget, rootEls);
        }
    }

    return rootEls;
}

exports.$__roots = getRootEls;

// Subscribe to DOM manipulate events to handle creating and destroying widgets

events.on('dom/beforeRemove', function(eventArgs) {
        var el = eventArgs.el;
        var widget = el.id ? getWidgetForEl(el) : null;
        if (widget) {
            widget.destroy({
                removeNode: false,
                recursive: true
            });
        }
    })
    .on('mountNode', function(eventArgs) {
        var out = eventArgs.out;
        var widgetsContext = out.global.widgets;
        if (widgetsContext) {
            widgetsContext.$__initWidgets(eventArgs.document);
        }
    });

exports.initWidgets = initServerRendered;

exports.registerWidget = require('./registry').register;
exports.defineComponent = require('./defineComponent'); // Deprecated
exports.defineWidget /* deprecated */ = exports.w = require('./defineWidget');
exports.defineRenderer = require('./defineRenderer'); // Deprecated
exports.makeRenderable = exports.renderable = require('../runtime/renderable');

exports.r = require('./renderer');

exports.batchUpdate = updateManager.$__batchUpdate;
exports.onAfterUpdate = updateManager.$__onAfterUpdate;

window.$MARKO_WIDGETS = exports; // Helpful when debugging... WARNING: DO NOT USE IN REAL CODE!