@framing/ng-core/@framing/ng-core.es5.js

var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
/**
 * @license Framing v0.8.20
 * Copyright 2016-2017 Biznas Innovations, Inc. http://biznas.io
 * License: Apache License, Version 2.0
 */
import { ANALYZE_FOR_ENTRY_COMPONENTS, ChangeDetectorRef, Component, ComponentFactoryResolver, Directive, EventEmitter, Injectable, Injector, Input, NgModule, NgModuleFactory, Output, Type, ViewContainerRef } from '@angular/core';
import { ActivatedRoute, NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router, RouterModule } from '@angular/router';
import { assign, camelCase, clone, defaults, differenceWith, each, filter, find, isArray, isEmpty, isEqual, isNil, keys, merge, reject, uniqWith } from 'lodash';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { ReplaySubject, Subject } from 'rxjs';
import { ReplaySubject as ReplaySubject$1 } from 'rxjs/Rx';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
var Component$1 = (function () {
    function Component$1(controller, injector) {
        var _this = this;
        this.controller = controller;
        this.changeDetectorRef = injector.get(ChangeDetectorRef);
        this.subscriptions = [];
        this.subscriptions.push(controller.model$.subscribe(function (model) { return _this.updateModel(model); }), controller.view$.subscribe(function (view) { return _this.updateView(view); }), controller.markForCheck$.subscribe(function () { return _this.changeDetectorRef.markForCheck(); }));
        this.controller.attach();
    }
    Component$1.prototype.ngOnInit = function () {
    };
    Component$1.prototype.ngOnDestroy = function () {
        this.controller.detach();
        this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
        this.subscriptions = null;
        this.changeDetectorRef = null;
        this.controller = null;
        this.model = null;
        this.view = null;
    };
    Component$1.prototype.updateModel = function (model) {
        this.model = model;
        this.changeDetectorRef.markForCheck();
    };
    Component$1.prototype.updateView = function (view) {
        this.view = view;
        this.changeDetectorRef.markForCheck();
    };
    return Component$1;
}());
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
// import { Subject } from 'rxjs/Subject';
var Controller = (function () {
    // import { Subject } from 'rxjs/Subject';
    function Controller() {
        // ========================================
        // private properties
        // ========================================
        this._refCount = 0;
    }
    Object.defineProperty(Controller.prototype, "model$", {
        // ========================================
        // public methods
        // ========================================
        /**
         * Model observable accessor.
         */
        get: function () { return this._model$; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Controller.prototype, "model", {
        /**
         * Model accessor.
         */
        get: function () { return this._model; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Controller.prototype, "view$", {
        /**
         * View observable accessor.
         */
        get: function () { return this._view$; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Controller.prototype, "view", {
        /**
         * View accessor.
         */
        get: function () { return this._view; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Controller.prototype, "markForCheck$", {
        /**
         * Mark for check observable accessor.
         */
        get: function () { return this._markForCheck$; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Controller.prototype, "frame", {
        /**
         * Frame accessor.
         */
        get: function () { return this._frame; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Controller.prototype, "injector", {
        /**
         * Model accessor.
         */
        get: function () { return this._injector; },
        enumerable: true,
        configurable: true
    });
    /**
     * Called after controller is initialized with model, view & frame from framing.
     */
    Controller.prototype.onControllerInit = function () { };
    /**
     * Called when the controller's route starts resolving.
     */
    Controller.prototype.onResolveStart = function () { };
    /**
     * Called when the controller's route end resolving.
     */
    Controller.prototype.onResolveEnd = function () { };
    /**
     * Called when the controller's route resolve is cancelled.
     */
    Controller.prototype.onResolveCancel = function () { };
    /**
     * Called by framing after construction to link the model, view & frame for this controller.
     */
    Controller.prototype.initController = function (model, view, frame, framerName, injector) {
        var _this = this;
        this._modelSubject = new BehaviorSubject(model);
        this._viewSubject = new BehaviorSubject(view);
        this._model$ = this._modelSubject.asObservable();
        this._view$ = this._viewSubject.asObservable();
        this._model = model;
        this._view = view;
        this._markForCheckSubject = new BehaviorSubject(true);
        this._markForCheck$ = this._markForCheckSubject.asObservable();
        this._frame = frame;
        this._injector = injector;
        this._framerName = framerName;
        if (this._frame) {
            this._frame.resolveStart$.subscribe(function () { _this.onResolveStart(); });
            this._frame.resolveEnd$.subscribe(function () { _this.onResolveEnd(); });
            this._frame.resolveCancel$.subscribe(function () { _this.onResolveCancel(); });
        }
        this.onControllerInit();
        console.log('initController');
        console.log(this);
    };
    Controller.prototype.updateModel = function (model, replace) {
        if (replace === void 0) { replace = false; }
        if (replace) {
            this._model = clone(model);
        }
        else {
            this._model = assign({}, this._model, model);
        }
        this._modelSubject.next(this._model);
    };
    Controller.prototype.updateView = function (view, replace) {
        if (replace === void 0) { replace = false; }
        if (replace) {
            this._view = clone(view);
        }
        else {
            this._view = assign({}, this._view, view);
        }
        this._viewSubject.next(this._view);
    };
    Controller.prototype.markForCheck = function () {
        this._markForCheckSubject.next(true);
    };
    Controller.prototype.attach = function () {
        var _this = this;
        this._refCount++;
        if (this._refCount === 1) {
            setTimeout(function () {
                _this.onAttached();
            });
        }
    };
    Controller.prototype.detach = function () {
        var _this = this;
        this._refCount--;
        if (this._refCount === 0) {
            setTimeout(function () {
                _this.onDetached();
            });
        }
    };
    Controller.prototype.onAttached = function () { };
    Controller.prototype.onDetached = function () { };
    return Controller;
}());
Controller = __decorate$2([
    Injectable()
], Controller);
/**
 * Dev tool class used for framing integration with Redux DevTools
 *
 * @class FramingTools
 */
/**
 * Dev tool class used for framing integration with Redux DevTools
 *
 * @class FramingTools
 */ var FramingTools = (function () {
    function FramingTools() {
        this.instantiatedControllers = {};
    }
    Object.defineProperty(FramingTools, "Instance", {
        get: function () {
            return this._instance || (this._instance = new this());
        },
        enumerable: true,
        configurable: true
    });
    FramingTools.prototype.addController = function (framerName, controller) {
        this.instantiatedControllers[framerName] = controller;
    };
    FramingTools.prototype.getAllControllers = function () {
        return this.instantiatedControllers;
    };
    FramingTools.prototype.getControllerByKey = function (key) {
        return this.instantiatedControllers[key] ? this.instantiatedControllers[key] : null;
    };
    return FramingTools;
}());
var framingTools = FramingTools.Instance;
var stateRoot = {};
var onLoad = true;
// let controllers: any[] = [];
var devTools = _createReduxDevtoolsExtension();
var isListening = false;
/* tslint:disable */
function Action(description, log) {
    if (description === void 0) { description = null; }
    if (log === void 0) { log = true; }
    return function (target, propertyKey, descriptor) {
        if (descriptor === undefined) {
            descriptor = Object.getOwnPropertyDescriptor(target, propertyKey);
        }
        var originalMethod = descriptor.value;
        descriptor.value = function () {
            var args = [];
            var controller = this;
            // let controllerIndex: number;
            // if (controllers.indexOf(controller) <= -1) {
            //   controllers.push(controller);
            //   controllerIndex = controllers.length - 1;
            // } else {
            //   controllerIndex = controllers.indexOf(controller);
            // }
            for (var _i = 0; _i < arguments.length; _i++) {
                args[_i] = arguments[_i];
            }
            try {
                listenForChanges();
            }
            catch (e) {
                console.log('Listen to Devtools failed: ');
                console.log(e);
            }
            // Send the initial state if this is the first time connecting to the dev tools
            if (onLoad && log && devTools) {
                onLoad = !onLoad;
                stateRoot[controller._framerName] = controller.model;
                var state = {
                    framerName: controller._framerName,
                    value: stateRoot,
                };
                try {
                    devTools.send((description || propertyKey), state);
                }
                catch (e) {
                    console.log('Send to Devtools failed: ');
                    console.log(e);
                }
            }
            originalMethod.apply(controller, args);
            // Need to log after the method has been ran and state is updated
            if (log && devTools) {
                stateRoot[controller._framerName] = controller.model;
                var state = {
                    framerName: controller._framerName,
                    // controllerIndex: controllerIndex,
                    value: stateRoot,
                };
                try {
                    devTools.send((description || propertyKey), state);
                }
                catch (e) {
                    console.log('Send to Devtools failed: ');
                    console.log(e);
                }
            }
            controller.markForCheck();
        };
        return descriptor;
    };
}
/**
 * Listen for message events being broadcast from the redux devTools
 * Changes state on the correct controller to match the state changes broadcast
 */
function listenForChanges() {
    if (isListening || !devTools)
        return;
    isListening = true;
    var connection = devTools.connect();
    connection.subscribe(function (message) {
        if (!!message.state) {
            var messageState = JSON.parse(message.state);
            var messageController = framingTools.getControllerByKey(messageState.framerName);
            if (messageController) {
                for (var prop in messageController.model) {
                    messageController.model[prop] = messageState.value[messageState.framerName][prop];
                }
                messageController.markForCheck();
            }
        }
    });
}
/**
 * Returns correct instance of redux dev tools installed
 *
 * @export
 * @returns
 */
function _createReduxDevtoolsExtension() {
    var legacyExtensionKey = 'devToolsExtension';
    var extensionKey = '__REDUX_DEVTOOLS_EXTENSION__';
    if (typeof window === 'object' && typeof window[legacyExtensionKey] !== 'undefined') {
        return window[legacyExtensionKey];
    }
    else if (typeof window === 'object' && typeof window[extensionKey] !== 'undefined') {
        return window[extensionKey];
    }
    else {
        return null;
    }
}
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata$1 = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
        return Reflect.metadata(k, v);
};
var FramingDevToolsController = (function (_super) {
    __extends(FramingDevToolsController, _super);
    function FramingDevToolsController(router) {
        var _this = _super.call(this) || this;
        _this.router = router;
        _this.replayNavigation = false;
        return _this;
    }
    FramingDevToolsController.prototype.onControllerInit = function () {
        var _this = this;
        this.router.events.subscribe(function (event) {
            _this.handleRouterEvents(event);
        });
        this.markForCheck$.subscribe(function (data) {
            if (_this.model.snapshotUrl && _this.model.snapshotUrl !== _this.router.routerState.snapshot.url) {
                _this.replayNavigation = true;
                _this.router.navigate([_this.model.snapshotUrl]);
            }
        }, function (err) { return console.error(err); });
    };
    FramingDevToolsController.prototype.trackRouterState = function () {
        this.model.snapshotUrl = this.router.routerState.snapshot.url;
    };
    FramingDevToolsController.prototype.handleRouterEvents = function (event) {
        if (event instanceof NavigationEnd) {
            if (!this.replayNavigation) {
                this.trackRouterState();
            }
            this.replayNavigation = false;
        }
    };
    return FramingDevToolsController;
}(Controller));
__decorate$1([
    Action(),
    __metadata$1("design:type", Function),
    __metadata$1("design:paramtypes", []),
    __metadata$1("design:returntype", void 0)
], FramingDevToolsController.prototype, "trackRouterState", null);
FramingDevToolsController = __decorate$1([
    Injectable(),
    __metadata$1("design:paramtypes", [Router])
], FramingDevToolsController);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
        return Reflect.metadata(k, v);
};
var FramingDevToolsComponent = (function (_super) {
    __extends(FramingDevToolsComponent, _super);
    function FramingDevToolsComponent(controller, injector) {
        return _super.call(this, controller, injector) || this;
    }
    return FramingDevToolsComponent;
}(Component$1));
FramingDevToolsComponent = __decorate([
    Component({}),
    __metadata("design:paramtypes", [FramingDevToolsController, Injector])
], FramingDevToolsComponent);
var Frame = (function () {
    function Frame() {
        // ========================================
        // public properties
        // ========================================
        /**
         * Subjects
         */
        this.routeUrlSubject = new ReplaySubject();
        this.resolveStartSubject = new Subject();
        this.resolveEndSubject = new Subject();
        this.resolveCancelSubject = new Subject();
    }
    Object.defineProperty(Frame.prototype, "routeUrl$", {
        /**
         * An observable of the route url of the route that this controllerr is attached to, if any.
         */
        get: function () { return this.routeUrlSubject; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Frame.prototype, "resolveStart$", {
        /**
         * Emitted when the frame resolve method starts if this controller is attached to a route.
         */
        get: function () { return this.resolveStartSubject; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Frame.prototype, "resolveEnd$", {
        /**
         * Emitted when the frame resolve method ends if this controller is attached to a route.
         */
        get: function () { return this.resolveEndSubject; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Frame.prototype, "resolveCancel$", {
        /**
         * Emitted when the frame resolve method is cancelled if this controller is attached to a route.
         */
        get: function () { return this.resolveCancelSubject; },
        enumerable: true,
        configurable: true
    });
    return Frame;
}());
/**
 * @description This is a description
 */
var Framer = (function () {
    // ========================================
    // constructor
    // ========================================
    /**
     * Contructor.
     */
    function Framer(model, view, controller) {
        this.framingDevTools = FramingTools.Instance;
        /**
         * True if framing() has been called.
         */
        this._framed = false;
        this.construct(model, view, controller);
    }
    Object.defineProperty(Framer.prototype, "theModel", {
        /**
         * Model accessor.
         */
        get: function () { return this._model; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "theView", {
        /**
         * View accessor.
         */
        get: function () { return this._view; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "theController", {
        /**
         * Controller accessor.
         */
        get: function () { return this._controller; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "createFrame", {
        /**
         * When true, framing will create a frame for this framer.
         */
        get: function () { return true; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "multiFramer", {
        /**
         * When true, framing will use multi on all providers so multiple framers of the same type can be setup on the same module.
         */
        get: function () { return false; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "provideControllerByType", {
        /**
         * When true, framing will setup the controller as a provider by its type.
         */
        get: function () { return true; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "addModelToRouteData", {
        /**
         * When true, framing will add the model to the route data.
         */
        get: function () { return false; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "addViewToRouteData", {
        /**
         * When true, framing will add the view to the route data.
         */
        get: function () { return false; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "addFrameToRouteData", {
        /**
         * When true, framing will add the frame to the route data.
         */
        get: function () { return false; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "defaultModel", {
        /**
         * The default model.
         */
        get: function () { return undefined; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "defaultView", {
        /**
         * The default view.
         */
        get: function () { return undefined; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "defaultController", {
        /**
         * The default controller.
         */
        get: function () { return undefined; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "routeRule", {
        /**
         * 'require': framing will attach the default route, creating it if it doesn't yet exist, if not route is attached to this framer (default behavior)
         * 'auto': framing will attach the default route if available if not route is attached to this framer
         * 'none': framing will not attach a route to this framer
         */
        get: function () { return 'require'; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "framerId", {
        /**
         * A unique framer id for this framer.
         */
        get: function () { return this._framerId; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "framerIdent", {
        /**
         * A unique identifier string for this framer instance.
         */
        get: function () { return this.framerName + "Framer-" + this._framerId; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "framed", {
        /**
         * True if framing() has been called.
         */
        get: function () { return this._framed; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "injector", {
        /**
         * The injector (available on and after framerOnResolveRoute or framerOnControllerInit, whichever comes first)
         */
        get: function () { return this._injector; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Framer.prototype, "route", {
        /**
         * The framer's route, if attached to a route, otherwise undefined
         * Valid ONLY during the runFraming() and framing() functions
         */
        get: function () { return this._route; },
        enumerable: true,
        configurable: true
    });
    // ========================================
    // public static methods
    // ========================================
    /**
     * Helper function to build the URL of an ActivatedRouteSnapshot
     */
    Framer.buildUrlLink = function (route) {
        if (!route) {
            return '/';
        }
        var urls = [];
        /* tslint:disable:no-param-reassign */
        for (; route.parent; route = route.parent) {
            /* tslint:enable:no-param-reassign */
            urls = urls.concat(route.url.reverse());
        }
        urls = urls.reverse();
        return '/' + urls.join('/');
    };
    // ========================================
    // public methods
    // ========================================
    /**
     * Model chaining function.
     */
    Framer.prototype.model = function (model) {
        merge(this._model, model);
        return this;
    };
    /**
     * View chaining function.
     */
    Framer.prototype.view = function (view) {
        merge(this._view, view);
        return this;
    };
    /**
     * Controller chaining function.
     */
    Framer.prototype.controller = function (controller) {
        if (controller) {
            this._controller = controller;
        }
        return this;
    };
    /**
     * Framer on resolve route function called when framer's route is resolved.
     * Injector is set before during this call.
     * Not called if framer is not attached to a route.
     * To be overwritten if needed.
     */
    Framer.prototype.framerOnResolveRoute = function () { };
    /**
     * Framer on controller init function is called when the controller is first injected.
     * To be overwritten if needed.
     */
    Framer.prototype.framerOnControllerInit = function (controller) { };
    /**
     * Calls derived framing()
     */
    Framer.prototype.runFraming = function (framing, routeParam) {
        var _this = this;
        if (this._framed) {
            console.warn("runFraming() called multiple times on framer '" + this.framerIdent + "'");
            return;
        }
        this._framed = true; // mark this framer to framed
        if (this.routeRule === 'auto') {
            // set the framer's attached route (if any)
            this._route = routeParam;
        }
        else if (this.routeRule === 'require') {
            // set the framer's attached route to the supplied route or create one if it doesn not exist
            if (routeParam) {
                this._route = routeParam;
            }
            else {
                /* tslint:disable:no-param-reassign */
                this._route = routeParam = framing.getOrAddRoute();
                /* tslint:enable:no-param-reassign */
            }
        }
        this._framing = framing; // set _framing to framing ONLY for the duration of the controller() function
        try {
            this.frame(framing);
        }
        catch (e) {
            console.error("Exception when framing " + this.framerIdent + " :", e);
            this._model = undefined;
            this._view = undefined;
            this._controller = undefined;
        }
        this._framing = undefined;
        if (this.routeRule === 'auto') {
            this._route = routeParam;
        }
        var self = this;
        if (this._controller) {
            // FUTURE
            // this.provideTypeByName(framing, this.framerName + 'Controller', this._controller);
            if (this.provideControllerByType) {
                var controllerInstance_1;
                framing
                    .provide({
                    provide: this.framerIdent + '-ControllerInternal',
                    useClass: this._controller,
                })
                    .provide({
                    provide: this.framerIdent + '-Controller',
                    useFactory: function (injector) {
                        if (controllerInstance_1) {
                            _this.framingDevTools.addController(_this.framerName, controllerInstance_1);
                            return controllerInstance_1;
                        }
                        self._injector = injector;
                        controllerInstance_1 = injector.get(_this.framerIdent + '-ControllerInternal');
                        controllerInstance_1.initController(_this._model, _this._view, _this._frame, _this.framerName, injector);
                        _this.framerOnControllerInit(controllerInstance_1);
                        _this.framingDevTools.addController(_this.framerName, controllerInstance_1);
                        return controllerInstance_1;
                    },
                    deps: [Injector],
                })
                    .provide({
                    provide: this._controller,
                    useExisting: this.framerIdent + '-Controller',
                    multi: this.multiFramer && this._controller === this.defaultController,
                });
                /* tslint:disable:no-console */
                console.info("Providing controller for framer " + this.framerIdent + " by type");
                /* tslint:enable:no-console */
                if (this.defaultController && this._controller !== this.defaultController) {
                    framing.provide({
                        provide: this.defaultController,
                        useExisting: this.framerIdent + '-Controller',
                        multi: this.multiFramer,
                    });
                    /* tslint:disable:no-console */
                    console.info("Providing controller overload for framer " + this.framerIdent + " by default controller type");
                    /* tslint:enable:no-console */
                }
            }
        }
        // FUTURE: frame, model & view provided by name
        // this.provideValueByName(framing, this.framerName + 'Frame', this._frame);
        // this.provideValueByName(framing, this.framerName + 'Model', this._model);
        // this.provideValueByName(framing, this.framerName + 'View', this._view);
        // FUTURE: model & view provided by type
        // this.provideInstanceByType(framing, this._model);
        // this.provideInstanceByType(framing, this._view);
        if (this.route) {
            if (this.addFrameToRouteData) {
                this.addRouteData(framing, this.framerName + 'Frame', this._frame);
            }
            if (this.addModelToRouteData) {
                this.addRouteData(framing, this.framerName + 'Model', this._model);
            }
            if (this.addViewToRouteData) {
                this.addRouteData(framing, this.framerName + 'View', this._view);
            }
            if (this._frame) {
                var FrameResolver_1 = (function () {
                    function FrameResolver_1(router, route, injector) {
                        this.router = router;
                        this.route = route;
                        self._injector = injector;
                    }
                    FrameResolver_1.prototype.resolve = function (routeSnapshot, routeStateSnapshot) {
                        var _this = this;
                        self._frame.resolveStartSubject.next();
                        var routeUrl = Framer.buildUrlLink(routeSnapshot);
                        var sub = this.router.events.subscribe(function (event) {
                            if (event instanceof NavigationStart) {
                                console.error('Unexpected NavigationStart');
                            }
                            else if (event instanceof NavigationEnd) {
                                /* tslint:disable:no-console */
                                console.info("Route url for framer " + self.framerIdent + " changed to " + routeUrl);
                                /* tslint:enable:no-console */
                                self._frame.routeSnapshot = self.findActivateRouteSnapshot(_this.route);
                                self._frame.routeUrl = routeUrl;
                                self._frame.routeUrlSubject.next(routeUrl);
                                self.framerOnResolveRoute();
                                self._frame.resolveEndSubject.next();
                            }
                            else if (event instanceof NavigationError) {
                                self._frame.resolveCancelSubject.next();
                            }
                            else if (event instanceof NavigationCancel) {
                                self._frame.resolveCancelSubject.next();
                            }
                            sub.unsubscribe();
                        });
                        return self._frame;
                    };
                    return FrameResolver_1;
                }());
                framing
                    .resolve(this.framerIdent, FrameResolver_1, this.route)
                    .provide({
                    provide: FrameResolver_1,
                    useFactory: function (r, a, i) { return new FrameResolver_1(r, a, i); },
                    deps: [Router, ActivatedRoute, Injector]
                });
            }
        }
        this._route = undefined; // clear the route so we're not holding any references to its properties
    };
    /**
     * Protected construct function for derived construction help.
     */
    Framer.prototype.construct = function (model, view, controller) {
        this._framerId = Framer._nextId++;
        if (this.createFrame) {
            this._frame = new Frame();
        }
        var defaultModel = this.defaultModel;
        this._model = defaultModel ? merge(defaultModel, model) : model;
        var defaultView = this.defaultView;
        this._view = defaultView ? merge(defaultView, view) : view;
        this._controller = controller || this.defaultController;
    };
    /**
     * Protected construct function for derived construction help.
     */
    Framer.prototype.findActivateRouteSnapshot = function (route) {
        if (!route) {
            console.error('Failed to find activated route snapshot');
            return undefined;
        }
        if (route.snapshot && route.snapshot.data && route.snapshot.data.hasOwnProperty(this.framerIdent)) {
            return route.snapshot;
        }
        return this.findActivateRouteSnapshot(route.firstChild);
    };
    /**
     * FUTURE
     */
    // private provideTypeByName(framing: FramingNgModule, name: string, type: any): void {
    //   if (type) {
    //     framing.provide({ provide: name, useClass: type });
    //     /* tslint:disable:no-console */
    //     console.info(`Providing ${name} for framer ${this.framerIdent} by name`);
    //     /* tslint:enable:no-console */
    //   }
    // }
    /**
     * FUTURE
     */
    // private provideInstanceByType(framing: FramingNgModule, instance: any): void {
    //   if (instance &&
    //     (instance as any).__proto__ &&
    //     (instance as any).__proto__.constructor &&
    //     (instance as any).__proto__.constructor.name !== 'Object') {
    //     framing.provide({ provide: (instance as any).__proto__.constructor, useValue: instance });
    //     /* tslint:disable:no-console */
    //     console.info(`Providing ${(instance as any).__proto__.constructor.name} for framer ${this.framerIdent} by type`);
    //     /* tslint:enable:no-console */
    //   }
    // }
    /**
     * FUTURE
     */
    // private provideValueByName(framing: FramingNgModule, name: string, value: any): void {
    //   if (value) {
    //     framing.provide({ provide: name, useValue: value });
    //     /* tslint:disable:no-console */
    //     console.info(`Providing ${name} for framer ${this.framerIdent} by name`);
    //     /* tslint:enable:no-console */
    //   }
    // }
    Framer.prototype.addRouteData = function (framing, name, value) {
        if (value) {
            var routeConfig = framing.getOrAddRoute(this.route);
            if (routeConfig.data && routeConfig.data[name]) {
                console.warn("Failed to add " + name + " route data for framer " + this.framerIdent + ". Data item already exists.");
            }
            else {
                framing.datum(name, value, this.route);
                /* tslint:disable:no-console */
                console.info("Adding " + name + " route data for framer " + this.framerIdent);
                /* tslint:enable:no-console */
            }
        }
    };
    return Framer;
}());
Framer._nextId = 1;
var FramingDevToolsFeature = (function (_super) {
    __extends(FramingDevToolsFeature, _super);
    function FramingDevToolsFeature() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    Object.defineProperty(FramingDevToolsFeature.prototype, "defaultModel", {
        get: function () {
            return {};
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(FramingDevToolsFeature.prototype, "defaultView", {
        get: function () {
            return {};
        },
        enumerable: true,
        configurable: true
    });
    FramingDevToolsFeature.prototype.frame = function (framing) { };
    FramingDevToolsFeature.prototype.framerOnResolveRoute = function () {
        var framingDevToolsController;
        framingDevToolsController = this.injector.get(FramingDevToolsController);
    };
    Object.defineProperty(FramingDevToolsFeature.prototype, "framerName", {
        // ========================================
        // internal framing methods (don't touch!)
        // ========================================
        get: function () { return 'FramingDevTools'; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(FramingDevToolsFeature.prototype, "defaultController", {
        get: function () { return FramingDevToolsController; },
        enumerable: true,
        configurable: true
    });
    return FramingDevToolsFeature;
}(Framer));
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata$2 = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
        return Reflect.metadata(k, v);
};
var FramingComponentOutletDirective = (function () {
    function FramingComponentOutletDirective(_view) {
        this._view = _view;
        this.onComponent = new EventEmitter();
    }
    FramingComponentOutletDirective.prototype.isActivated = function () { return !!this._componentRef; };
    FramingComponentOutletDirective.prototype.ngOnChanges = function (changes) {
        var activate = false;
        if (changes.ngModuleFactory) {
            if (this._moduleRef) {
                this._moduleRef.destroy();
            }
            if (this.ngModuleFactory) {
                var injector = this.injector || this._view.parentInjector;
                this._moduleRef = this.ngModuleFactory.create(injector);
            }
            else {
                this._moduleRef = undefined;
            }
            activate = true;
        }
        if (changes.framingComponentOutlet.currentValue !== changes.framingComponentOutlet.previousValue) {
            activate = true;
        }
        if (activate) {
            this.activate(this.framingComponentOutlet);
        }
    };
    FramingComponentOutletDirective.prototype.ngOnDestroy = function () {
        this.deactivate();
        if (this._moduleRef) {
            this._moduleRef.destroy();
        }
    };
    FramingComponentOutletDirective.prototype.activate = function (component) {
        this.deactivate();
        if (!component) {
            return;
        }
        try {
            var injector = this.injector || this._view.parentInjector;
            var factory = injector.get(ComponentFactoryResolver).resolveComponentFactory(component);
            this._componentRef = this._view.createComponent(factory, this._view.length, injector, this.content);
            this.onComponent.emit(this._componentRef);
            try {
                this._componentRef.changeDetectorRef.detectChanges();
            }
            catch (e) {
                console.error("detectChanges failed on activated component in FramingComponentOutlet", { e: e, component: component });
                return;
            }
        }
        catch (e) {
            console.error("Failed to activate component in FramingComponentOutlet", { e: e, component: component });
            return;
        }
    };
    FramingComponentOutletDirective.prototype.deactivate = function () {
        if (this._componentRef) {
            this._view.remove(this._view.indexOf(this._componentRef.hostView));
            this._componentRef.destroy();
        }
        this._view.clear();
        this._componentRef = undefined;
    };
    return FramingComponentOutletDirective;
}());
__decorate$3([
    Input(),
    __metadata$2("design:type", Type)
], FramingComponentOutletDirective.prototype, "framingComponentOutlet", void 0);
__decorate$3([
    Input(),
    __metadata$2("design:type", Injector)
], FramingComponentOutletDirective.prototype, "injector", void 0);
__decorate$3([
    Input(),
    __metadata$2("design:type", Array)
], FramingComponentOutletDirective.prototype, "content", void 0);
__decorate$3([
    Input(),
    __metadata$2("design:type", NgModuleFactory)
], FramingComponentOutletDirective.prototype, "ngModuleFactory", void 0);
__decorate$3([
    Output(),
    __metadata$2("design:type", EventEmitter)
], FramingComponentOutletDirective.prototype, "onComponent", void 0);
FramingComponentOutletDirective = __decorate$3([
    Directive({
        selector: '[framingComponentOutlet]',
    }),
    __metadata$2("design:paramtypes", [ViewContainerRef])
], FramingComponentOutletDirective);
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var FramingComponentOutletModule = FramingComponentOutletModule_1 = (function () {
    function FramingComponentOutletModule() {
    }
    FramingComponentOutletModule.withEntryComponents = function () {
        var components = [];
        for (var _a = 0; _a < arguments.length; _a++) {
            components[_a] = arguments[_a];
        }
        return {
            ngModule: FramingComponentOutletModule_1,
            providers: [
                { provide: ANALYZE_FOR_ENTRY_COMPONENTS, useValue: components, multi: true },
            ],
        };
    };
    return FramingComponentOutletModule;
}());
FramingComponentOutletModule = FramingComponentOutletModule_1 = __decorate$4([
    NgModule({
        declarations: [FramingComponentOutletDirective],
        exports: [FramingComponentOutletDirective],
    })
], FramingComponentOutletModule);
var FramingComponentOutletModule_1;
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata$4 = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
        return Reflect.metadata(k, v);
};
var FramingContainerOutletService = (function () {
    function FramingContainerOutletService(router) {
        var _this = this;
        this.router = router;
        this.contentsSubject = new ReplaySubject$1();
        this.contents = [];
        this.routeContents = [];
        this.subscriptions = [];
        this.subscriptions.push(this.router.events.subscribe(function (event) {
            if (event instanceof NavigationEnd) {
                _this.onNavigationEnd();
            }
        }));
    }
    Object.defineProperty(FramingContainerOutletService.prototype, "contents$", {
        get: function () { return this.contentsSubject.asObservable(); },
        enumerable: true,
        configurable: true
    });
    FramingContainerOutletService.prototype.hasContent = function (container) {
        return !!this.contents.filter(function (c) { return isEqual(c.container, container); }).length;
    };
    FramingContainerOutletService.prototype.activate = function (content) {
        var _this = this;
        this.contents.push(content);
        this.contentsSubject.next(clone(this.contents));
        return function () { _this.deactivate(content); };
    };
    FramingContainerOutletService.prototype.deactivate = function (content) {
        this.contents = this.contents.filter(function (e) { return e !== content; });
        this.contentsSubject.next(clone(this.contents));
    };
    FramingContainerOutletService.prototype.onNavigationEnd = function () {
        var _this = this;
        var newRouteContents = [];
        this.resolveRouteContents(this.router.routerState.snapshot.root, newRouteContents);
        newRouteContents = uniqWith(newRouteContents, isEqual);
        var newContents = differenceWith(newRouteContents, this.routeContents, isEqual);
        var removedContents = differenceWith(this.routeContents, newRouteContents, isEqual);
        newContents.forEach(function (c) { return _this.activate(c); });
        removedContents.forEach(function (c) { return _this.deactivate(c); });
        this.routeContents = newRouteContents;
    };
    FramingContainerOutletService.prototype.resolveRouteContents = function (snapshot, routeContents) {
        if (snapshot.data && snapshot.data.containers) {
            var containers = snapshot.data.containers;
            for (var _a = 0, containers_1 = containers; _a < containers_1.length; _a++) {
                var container = containers_1[_a];
                routeContents.push(container);
            }
        }
        for (var _b = 0, _c = snapshot.children; _b < _c.length; _b++) {
            var child = _c[_b];
            this.resolveRouteContents(child, routeContents);
        }
    };
    return FramingContainerOutletService;
}());
FramingContainerOutletService = __decorate$6([
    Injectable(),
    __metadata$4("design:paramtypes", [Router])
], FramingContainerOutletService);
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata$3 = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
        return Reflect.metadata(k, v);
};
var FramingContainerOutletDirective = (function () {
    function FramingContainerOutletDirective(_view, _containerService, _router) {
        this._view = _view;
        this._containerService = _containerService;
        this._router = _router;
        this.onComponents = new EventEmitter();
        this._activated = [];
        this._subscriptions = [];
    }
    FramingContainerOutletDirective.prototype.containerName = function () { return this.framingContainerOutlet; };
    FramingContainerOutletDirective.prototype.isActivated = function () { return this._activated.length > 0; };
    FramingContainerOutletDirective.prototype.ngOnInit = function () {
        var _this = this;
        if (!this.framingContainerOutlet) {
            console.warn('FramingContainerOutlet without a container name');
        }
        else {
            if (this.framingContainerOutlet[0] === '\'') {
                console.warn("FramingContainerOutlet name \"" + this.framingContainerOutlet + "\" starts with a qoute");
            }
            this._subscriptions.push(this._containerService.contents$.subscribe(function (contents) { return _this.onContent(contents); }));
        }
        this._subscriptions.push(this._router.events.subscribe(function (event) {
            if (event instanceof NavigationEnd) {
                if (!_this.optionalContainer && !_this.isActivated()) {
                    console.warn("No content for required FramingContainerOutlet '" + _this.framingContainerOutlet + "' found");
                }
            }
        }));
    };
    FramingContainerOutletDirective.prototype.ngOnDestroy = function () {
        var _this = this;
        this._activated.forEach(function (a) { return _this.deactivate(a); });
        this._subscriptions.forEach(function (s) { return s.unsubscribe(); });
    };
    FramingContainerOutletDirective.prototype.onContent = function (allContents) {
        var _this = this;
        var contents = allContents.filter(function (c) { return isEqual(c.container, _this.framingContainerOutlet); });
        // remove all content that is no longer active
        this._activated.forEach(function (a) {
            if (contents.findIndex(function (content) { return content === a.content; }) === -1) {
                _this.deactivate(a);
            }
        });
        this._activated = this._activated.filter(function (a) { return !!a.ref; });
        // now setup the new activated components
        var i = 0;
        var _loop_1 = function (content) {
            if (this_1._activated.length > i) {
                if (this_1._activated[i].content !== content) {
                    // look for this content
                    var activatedIndex = this_1._activated.findIndex(function (a) { return a.content === content; });
                    if (activatedIndex === -1) {
                        // activate this content at i
                        this_1._activated.splice(i, 0, { content: content, ref: this_1.activate(content) });
                    }
                    else if (activatedIndex > i) {
                        // move content from activatedIndex to i
                        var _activated = this_1._activated.splice(activatedIndex, 1);
                        (_a = this_1._activated).splice.apply(_a, [i, 0].concat(_activated));
                        var view = this_1._view.detach(activatedIndex);
                        this_1._view.insert(view, i);
                    }
                    else {
                        console.error('Logic error in FramingContainerOutlet!');
                    }
                }
            }
            else {
                // activate this content
                var ref = this_1.activate(content);
                if (ref) {
                    this_1._activated.push({ content: content, ref: ref });
                }
            }
            i++;
            var _a;
        };
        var this_1 = this;
        for (var _a = 0, contents_1 = contents; _a < contents_1.length; _a++) {
            var content = contents_1[_a];
            _loop_1(content);
        }
        this.onComponents.emit(this._activated.map(function (a) { return a.ref; }));
    };
    FramingContainerOutletDirective.prototype.activate = function (content, i) {
        try {
            var injector = (!this.useViewInjector && content.injector) ? content.injector : this._view.parentInjector;
            var factory = injector.get(ComponentFactoryResolver).resolveComponentFactory(content.component);
            var ref = this._view.createComponent(factory, i, injector, this.content);
            try {
                ref.changeDetectorRef.detectChanges();
            }
            catch (e) {
                console.error("detectChanges failed on activated component in FramingContainerOutlet '" + this.framingContainerOutlet + "'", { e: e, component: content.component });
            }
            return ref;
        }
        catch (e) {
            console.error("Failed to activate component in FramingContainerOutlet '" + this.framingContainerOutlet + "'", { e: e, component: content.component });
            return undefined;
        }
    };
    FramingContainerOutletDirective.prototype.deactivate = function (activated) {
        activated.ref.destroy();
        activated.ref = null;
    };
    return FramingContainerOutletDirective;
}());
__decorate$5([
    Input(),
    __metadata$3("design:type", String)
], FramingContainerOutletDirective.prototype, "framingContainerOutlet", void 0);
__decorate$5([
    Input(),
    __metadata$3("design:type", Boolean)
], FramingContainerOutletDirective.prototype, "optionalContainer", void 0);
__decorate$5([
    Input(),
    __metadata$3("design:type", Boolean)
], FramingContainerOutletDirective.prototype, "useViewInjector", void 0);
__decorate$5([
    Input(),
    __metadata$3("design:type", Array)
], FramingContainerOutletDirective.prototype, "content", void 0);
__decorate$5([
    Output(),
    __metadata$3("design:type", EventEmitter)
], FramingContainerOutletDirective.prototype, "onComponents", void 0);
FramingContainerOutletDirective = __decorate$5([
    Directive({
        selector: '[framingContainerOutlet]',
    }),
    __metadata$3("design:paramtypes", [ViewContainerRef,
        FramingContainerOutletService,
        Router])
], FramingContainerOutletDirective);
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var FramingContainerOutletModule = FramingContainerOutletModule_1 = (function () {
    function FramingContainerOutletModule() {
    }
    FramingContainerOutletModule.withEntryComponents = function () {
        var components = [];
        for (var _a = 0; _a < arguments.length; _a++) {
            components[_a] = arguments[_a];
        }
        return {
            ngModule: FramingContainerOutletModule_1,
            providers: [
                { provide: ANALYZE_FOR_ENTRY_COMPONENTS, useValue: components, multi: true },
            ],
        };
    };
    FramingContainerOutletModule.forRoot = function () {
        return {
            ngModule: FramingContainerOutletModule_1,
            providers: [FramingContainerOutletService],
        };
    };
    return FramingContainerOutletModule;
}());
FramingContainerOutletModule = FramingContainerOutletModule_1 = __decorate$7([
    NgModule({
        declarations: [FramingContainerOutletDirective],
        exports: [FramingContainerOutletDirective],
    })
], FramingContainerOutletModule);
var FramingContainerOutletModule_1;
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata$5 = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
        return Reflect.metadata(k, v);
};
var FramingContainerOutletResolver = (function () {
    function FramingContainerOutletResolver(containers, injector) {
        this.containers = containers;
        this.injector = injector;
    }
    /**
     * Resolve hook.
     */
    FramingContainerOutletResolver.prototype.resolve = function (route, state) {
        // set the injector in each container
        for (var _a = 0, _b = this.containers; _a < _b.length; _a++) {
            var container = _b[_a];
            container.injector = this.injector;
        }
        return this.containers;
    };
    return FramingContainerOutletResolver;
}());
FramingContainerOutletResolver = __decorate$8([
    Injectable(),
    __metadata$5("design:paramtypes", [Array, Injector])
], FramingContainerOutletResolver);
var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
/**
 * @experimental
 */
var FramingEmptyParentComponent = (function () {
    function FramingEmptyParentComponent() {
    }
    return FramingEmptyParentComponent;
}());
FramingEmptyParentComponent = __decorate$9([
    Component({
        selector: 'empty-parent-component',
        template: '<router-outlet></router-outlet>',
    })
], FramingEmptyParentComponent);
var __decorate$11 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var FramingRootComponent = (function () {
    function FramingRootComponent() {
    }
    return FramingRootComponent;
}());
FramingRootComponent = __decorate$11([
    Component({
        selector: 'app-root',
        template: '<router-outlet></router-outlet>',
    })
], FramingRootComponent);
var __decorate$10 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var FramingComponentsModule = (function () {
    function FramingComponentsModule() {
    }
    return FramingComponentsModule;
}());
FramingComponentsModule = __decorate$10([
    NgModule({
        imports: [
            RouterModule,
        ],
        declarations: [
            FramingEmptyParentComponent,
            FramingRootComponent,
        ],
        exports: [
            FramingEmptyParentComponent,
            FramingRootComponent,
        ],
    })
], FramingComponentsModule);
var FramerHelper = (function () {
    // ========================================
    // constructor
    // ========================================
    function FramerHelper() {
        this.framerHelperId = FramerHelper._nextId++;
    }
    Object.defineProperty(FramerHelper.prototype, "framerHelperIdent", {
        /**
         * A unique identifier string for this framer helper instance.
         */
        get: function () {
            return camelCase("framerHelper-" + this.__proto__.constructor.name + "-" + this.framerHelperId);
        },
        enumerable: true,
        configurable: true
    });
    return FramerHelper;
}());
FramerHelper._nextId = 1;
/**
 *
 */
var FramingNgModule = (function () {
    function FramingNgModule() {
        // ========================================
        // private properties
        // ========================================
        this._ngModule = {
            imports: [],
            declarations: [],
            exports: [],
            providers: [],
            bootstrap: [],
            entryComponents: [],
        };
        this._root = false;
        this._routes = [];
    }
    Object.defineProperty(FramingNgModule, "defaultPathMatch", {
        get: function () { return 'prefix'; },
        enumerable: true,
        configurable: true
    });
    // ========================================
    // public methods
    // ========================================
    FramingNgModule.prototype.ngModule = function (ngModule) {
        var _this = this;
        if (ngModule) {
            defaults(this._ngModule, ngModule);
            each(filter(keys(ngModule), function (key) { return isArray(ngModule[key]); }), function (key) {
                _this._ngModule[key] = uniqWith(_this._ngModule[key].concat(reject(ngModule[key], isNil)), isEqual);
            });
        }
        return this;
    };
    FramingNgModule.prototype.bootstrap = function (bootstrap) {
        var flattened = [].concat.apply([], bootstrap);
        this._ngModule.bootstrap = uniqWith(this._ngModule.bootstrap.concat(reject(flattened, isNil)), isEqual);
        return this;
    };
    FramingNgModule.prototype.child = function (child, parent) {
        var parentRoute = this.getOrAddRouteOverload(parent);
        if (!parentRoute.children) {
            parentRoute.children = [];
        }
        if (!parentRoute.component) {
            parentRoute.component = FramingEmptyParentComponent;
        }
        this.getOrAddRoute(child, parentRoute.children);
        return this;
    };
    FramingNgModule.prototype.children = function (children, parent) {
        var _this = this;
        each(children, function (child) {
            _this.child(child, parent);
        });
        return this;
    };
    FramingNgModule.prototype.component = function (component, route) {
        if (component) {
            var routeConfig = this.getOrAddRouteOverload(route);
            routeConfig.component = component;
        }
        return this;
    };
    FramingNgModule.prototype.componentAndDeclare = function (component, route) {
        return this.componentAndDeclaration(component, route);
    };
    FramingNgModule.prototype.componentAndDeclaration = function (component, route) {
        this.component(component, route);
        if (component) {
            this.declare(component);
        }
        return this;
    };
    FramingNgModule.prototype.container = function (container, components, route) {
        var containers = {};
        containers[container] = components;
        this.containers(containers, route);
        return this;
    };
    FramingNgModule.prototype.containers = function (containers, route) {
        for (var key in containers) {
            if (containers.hasOwnProperty(key)) {
                if (isNil(containers[key])) {
                    delete containers[key];
                }
            }
        }
        var routeConfig = this.getOrAddRoute(route);
        if (!routeConfig.resolve) {
            routeConfig.resolve = {};
        }
        if (!routeConfig.resolve.containers) {
            routeConfig.resolve.containers = [];
        }
        for (var key in containers) {
            if (containers.hasOwnProperty(key)) {
                var components = containers[key];
                if (isArray(components)) {
                    for (var _a = 0, components_1 = components; _a < components_1.length; _a++) {
                        var component = components_1[_a];
                        routeConfig.resolve.containers.push({ container: key, component: component });
                    }
                }
                else {
                    routeConfig.resolve.containers.push({ container: key, component: components });
                }
            }
        }
        return this;
    };
    FramingNgModule.prototype.datum = function (key, datum, route) {
        var data = {};
        data[key] = datum;
        this.data(data, route);
        return this;
    };
    FramingNgModule.prototype.data = function (data, route) {
        var routeConfig = this.getOrAddRouteOverload(route);
        if (!routeConfig.data) {
            routeConfig.data = {};
        }
        merge(routeConfig.data, data);
        return this;
    };
    FramingNgModule.prototype.resolve = function (key, resolve, route) {
        var resolves = {};
        resolves[key] = resolve;
        this.resolves(resolves, route);
        return this;
    };
    FramingNgModule.prototype.resolves = function (resolves, route) {
        var routeConfig = this.getOrAddRouteOverload(route);
        if (!routeConfig.resolve) {
            routeConfig.resolve = {};
        }
        merge(routeConfig.resolve, resolves);
        return this;
    };
    FramingNgModule.prototype.declare = function (declaration) {
        return this.declaration(declaration);
    };
    FramingNgModule.prototype.declaration = function (declaration) {
        return this.declarations(isArray(declaration) ? declaration : [declaration]);
    };
    FramingNgModule.prototype.declarations = function (declarations) {
        var flattened = [].concat.apply([], declarations);
        this._ngModule.declarations = uniqWith(this._ngModule.declarations.concat(reject(flattened, isNil)), isEqual);
        return this;
    };
    FramingNgModule.prototype.declareAndExport = function (declaration) {
        return this.declarationAndExport(declaration);
    };
    FramingNgModule.prototype.declarationAndExport = function (declaration) {
        return this.declarationsAndExports(isArray(declaration) ? declaration : [declaration]);
    };
    FramingNgModule.prototype.declarationsAndExports = function (declarations) {
        this.declarations(declarations);
        this.exports(declarations);
        return this;
    };
    FramingNgModule.prototype.declareAndEntryComponent = function (declaration) {
        return this.declarationAndEntryComponent(declaration);
    };
    FramingNgModule.prototype.declarationAndEntryComponent = function (declaration) {
        return this.declarationsAndEntryComponents(isArray(declaration) ? declaration : [declaration]);
    };
    FramingNgModule.prototype.declarationsAndEntryComponents = function (declarations) {
        this.declarations(declarations);
        this.entryComponents(declarations);
        return this;
    };
    FramingNgModule.prototype.entryComponent = function (entryComponent) {
        return this.entryComponents(isArray(entryComponent) ? entryComponent : [entryComponent]);
    };
    FramingNgModule.prototype.entryComponents = function (entryComponents) {
        var flattened = [].concat.apply([], entryComponents);
        this._ngModule.entryComponents = uniqWith(this._ngModule.entryComponents.concat(reject(flattened, isNil)), isEqual);
        return this;
    };
    FramingNgModule.prototype.export = function (e) {
        return this.exports(isArray(e) ? e : [e]);
    };
    FramingNgModule.prototype.exports = function (exports) {
        var flattened = [].concat.apply([], exports);
        this._ngModule.exports = uniqWith(this._ngModule.exports.concat(reject(flattened, isNil)), isEqual);
        return this;
    };
    FramingNgModule.prototype.import = function (i) {
        return this.imports(isArray(i) ? i : [i]);
    };
    FramingNgModule.prototype.imports = function (imports) {
        var flattened = [].concat.apply([], imports);
        this._ngModule.imports = uniqWith(this._ngModule.imports.concat(reject(flattened, isNil)), isEqual);
        return this;
    };
    FramingNgModule.prototype.importAndExport = function (m) {
        return this.importsAndExports(isArray(m) ? m : [m]);
    };
    FramingNgModule.prototype.importsAndExports = function (modules) {
        this.imports(modules);
        this.exports(modules);
        return this;
    };
    FramingNgModule.prototype.provide = function (provider) {
        return this.provider(provider);
    };
    FramingNgModule.prototype.provider = function (provider) {
        return this.providers(isArray(provider) ? provider : [provider]);
    };
    FramingNgModule.prototype.providers = function (providers) {
        var flattened = [].concat.apply([], providers);
        this._ngModule.providers = uniqWith(this._ngModule.providers.concat(reject(flattened, isNil)), isEqual);
        return this;
    };
    /**
     * Adds component to bootstrap
     * Defaults route to path '', pathMatch: 'full'
     */
    FramingNgModule.prototype.root = function (rootComponent, config) {
        this._root = true;
        this._rootComponentConfig = config || {};
        defaults(this._rootComponentConfig, { hybrid: false });
        this._rootComponent = rootComponent || FramingRootComponent;
        return this;
    };
    /**
     * Creates Routes array with single route
     * Adds RouterModule.forRoot(routes) or RouterModule.forChild(routes) to imports
     * Adds all resolve services as providers
     */
    FramingNgModule.prototype.route = function (route, config) {
        this.getOrAddRoute(route);
        if (this._routeConfig) {
            if (config) {
                merge(this._routeConfig, config);
            }
        }
        else {
            this._routeConfig = config || {};
            defaults(this._routeConfig, { forRoot: false });
        }
        return this;
    };
    FramingNgModule.prototype.routes = function (routes, config) {
        var _this = this;
        each(routes, function (route) {
            _this.route(route, config);
        });
        return this;
    };
    FramingNgModule.prototype.frameRoute = function (route) {
        var framers = [];
        for (var _a = 1; _a < arguments.length; _a++) {
            framers[_a - 1] = arguments[_a];
        }
        this.buildFramers(framers, this.getOrAddRouteOverload(route));
        return this;
    };
    /**
     * Returns the route if it exists.
     */
    FramingNgModule.prototype.getRoute = function (route, array) {
        if (route === void 0) { route = {}; }
        /* tslint:disable:no-param-reassign */
        if (!array) {
            array = this._routes;
        }
        /* tslint:enable:no-param-reassign */
        defaults(route, { path: '', pathMatch: FramingNgModule.defaultPathMatch });
        return find(array, function (m) { return m.path === route.path && m.pathMatch === route.pathMatch; });
    };
    /**
     * Returns the route. Creates it if it does not exist.
     */
    FramingNgModule.prototype.getOrAddRoute = function (route, array) {
        if (route === void 0) { route = {}; }
        /* tslint:disable:no-param-reassign */
        if (!array) {
            array = this._routes;
        }
        /* tslint:enable:no-param-reassign */
        defaults(route, { path: '', pathMatch: FramingNgModule.defaultPathMatch });
        var r = find(array, function (m) { return m.path === route.path && m.pathMatch === route.pathMatch; });
        if (r) {
            merge(r, route);
            return r;
        }
        else {
            array.push(route);
            return route;
        }
    };
    /**
     * Run framers.
     */
    FramingNgModule.prototype.frame = function () {
        var framers = [];
        for (var _a = 0; _a < arguments.length; _a++) {
            framers[_a] = arguments[_a];
        }
        this.buildFramers(framers);
        return this;
    };
    FramingNgModule.prototype.use = function () {
        var framers = [];
        for (var _a = 0; _a < arguments.length; _a++) {
            framers[_a] = arguments[_a];
        }
        return this.frame.apply(this, framers);
    };
    /**
     * Builds @NgModule() config in the following order:
     * - Route framers
     * - Root
     * - Route
     */
    FramingNgModule.prototype.build = function () {
        this.buildRouteFramers(this._routes);
        this.buildRoot();
        this.buildContainers(this._routes);
        this.buildRoute();
        this.inspectModule();
        return this._ngModule;
    };
    // ========================================
    // private methods
    // ========================================
    FramingNgModule.prototype.inspectModule = function () {
        var _this = this;
        this._routes.forEach(function (r) { return _this.inspectRoute(r); });
    };
    FramingNgModule.prototype.inspectRoute = function (route) {
        var _this = this;
        if (route.component === undefined && route.redirectTo === undefined && isEmpty(route.children) && route.loadChildren === undefined) {
            console.error("Looks like you have a badly configured route in a framed module.\n        One of the following must be provided: component, redirectTo, children or loadChildren", { route: route, self: this });
        }
        if (route.children) {
            route.children.forEach(function (c) { return _this.inspectRoute(c); });
        }
    };
    FramingNgModule.prototype.buildRoot = function () {
        var m = this._ngModule;
        if (this._root) {
            m.imports = uniqWith(m.imports.concat([
                BrowserModule.withServerTransition({
                    appId: 'app',
                }),
                FormsModule,
            ]), isEqual);
            m.bootstrap = uniqWith(m.bootstrap.concat([this._rootComponent]), isEqual);
        }
        else {
            m.imports = uniqWith(m.imports.concat([
                CommonModule,
            ]), isEqual);
        }
        m.imports = uniqWith(m.imports.concat([FramingComponentsModule]), isEqual);
    };
    FramingNgModule.prototype.buildFramers = function (framers, route) {
        for (var _a = 0, framers_1 = framers; _a < framers_1.length; _a++) {
            var framer = framers_1[_a];
            this.buildFramer(framer, route);
        }
    };
    FramingNgModule.prototype.buildFramer = function (framer, route) {
        if (!framer.framed) {
            framer.runFraming(this, route || this.getRoute());
        }
    };
    /**
     * Builds framers that were manually added to route data.
     */
    FramingNgModule.prototype.buildRouteFramers = function (routes) {
        for (var _a = 0, routes_1 = routes; _a < routes_1.length; _a++) {
            var route = routes_1[_a];
            if (route.data) {
                for (var key in route.data) {
                    if (route.data.hasOwnProperty(key)) {
                        var prop = route.data[key];
                        if (prop && prop._frame !== undefined) {
                            // this is a framer attached to route data
                            this.buildFramer(prop, route);
                        }
                    }
                }
            }
            if (route.children) {
                this.buildRouteFramers(route.children);
            }
        }
    };
    FramingNgModule.prototype.buildContainers = function (routes) {
        var _loop_2 = function (route) {
            if (route.resolve && route.resolve.containers) {
                var containers_2 = route.resolve.containers;
                for (var _a = 0, containers_3 = containers_2; _a < containers_3.length; _a++) {
                    var container = containers_3[_a];
                    var containerId = FramingNgModule._nextId++;
                    container.id = '' + containerId;
                }
                var resolveId = FramingNgModule._nextId++;
                this_2.provide({
                    provide: 'containerResolver' + resolveId,
                    useFactory: function (i) { return new FramingContainerOutletResolver(containers_2, i); },
                    deps: [Injector],
                });
                route.resolve.containers = 'containerResolver' + resolveId;
            }
            if (route.children) {
                this_2.buildContainers(route.children);
            }
        };
        var this_2 = this;
        for (var _a = 0, routes_2 = routes; _a < routes_2.length; _a++) {
            var route = routes_2[_a];
            _loop_2(route);
        }
    };
    FramingNgModule.prototype.buildRoute = function () {
        var _this = this;
        if (this._routes.length > 0) {
            // re-order routes so that full routes are first
            var fullRoutes_1 = [];
            var prefixRoutes_1 = [];
            this._routes.forEach(function (route) {
                if (route.pathMatch && route.pathMatch === 'full') {
                    fullRoutes_1.push(route);
                }
                else if (!route.pathMatch || route.pathMatch === 'prefix') {
                    prefixRoutes_1.push(route);
                }
                else {
                    console.warn('Unknown pathMatch on route', route);
                }
                _this._routes = [];
                _this._routes = _this._routes.concat(fullRoutes_1);
                _this._routes = _this._routes.concat(prefixRoutes_1);
            });
            var routing = this._root || (this._routeConfig && this._routeConfig.forRoot) ?
                RouterModule.forRoot(this._routes, this._routeConfig ? this._routeConfig.extraRootRouterOptions : undefined) :
                RouterModule.forChild(this._routes);
            this.imports([routing]);
            if (this._routeConfig && this._routeConfig.forRoot && !this._root) {
                this.exports([RouterModule]); // export RouterModule from AppRoutingModule
            }
        }
    };
    FramingNgModule.prototype.getOrAddRouteOverload = function (route) {
        if (isArray(route)) {
            if (route.length) {
                var result = void 0;
                /* tslint:disable:prefer-for-of */
                result = this.getOrAddRoute(route[0]);
                for (var i = 1; i < route.length; i++) {
                    if (!result.children) {
                        result.children = [];
                    }
                    result = this.getOrAddRoute(route[i], result.children);
                }
                /* tslint:enable:prefer-for-of */
                return result;
            }
            else {
                return this.getOrAddRoute();
            }
        }
        else {
            return this.getOrAddRoute(route);
        }
    };
    return FramingNgModule;
}());
FramingNgModule._nextId = 1;
/* tslint:disable:variable-name */
var Framing = function (ngModuleBuilder) {
    /* tslint:enable:variable-name */
    var framing = ngModuleBuilder(new FramingNgModule());
    if (!framing) {
        console.error('Framing must return a FramingNgModule');
        return {};
    }
    return framing.build();
};
/**
 * A framer with no route, model, view, controller or frame.
 * To be used for leveraging the frame() function only.
 */
var SimpleFramer = (function (_super) {
    __extends(SimpleFramer, _super);
    function SimpleFramer() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    Object.defineProperty(SimpleFramer.prototype, "framerName", {
        get: function () { return 'Simple'; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(SimpleFramer.prototype, "createFrame", {
        get: function () { return false; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(SimpleFramer.prototype, "routeRule", {
        get: function () { return 'none'; },
        enumerable: true,
        configurable: true
    });
    return SimpleFramer;
}(Framer));
export { FramingDevToolsComponent, FramingDevToolsController, FramingDevToolsFeature, Action, _createReduxDevtoolsExtension, FramingComponentOutletDirective, FramingComponentOutletModule, FramingContainerOutletDirective, FramingContainerOutletModule, FramingContainerOutletResolver, FramingContainerOutletService, FramingEmptyParentComponent, FramingComponentsModule, FramingRootComponent, Component$1 as Component, Controller, FramingTools, Frame, FramerHelper, Framer, FramingNgModule, Framing, SimpleFramer };
//# sourceMappingURL=ng-core.es5.js.map