webpackJsonp([0],{

/***/ "./src/@fx/core/animation/animatable.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_reflect_metadata__ = __webpack_require__("./node_modules/reflect-metadata/Reflect.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_reflect_metadata___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_reflect_metadata__);
/* unused harmony export ProxyFactory */
/* harmony export (immutable) */ __webpack_exports__["a"] = AnimatableValue;

var ProxyFactory = (function () {
    function ProxyFactory() {
        this.proxymap = new WeakMap();
    }
    ProxyFactory.getinstance = function () {
        if (!ProxyFactory.instance) {
            ProxyFactory.instance = new ProxyFactory();
        }
        return ProxyFactory.instance;
    };
    ProxyFactory.has = function (obj) {
        return ProxyFactory.getinstance().proxymap.has(obj);
    };
    ProxyFactory.get = function (obj) {
        return ProxyFactory.getinstance().proxymap.get(obj);
    };
    ProxyFactory.set = function (obj, proxy) {
        return ProxyFactory.getinstance().proxymap.set(obj, proxy);
    };
    return ProxyFactory;
}());

ProxyFactory.instance = null;
function setCallback(obj, updateAnimation) {
    if (!(obj instanceof Object))
        return obj;
    if (ProxyFactory.has(obj))
        return ProxyFactory.get(obj);
    var proxy = new Proxy(obj, {
        get: function (target, key) {
            var v = target[key];
            if (key == 'prototype' || typeof (v) == 'function')
                return v;
            return setCallback(target[key], updateAnimation);
        },
        set: function (target, key, value) {
            target[key] = setCallback(value, updateAnimation);
            updateAnimation();
            return true;
        }
    });
    ProxyFactory.set(obj, proxy);
    return proxy;
}
/**
 *
 */
function AnimatableValue(animation) {
    return function makeAnimatable(target, key) {
        /**
         * Intercept RValue in case it is not a simple value, e.g.
         *
         *  AnimatableValue = new Point(0,0)
         *
         * Point will be proxied so that assignments to 'x' or 'y'
         * will update the 'KeyframeAnimation' source.
         *
         * This also works for deeply nested object hierarchies:
         *
         *  animval = {foo: {bar: {baz: newval}}}
         *
         * will decorate all in-between objects with a proxy that will update the
         * parent animation (set or update a keyframe) at current time
         *
         *  KeyframeAnimation<animval>.set(RValue)
         *
         * whenever, foo, bar or baz are changed. If an object is already decorated (proxied)
         * it will return the proxy.
         */
        var decorate = function (self, rvalue) {
            if (rvalue instanceof Object) {
                if (!ProxyFactory.has(rvalue)) {
                    var updateAnimation = function () {
                        if (!self['locked'])
                            self[animation].set(rvalue);
                    };
                    var proxy = new Proxy(rvalue, {
                        get: function (target, key, receiver) {
                            //var updateAnimation = () => !self['locked'] ? self[animation].set(target) : 0;
                            var v = target[key];
                            return setCallback(v, updateAnimation);
                        },
                        set: function (target, key, value, receiver) {
                            //var updateAnimation = () => !self['locked'] ? self[animation].set(target) : 0;
                            value = setCallback(value, updateAnimation);
                            target[key] = value;
                            updateAnimation();
                            return true;
                        }
                    });
                    ProxyFactory.set(rvalue, proxy);
                    return proxy;
                }
                else {
                    return ProxyFactory.get(rvalue);
                }
            }
            return rvalue;
        };
        var getter = function () {
            if (!this[animation].get)
                debugger;
            return decorate(this, this[animation].get());
        };
        var setter = function (newVal) {
            if (!this['locked']) {
                this[animation].set(newVal);
            }
        };
        Object.defineProperty(target, key, {
            get: getter,
            set: setter,
            enumerable: true,
            configurable: true
        });
        return target;
    };
}
//# sourceMappingURL=animatable.js.map

/***/ }),

/***/ "./src/@fx/core/animation/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__animatable__ = __webpack_require__("./src/@fx/core/animation/animatable.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_0__animatable__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__keyframe__ = __webpack_require__("./src/@fx/core/animation/keyframe.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_1__keyframe__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__keyframeanimation__ = __webpack_require__("./src/@fx/core/animation/keyframeanimation.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_2__keyframeanimation__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_2__keyframeanimation__["b"]; });



//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/core/animation/keyframe.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__undo__ = __webpack_require__("./src/@fx/core/undo/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__selection__ = __webpack_require__("./src/@fx/core/selection/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__interpolation__ = __webpack_require__("./src/@fx/core/interpolation/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__types__ = __webpack_require__("./src/@fx/core/types/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Keyframe; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





function KeyframeInterpolator(be, keyframe1, keyframe2, t) {
    // let v1 = keyframe1.outgoing_velocity;
    // let inf1 = keyframe1.outgoing_influence;
    // let v2 = keyframe2.incoming_velocity;
    // let inf2 = keyframe2.incoming_influence;
    //	let be: BezierEasing = cache.get(v1, inf1, v2, inf2);
    var tstar = be.compute(t);
    if (typeof keyframe1.value === 'number' && typeof keyframe2.value === 'number') {
        var kv1 = keyframe1.value, kv2 = keyframe2.value;
        return ((kv2 - kv1) * tstar + kv1);
    }
    else {
        return keyframe1.value.rayproject(keyframe2.value, tstar);
    }
}
var Keyframe = (function () {
    //BezierEasingCache;
    function Keyframe(p, t, v) {
        this.incoming_influence = 0;
        this.incoming_velocity = 0;
        this.outgoing_influence = 0;
        this.outgoing_velocity = 0;
        this.id = __WEBPACK_IMPORTED_MODULE_4__types__["UUID"].uuid4();
        this._selected = false;
        this.time = t;
        this.value = v;
        this.parent = p;
        this.cache = new WeakMap();
        //new BezierEasingCache();
    }
    Keyframe.prototype.interpolate = function (other, t) {
        var easy = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__interpolation__["a" /* BezierEasingFactory */])(this.outgoing_velocity, this.outgoing_influence, other.incoming_velocity, other.incoming_influence);
        return KeyframeInterpolator(easy, this, other, t);
    };
    Keyframe.prototype.container = function () { return this.parent; };
    Object.defineProperty(Keyframe.prototype, "selected", {
        get: function () {
            return this._selected;
        },
        enumerable: true,
        configurable: true
    });
    Keyframe.prototype.select = function () {
        this._selected = true;
    };
    Keyframe.prototype.unselect = function () {
        this._selected = false;
    };
    Keyframe.prototype.destroy = function () {
    };
    return Keyframe;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])(),
    __metadata("design:type", Number)
], Keyframe.prototype, "time", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__undo__["b" /* Undoable */])(),
    __metadata("design:type", Object)
], Keyframe.prototype, "value", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Keyframe.prototype, "incoming_influence", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Keyframe.prototype, "incoming_velocity", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Keyframe.prototype, "outgoing_influence", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Keyframe.prototype, "outgoing_velocity", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])("Selectable", { weak: true }),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__selection__["b" /* Selectable */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__selection__["b" /* Selectable */]) === "function" && _a || Object)
], Keyframe.prototype, "parent", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], Keyframe.prototype, "id", void 0);
Keyframe = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__selection__["b" /* Selectable */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__selection__["b" /* Selectable */]) === "function" && _b || Object, Number, Object])
], Keyframe);

var _a, _b;
//# sourceMappingURL=keyframe.js.map

/***/ }),

/***/ "./src/@fx/core/animation/keyframeanimation.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__undo__ = __webpack_require__("./src/@fx/core/undo/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__selection__ = __webpack_require__("./src/@fx/core/selection/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__types__ = __webpack_require__("./src/@fx/core/types/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__keyframe__ = __webpack_require__("./src/@fx/core/animation/keyframe.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return AnimatableKeyframe; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return KeyframeAnimation; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





// must be direct include ()
//import { Composition } from '../composition';
//import { Layer } from '../../model/layers/layer';

function zip(a, b) {
    return a.map(function (x, i) { return [a[i], b[i]]; });
}
var AnimatableKeyframe = (function (_super) {
    __extends(AnimatableKeyframe, _super);
    // @Id()
    // id:string = UUID.uuid4();
    function AnimatableKeyframe($prop, ot, time, value) {
        var _this = _super.call(this, $prop, time, value) || this;
        _this.ot = ot;
        _this.$prop = $prop;
        return _this;
    }
    Object.defineProperty(AnimatableKeyframe.prototype, "compositionTime", {
        get: function () {
            return this.time + this.ot.offset;
        },
        enumerable: true,
        configurable: true
    });
    return AnimatableKeyframe;
}(__WEBPACK_IMPORTED_MODULE_5__keyframe__["a" /* Keyframe */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["a" /* Serializable */])("KeyframeAnimation", { weak: true }),
    __metadata("design:type", KeyframeAnimation)
], AnimatableKeyframe.prototype, "$prop", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["a" /* Serializable */])("OffsetTime", { weak: true }),
    __metadata("design:type", Object)
], AnimatableKeyframe.prototype, "ot", void 0);
AnimatableKeyframe = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [KeyframeAnimation, Object, Number, Object])
], AnimatableKeyframe);

var KeyframeAnimation = (function () {
    function KeyframeAnimation(ot, group, v) {
        this._animated = false;
        this.frames = [];
        this.selected = false;
        this.keyframeAdded$ = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.serializer = new __WEBPACK_IMPORTED_MODULE_2__serialization__["c" /* Serializer */]();
        this.sortfn = function (a, b) {
            return a.time - b.time;
        };
        this.ot = ot;
        this.group = group;
        this._value = v;
        this.id = __WEBPACK_IMPORTED_MODULE_4__types__["UUID"].uuid4();
    }
    KeyframeAnimation.prototype.select = function () { this.selected = true; };
    KeyframeAnimation.prototype.unselect = function () { this.selected = false; };
    KeyframeAnimation.prototype.container = function () { return this.group; };
    KeyframeAnimation.prototype.destroy = function () {
        this.keyframeAdded$.complete();
    };
    KeyframeAnimation.prototype.replace = function (other) {
        this.frames = other.frames;
        this._animated = other._animated;
        this._value = other._value;
    };
    Object.defineProperty(KeyframeAnimation.prototype, "value", {
        get: function () {
            return this._value;
        },
        enumerable: true,
        configurable: true
    });
    KeyframeAnimation.prototype.get = function () {
        return this.animated ? this.getValueAtCurrentTime() : this.serializer.clone(this._value);
    };
    KeyframeAnimation.prototype.set = function (v) {
        if (this.animated) {
            this.add(this.getCurrentTime(), v);
            this._value = v;
        }
        else {
            this._value = v;
        }
    };
    Object.defineProperty(KeyframeAnimation.prototype, "animated", {
        get: function () {
            return this.frames.length;
        },
        enumerable: true,
        configurable: true
    });
    KeyframeAnimation.prototype.addCurrent = function () {
        //        return this.add(this.getCurrentTime(), this.serializer.clone(this.value));
        var t = this.getCurrentTime();
        return this.add(t, this.valueAtTime(t));
    };
    KeyframeAnimation.prototype.removeCurrent = function () {
        this.remove(this.getCurrentTime());
        throw "Notimplement";
        //this.$layer.change.emit(true);
    };
    KeyframeAnimation.prototype.getCurrentTime = function () {
        return this.ot.currentTime() - this.ot.offset;
    };
    KeyframeAnimation.prototype.add = function (time, value) {
        // if(value instanceof Object) {
        //     var s = new Serializer();
        //     value = s.clone(value);
        // }
        var kf = this.getKeyframe(time);
        if (kf) {
            // TODO: move to model !
            // Why did we move this from model to here (core)?      
            kf.value = value;
            var layer = this.ot;
            //layer.change.next(false);
            // no change event, may loop back to here
        }
        else {
            kf = new AnimatableKeyframe(this, this.ot, time, value);
            this.frames.push(kf);
            this.sort();
            this.keyframeAdded$.next(kf);
        }
        return kf;
    };
    KeyframeAnimation.prototype.remove = function (time) {
        var index = this.getIndex(time);
        var value = this.frames[index];
        var removed = this.frames.splice(index, 1);
        removed.forEach(function (keyframe) { return keyframe.destroy(); });
    };
    KeyframeAnimation.prototype.findKeyframe = function (id) {
        return this.frames.find(function (f) { return f.id == id; });
    };
    KeyframeAnimation.prototype.clear = function () {
        var removed = this.frames.splice(0, this.frames.length);
        removed.forEach(function (keyframe) { return keyframe.destroy(); });
    };
    ;
    KeyframeAnimation.prototype.delete = function (keyframe) {
        var idx = this.frames.indexOf(keyframe);
        if (idx != -1)
            this.frames.splice(idx, 1);
    };
    KeyframeAnimation.prototype.sort = function () {
        this.frames.sort(this.sortfn);
    };
    KeyframeAnimation.prototype.lerp = function (v0, v1, t) {
        return v0 * (1 - t) + v1 * t;
    };
    KeyframeAnimation.prototype.unlerp = function (a, b, y) {
        return (y - a) / (b - a);
    };
    KeyframeAnimation.prototype.getValueAtCurrentTime = function () {
        return this.animated ? this.valueAtTime(this.getCurrentTime()) : this.value;
    };
    KeyframeAnimation.prototype.valueAtTime = function (time) {
        var v = this.interpolation(time);
        if (v[0] === -1 || v[1] === -1)
            return this.serializer.clone(this.value);
        var startFrame = this.frames[v[0]];
        var endFrame = this.frames[v[1]];
        return this._valueAtTime(v, startFrame, endFrame);
    };
    ;
    KeyframeAnimation.prototype._valueAtTime = function (interpol, startFrame, endFrame) {
        var _this = this;
        var t = interpol[2], startValue = startFrame.value, endValue = endFrame.value;
        if (startValue instanceof Array && endValue instanceof Array) {
            var svArr_1 = startValue, evArr_1 = endValue;
            return startValue.map(function (_, index) { return _this._valueAtTime(interpol, svArr_1[index], evArr_1[index]); });
        }
        else {
            return startFrame.interpolate(endFrame, t);
        }
        /*
        if(startValue instanceof Array) {
            let svArr = <Array<Keyframe<T>>>startValue,
                evArr = <Array<Keyframe<T>>>startValue;
            return startValue.map((_, index) => this._valueAtTime(interpol, svArr[index], evArr[index]));
        } else if(typeof(startValue) == "number" && typeof(endValue) == "number") {
            return this.lerp(startValue, endValue, t);
        } else if(startValue instanceof Object && endValue instanceof Object) {
            var temp:T = (<any>startValue).lerp(endValue, t)
            return temp;
        } else{
            throw new Error("Unknow type for Keyframe Animation: " + startValue);
        }*/
    };
    ;
    /**
     * Find the two keyframes before and after "time" and
     * compute relative distance to first.
     * Return tuple of (leftKeyframe, rightKeyframe, tRelative)
     */
    KeyframeAnimation.prototype.interpolation = function (time) {
        if (this.frames.length === 0)
            return [-1, -1, 0];
        var prev = -1;
        for (var i = this.frames.length - 1; i >= 0; i--) {
            if (time >= this.frames[i].time) {
                prev = i;
                break;
            }
        }
        if (prev === -1 || prev === this.frames.length - 1) {
            if (prev < 0)
                prev = 0;
            return [prev, prev, 0];
        }
        else {
            var startFrame = this.frames[prev];
            var endFrame = this.frames[prev + 1];
            //clamp and get range
            time = Math.max(startFrame.time, Math.min(time, endFrame.time));
            var t = this.unlerp(startFrame.time, endFrame.time, time);
            return [prev, prev + 1, t];
        }
    };
    ;
    KeyframeAnimation.prototype.getKeyframe = function (time) {
        return this.nearest(time, 0);
    };
    ;
    KeyframeAnimation.prototype.getIndex = function (time) {
        return this.nearestIndex(time, 0);
    };
    ;
    KeyframeAnimation.prototype.nearestIndex = function (time, radius) {
        radius = typeof radius === 'number' ? radius : Number.MAX_VALUE;
        var minDist = Number.MAX_VALUE;
        var nearest = -1;
        for (var i = 0; i < this.frames.length; i++) {
            var dist = Math.abs(this.frames[i].time - time);
            if (dist < minDist && dist <= radius) {
                minDist = dist;
                nearest = i;
            }
        }
        return nearest;
    };
    ;
    KeyframeAnimation.prototype.nearest = function (time, radius) {
        var idx = this.nearestIndex(time, radius);
        return idx === -1 ? null : this.frames[idx];
    };
    ;
    Object.defineProperty(KeyframeAnimation.prototype, "isKeyframe", {
        get: function () {
            return !!this.getKeyframe(this.getCurrentTime());
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(KeyframeAnimation.prototype, "left", {
        get: function () {
            var current = this.getKeyframe(this.getCurrentTime());
            var previous = this.previous();
            var isSame = !!current && !!previous && current.time == this.previous().time;
            return !!previous && !isSame;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(KeyframeAnimation.prototype, "right", {
        get: function () {
            var current = this.getKeyframe(this.getCurrentTime());
            var next = this.next();
            var isSame = !!current && !!next && current.time == this.next().time;
            return !!next && !isSame;
        },
        enumerable: true,
        configurable: true
    });
    KeyframeAnimation.prototype.nextTime = function () { return this.next().time; };
    KeyframeAnimation.prototype.previousTime = function () { return this.previous().time; };
    KeyframeAnimation.prototype.next = function (time) {
        time = time || this.getCurrentTime();
        if (this.frames.length < 1)
            return null;
        var cur = -1;
        for (var i = 0; i < this.frames.length; i++) {
            if (time < this.frames[i].time) {
                cur = i;
                break;
            }
        }
        return cur === -1 ? null : this.frames[cur];
    };
    ;
    KeyframeAnimation.prototype.previous = function (time) {
        time = time || this.getCurrentTime();
        if (this.frames.length < 1)
            return null;
        var cur = -1;
        for (var i = this.frames.length - 1; i >= 0; i--) {
            if (time > this.frames[i].time) {
                cur = i;
                break;
            }
        }
        return cur === -1 ? null : this.frames[cur];
    };
    ;
    KeyframeAnimation.prototype.first = function () {
        if (!this.frames.length)
            return null;
        return this.frames[0];
    };
    ;
    KeyframeAnimation.prototype.last = function () {
        if (!this.frames.length)
            return null;
        return this.frames[this.frames.length - 1];
    };
    ;
    KeyframeAnimation.prototype.velocities = function () {
        var keyframes = zip(this.frames.slice(1), this.frames.slice(0, -1));
        return keyframes.map(function (_a) {
            var kf2 = _a[0], kf1 = _a[1];
            var v2 = kf2.value, v1 = kf1.value;
            if (typeof (v1) == 'number' && typeof (v2) == 'number') {
                return (v2 - v1) / 2;
            }
            return v2.differentiate(v1);
        });
    };
    KeyframeAnimation.prototype.velocityAtTime = function (time) {
        var v = this.interpolation(time);
        if (v[0] === -1 || v[1] === -1)
            return this.value; // null?
        var startFrame = this.frames[v[0]];
        var endFrame = this.frames[v[1]];
        return this._valueAtTime(v, startFrame, endFrame);
    };
    return KeyframeAnimation;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], KeyframeAnimation.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["a" /* Serializable */])(),
    __metadata("design:type", Boolean)
], KeyframeAnimation.prototype, "_animated", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__undo__["b" /* Undoable */])(),
    __metadata("design:type", Object)
], KeyframeAnimation.prototype, "_value", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__undo__["b" /* Undoable */])(),
    __metadata("design:type", Array)
], KeyframeAnimation.prototype, "frames", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["a" /* Serializable */])('OffsetTime', { weak: true }),
    __metadata("design:type", Object)
], KeyframeAnimation.prototype, "ot", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["a" /* Serializable */])('Selectable', { weak: true }),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__selection__["b" /* Selectable */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__selection__["b" /* Selectable */]) === "function" && _a || Object)
], KeyframeAnimation.prototype, "group", void 0);
KeyframeAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__selection__["b" /* Selectable */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__selection__["b" /* Selectable */]) === "function" && _b || Object, Object])
], KeyframeAnimation);

var _a, _b;
//# sourceMappingURL=keyframeanimation.js.map

/***/ }),

/***/ "./src/@fx/core/cache/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__simple__ = __webpack_require__("./src/@fx/core/cache/simple.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__simple__["a"]; });

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/core/cache/simple.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SimpleCache; });
var __decorate = (this && this.__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 SimpleCache = (function () {
    function SimpleCache() {
        this.cache = new WeakMap();
        this.keylookup = {};
    }
    SimpleCache.prototype.has = function (key) {
        var k = this.keylookup[key];
        return this.cache.has(k);
    };
    SimpleCache.prototype.get = function (key) {
        var k = this.keylookup[key];
        return this.cache.get(k);
    };
    SimpleCache.prototype.set = function (key, value) {
        var newkey = { key: key };
        this.keylookup[key] = newkey;
        return this.cache.set(newkey, value);
    };
    SimpleCache.prototype.delete = function (key) {
        var k = this.keylookup[key];
        this.cache.delete(k);
        delete this.keylookup[key];
    };
    return SimpleCache;
}());
SimpleCache = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], SimpleCache);

//# sourceMappingURL=simple.js.map

/***/ }),

/***/ "./src/@fx/core/clipboard.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ClipboardService; });
var __decorate = (this && this.__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;
};

/**
 * Clipboard service.
 *
 * This is not used anymore. FX now uses the System Clipboard to
 * allow interoperability with other applications.
 */
var ClipboardService = (function () {
    function ClipboardService() {
        this.content = {};
    }
    ClipboardService.prototype.add = function (archive, kind) {
        this.content[kind] = archive;
    };
    ClipboardService.prototype.replace = function (archive, kind) {
        this.content = {};
        this.content[kind] = archive;
    };
    ClipboardService.prototype.types = function () {
        return Object.keys(this.content);
    };
    ClipboardService.prototype.get = function (kind) {
        return this.content[kind];
    };
    return ClipboardService;
}());
ClipboardService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], ClipboardService);

//# sourceMappingURL=clipboard.js.map

/***/ }),

/***/ "./src/@fx/core/core.module.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common__ = __webpack_require__("./node_modules/@angular/common/@angular/common.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2____ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CoreModule; });
var __decorate = (this && this.__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 providers = [
    __WEBPACK_IMPORTED_MODULE_2____["SelectionService"],
    __WEBPACK_IMPORTED_MODULE_2____["UndoManager"],
    __WEBPACK_IMPORTED_MODULE_2____["Serializer"],
    __WEBPACK_IMPORTED_MODULE_2____["ClipboardService"],
    __WEBPACK_IMPORTED_MODULE_2____["SimpleCache"],
];
var CoreModule = (function () {
    function CoreModule() {
    }
    return CoreModule;
}());
CoreModule = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["c" /* NgModule */])({
        imports: [__WEBPACK_IMPORTED_MODULE_1__angular_common__["a" /* CommonModule */]],
        providers: providers.slice(),
        declarations: [],
        exports: [__WEBPACK_IMPORTED_MODULE_1__angular_common__["a" /* CommonModule */]],
    })
], CoreModule);

//# sourceMappingURL=core.module.js.map

/***/ }),

/***/ "./src/@fx/core/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__animation__ = __webpack_require__("./src/@fx/core/animation/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Keyframe", function() { return __WEBPACK_IMPORTED_MODULE_0__animation__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "KeyframeAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__animation__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "AnimatableValue", function() { return __WEBPACK_IMPORTED_MODULE_0__animation__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "AnimatableKeyframe", function() { return __WEBPACK_IMPORTED_MODULE_0__animation__["d"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__types__ = __webpack_require__("./src/@fx/core/types/index.ts");
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Point")) __webpack_require__.d(__webpack_exports__, "Point", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Point"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Color")) __webpack_require__.d(__webpack_exports__, "Color", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Color"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "UndoManager")) __webpack_require__.d(__webpack_exports__, "UndoManager", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["UndoManager"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "SelectionGroup")) __webpack_require__.d(__webpack_exports__, "SelectionGroup", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["SelectionGroup"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "UUID")) __webpack_require__.d(__webpack_exports__, "UUID", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["UUID"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "flatten")) __webpack_require__.d(__webpack_exports__, "flatten", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["flatten"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "BezierPath")) __webpack_require__.d(__webpack_exports__, "BezierPath", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["BezierPath"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Scalar")) __webpack_require__.d(__webpack_exports__, "Scalar", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Scalar"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Range")) __webpack_require__.d(__webpack_exports__, "Range", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Range"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Serializable")) __webpack_require__.d(__webpack_exports__, "Serializable", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Serializable"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Id")) __webpack_require__.d(__webpack_exports__, "Id", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Id"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Undoable")) __webpack_require__.d(__webpack_exports__, "Undoable", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Undoable"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "removeNodes")) __webpack_require__.d(__webpack_exports__, "removeNodes", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["removeNodes"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "isEmptyElementNode")) __webpack_require__.d(__webpack_exports__, "isEmptyElementNode", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["isEmptyElementNode"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Selectable")) __webpack_require__.d(__webpack_exports__, "Selectable", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Selectable"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Segment")) __webpack_require__.d(__webpack_exports__, "Segment", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Segment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Size")) __webpack_require__.d(__webpack_exports__, "Size", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Size"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "scalePoints")) __webpack_require__.d(__webpack_exports__, "scalePoints", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["scalePoints"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "rotatePoints")) __webpack_require__.d(__webpack_exports__, "rotatePoints", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["rotatePoints"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Rect")) __webpack_require__.d(__webpack_exports__, "Rect", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Rect"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Fractional")) __webpack_require__.d(__webpack_exports__, "Fractional", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Fractional"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "unquote")) __webpack_require__.d(__webpack_exports__, "unquote", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["unquote"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "SelectionService")) __webpack_require__.d(__webpack_exports__, "SelectionService", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["SelectionService"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Serializer")) __webpack_require__.d(__webpack_exports__, "Serializer", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Serializer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "PerspectiveTransform")) __webpack_require__.d(__webpack_exports__, "PerspectiveTransform", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["PerspectiveTransform"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "ClipboardService")) __webpack_require__.d(__webpack_exports__, "ClipboardService", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["ClipboardService"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "isFractional")) __webpack_require__.d(__webpack_exports__, "isFractional", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["isFractional"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "centerPoint")) __webpack_require__.d(__webpack_exports__, "centerPoint", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["centerPoint"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "pointsInPolyArray")) __webpack_require__.d(__webpack_exports__, "pointsInPolyArray", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["pointsInPolyArray"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "pointsInPoly")) __webpack_require__.d(__webpack_exports__, "pointsInPoly", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["pointsInPoly"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Matrix2")) __webpack_require__.d(__webpack_exports__, "Matrix2", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Matrix2"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "Pair")) __webpack_require__.d(__webpack_exports__, "Pair", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["Pair"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "LineSegment")) __webpack_require__.d(__webpack_exports__, "LineSegment", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["LineSegment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__types__, "SimpleCache")) __webpack_require__.d(__webpack_exports__, "SimpleCache", function() { return __WEBPACK_IMPORTED_MODULE_1__types__["SimpleCache"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__interpolation__ = __webpack_require__("./src/@fx/core/interpolation/index.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__undo__ = __webpack_require__("./src/@fx/core/undo/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "UndoManager", function() { return __WEBPACK_IMPORTED_MODULE_3__undo__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Undoable", function() { return __WEBPACK_IMPORTED_MODULE_3__undo__["b"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__selection__ = __webpack_require__("./src/@fx/core/selection/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SelectionGroup", function() { return __WEBPACK_IMPORTED_MODULE_4__selection__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Selectable", function() { return __WEBPACK_IMPORTED_MODULE_4__selection__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SelectionService", function() { return __WEBPACK_IMPORTED_MODULE_4__selection__["c"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Serializable", function() { return __WEBPACK_IMPORTED_MODULE_5__serialization__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Id", function() { return __WEBPACK_IMPORTED_MODULE_5__serialization__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Serializer", function() { return __WEBPACK_IMPORTED_MODULE_5__serialization__["c"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__clipboard__ = __webpack_require__("./src/@fx/core/clipboard.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "ClipboardService", function() { return __WEBPACK_IMPORTED_MODULE_6__clipboard__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__observable__ = __webpack_require__("./src/@fx/core/observable.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__cache__ = __webpack_require__("./src/@fx/core/cache/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SimpleCache", function() { return __WEBPACK_IMPORTED_MODULE_8__cache__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils__ = __webpack_require__("./src/@fx/core/utils.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "flatten", function() { return __WEBPACK_IMPORTED_MODULE_9__utils__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "removeNodes", function() { return __WEBPACK_IMPORTED_MODULE_9__utils__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "isEmptyElementNode", function() { return __WEBPACK_IMPORTED_MODULE_9__utils__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "unquote", function() { return __WEBPACK_IMPORTED_MODULE_9__utils__["d"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__math__ = __webpack_require__("./src/@fx/core/math/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "PerspectiveTransform", function() { return __WEBPACK_IMPORTED_MODULE_10__math__["a"]; });











//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/core/interpolation/bezier.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__types__ = __webpack_require__("./src/@fx/core/types/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_memoizee__ = __webpack_require__("./node_modules/memoizee/index.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_memoizee___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_memoizee__);
/* unused harmony export BezierEasing */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return BezierEasingFactory; });

//var memoize = require('memoizee');

var SPLINE_TABLE_SIZE = 31;
var SAMPLE_STEP_SIZE = 1.0 / (SPLINE_TABLE_SIZE - 1.0);
var SUBDIVISION_PRECISION = 0.0000001;
var SUBDIVISION_MAX_ITERATIONS = 10;
var NEWTON_MIN_SLOPE = 0.001;
var NEWTON_RAPHSON_ITERATIONS = 4;
function A(V1, V2) {
    return 1.0 - 3.0 * V2 + 3.0 * V1;
}
function B(V1, V2) {
    return 3.0 * V2 - 6.0 * V1;
}
function C(V1) {
    return 3.0 * V1;
}
function calcBezier(T, V1, V2) {
    return ((A(V1, V2) * T + B(V1, V2)) * T + C(V1)) * T;
}
function getSlope(T, V1, V2) {
    return 3.0 * A(V1, V2) * T * T + 2.0 * B(V1, V2) * T + C(V1);
}
function binarySubdivide(X, A, B, X1, X2) {
    var i = 0;
    var currentX = 0, currentT = 0;
    do {
        currentT = A + (B - A) / 2.0;
        currentX = calcBezier(currentT, X1, X2) - X;
        if (currentX > 0) {
            B = currentT;
        }
        else {
            A = currentT;
        }
    } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
    return currentT;
}
function newtonRaphsonIterate(X, T, X1, X2) {
    for (var i = 0; i < NEWTON_RAPHSON_ITERATIONS; ++i) {
        var slope = getSlope(T, X1, X2);
        if (slope == 0.0) {
            return T;
        }
        var newX = calcBezier(T, X1, X2) - X;
        T -= newX / slope;
    }
    return T;
}
var BezierEasing = (function () {
    function BezierEasing(P1, P2) {
        this.P1 = P1;
        this.P2 = P2;
        this.precompute_sample_values();
    }
    BezierEasing.prototype.compute = function (x) {
        if (this.P1.x == this.P1.y && this.P2.x == this.P2.y) {
            return x;
        }
        if (x == 0.0 || x == 1.0) {
            return x;
        }
        return calcBezier(this.getTForX(x), this.P1.y, this.P2.y);
    };
    ;
    BezierEasing.prototype.getTForX = function (x) {
        var interval_start = 0.0;
        var current_sample = 1;
        var last_sample = SPLINE_TABLE_SIZE - 1;
        for (; current_sample != last_sample && this.sample_values[current_sample] < x; ++current_sample) {
            interval_start += SAMPLE_STEP_SIZE;
        }
        --current_sample;
        var dist = (x - this.sample_values[current_sample]) / (this.sample_values[current_sample + 1] - this.sample_values[current_sample]);
        var t = interval_start + dist * SAMPLE_STEP_SIZE;
        var slope = getSlope(t, this.P1.x, this.P2.x);
        if (slope >= NEWTON_MIN_SLOPE) {
            return newtonRaphsonIterate(x, t, this.P1.x, this.P2.x);
        }
        else if (slope == 0.0) {
            return t;
        }
        else {
            return binarySubdivide(x, interval_start, interval_start + SAMPLE_STEP_SIZE, this.P1.x, this.P2.x);
        }
    };
    BezierEasing.prototype.precompute_sample_values = function () {
        this.sample_values = new Array();
        if (this.P1.x != this.P1.y || this.P2.x != this.P2.y) {
            for (var i = 0; i < SPLINE_TABLE_SIZE; ++i) {
                this.sample_values.push(calcBezier(i * SAMPLE_STEP_SIZE, this.P1.x, this.P2.x));
            }
        }
    };
    return BezierEasing;
}());

;
function bezierEasyingFunction(velocity1, influence1, velocity2, influence2) {
    var P1 = new __WEBPACK_IMPORTED_MODULE_0__types__["Point"](influence1, velocity1);
    var P2 = new __WEBPACK_IMPORTED_MODULE_0__types__["Point"](1 - influence2, 1 - velocity2);
    return new BezierEasing(P1, P2);
}
var BezierEasingFactory = __WEBPACK_IMPORTED_MODULE_1_memoizee__(bezierEasyingFunction, { max: 100 });
//# sourceMappingURL=bezier.js.map

/***/ }),

/***/ "./src/@fx/core/interpolation/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lerp__ = __webpack_require__("./src/@fx/core/interpolation/lerp.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__bezier__ = __webpack_require__("./src/@fx/core/interpolation/bezier.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_1__bezier__["a"]; });


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/core/interpolation/lerp.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export canLerp */
function canLerp(x) {
    return x.lerp != undefined;
}
//# sourceMappingURL=lerp.js.map

/***/ }),

/***/ "./src/@fx/core/math/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__perspective__ = __webpack_require__("./src/@fx/core/math/perspective.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__perspective__["a"]; });

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/core/math/perspective.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__types__ = __webpack_require__("./src/@fx/core/types/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_numeric__ = __webpack_require__("./node_modules/numeric/numeric-1.2.6.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_numeric___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_numeric__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PerspectiveTransform; });

//var numeric = require('numeric');

var PerspectiveTransform = (function () {
    function PerspectiveTransform(src, dest, isInverse) {
        this.coeffs = this.getCoefficients(src, dest, false);
        this.coeffsInv = this.getCoefficients(src, dest, true);
    }
    PerspectiveTransform.prototype.getCoefficients = function (src, dest, isInverse) {
        var srcPts = [src[0].x, src[0].y, src[1].x, src[1].y, src[2].x, src[2].y, src[3].x, src[3].y], dstPts = [dest[0].x, dest[0].y, dest[1].x, dest[1].y, dest[2].x, dest[2].y, dest[3].x, dest[3].y];
        if (isInverse) {
            var tmp = dstPts;
            dstPts = srcPts;
            srcPts = tmp;
        }
        var r1 = [srcPts[0], srcPts[1], 1, 0, 0, 0, -1 * dstPts[0] * srcPts[0], -1 * dstPts[0] * srcPts[1]];
        var r2 = [0, 0, 0, srcPts[0], srcPts[1], 1, -1 * dstPts[1] * srcPts[0], -1 * dstPts[1] * srcPts[1]];
        var r3 = [srcPts[2], srcPts[3], 1, 0, 0, 0, -1 * dstPts[2] * srcPts[2], -1 * dstPts[2] * srcPts[3]];
        var r4 = [0, 0, 0, srcPts[2], srcPts[3], 1, -1 * dstPts[3] * srcPts[2], -1 * dstPts[3] * srcPts[3]];
        var r5 = [srcPts[4], srcPts[5], 1, 0, 0, 0, -1 * dstPts[4] * srcPts[4], -1 * dstPts[4] * srcPts[5]];
        var r6 = [0, 0, 0, srcPts[4], srcPts[5], 1, -1 * dstPts[5] * srcPts[4], -1 * dstPts[5] * srcPts[5]];
        var r7 = [srcPts[6], srcPts[7], 1, 0, 0, 0, -1 * dstPts[6] * srcPts[6], -1 * dstPts[6] * srcPts[7]];
        var r8 = [0, 0, 0, srcPts[6], srcPts[7], 1, -1 * dstPts[7] * srcPts[6], -1 * dstPts[7] * srcPts[7]];
        var matA = [r1, r2, r3, r4, r5, r6, r7, r8];
        var matB = dstPts;
        var matC;
        try {
            matC = __WEBPACK_IMPORTED_MODULE_1_numeric__["inv"](__WEBPACK_IMPORTED_MODULE_1_numeric__["dotMMsmall"](__WEBPACK_IMPORTED_MODULE_1_numeric__["transpose"](matA), matA));
        }
        catch (e) {
            return [1, 0, 0, 0, 1, 0, 0, 0];
        }
        var matD = __WEBPACK_IMPORTED_MODULE_1_numeric__["dotMMsmall"](matC, __WEBPACK_IMPORTED_MODULE_1_numeric__["transpose"](matA));
        var matX = __WEBPACK_IMPORTED_MODULE_1_numeric__["dotMV"](matD, matB);
        for (var i = 0; i < matX.length; i++) {
            matX[i] = this.round(matX[i]);
        }
        matX[8] = 1;
        return matX;
    };
    PerspectiveTransform.prototype.round = function (num) {
        return Math.round(num * 10000000000) / 10000000000;
    };
    PerspectiveTransform.prototype.transformPoint = function (p) {
        var x = (this.coeffs[0] * p.x + this.coeffs[1] * p.y + this.coeffs[2]) / (this.coeffs[6] * p.x + this.coeffs[7] * p.y + 1), y = (this.coeffs[3] * p.x + this.coeffs[4] * p.y + this.coeffs[5]) / (this.coeffs[6] * p.x + this.coeffs[7] * p.y + 1);
        return new __WEBPACK_IMPORTED_MODULE_0__types__["Point"](x, y);
    };
    PerspectiveTransform.prototype.transformPointInverse = function (p) {
        var coordinates = [];
        var x = (this.coeffsInv[0] * p.x + this.coeffsInv[1] * p.y + this.coeffsInv[2]) / (this.coeffsInv[6] * p.x + this.coeffsInv[7] * p.y + 1), y = (this.coeffsInv[3] * p.x + this.coeffsInv[4] * p.y + this.coeffsInv[5]) / (this.coeffsInv[6] * p.x + this.coeffsInv[7] * p.y + 1);
        return new __WEBPACK_IMPORTED_MODULE_0__types__["Point"](x, y);
    };
    return PerspectiveTransform;
}());

//# sourceMappingURL=perspective.js.map

/***/ }),

/***/ "./src/@fx/core/observable.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* unused harmony export Observable */

/**
 * Observe value changes of an instance member and publish new value to
 * Subject with the name "topic".
 *
 * @param topic Name of instance properties under which a Subject is created
 */
function Observable(topic) {
    return function (target, key) {
        var prop = Object.getOwnPropertyDescriptor(target, key);
        target[topic] = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        var prevSetter = prop.set;
        var setter = function (newVal) {
            if (prevSetter)
                prevSetter.call(this, newVal);
            this[topic].next(newVal);
        };
        prop.set = setter;
        Object.defineProperty(target, key, prop);
        return target;
    };
}
//# sourceMappingURL=observable.js.map

/***/ }),

/***/ "./src/@fx/core/selection/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__selectable__ = __webpack_require__("./src/@fx/core/selection/selectable.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__selectable__["Selectable"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__selectable__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__selection__ = __webpack_require__("./src/@fx/core/selection/selection.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__selection__["a"]; });


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/core/selection/selectable.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__types_uuid__ = __webpack_require__("./src/@fx/core/types/uuid.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SelectionGroup; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var SelectionGroup = (function () {
    function SelectionGroup(parent, name) {
        this.selected = false;
        this.active = false;
        this.id = __WEBPACK_IMPORTED_MODULE_0__types_uuid__["a" /* UUID */].uuid4();
        this.parent = parent;
        this.group = [];
        this.name = name;
    }
    SelectionGroup.prototype.remove = function (obj) {
        var idx = this.group.indexOf(obj);
        if (idx != -1)
            this.group.splice(idx, 1);
    };
    SelectionGroup.prototype.container = function () { return this.parent; };
    SelectionGroup.prototype.select = function () {
        this.selected = true;
    };
    SelectionGroup.prototype.activate = function () {
        this.active = true;
    };
    SelectionGroup.prototype.unselect = function () {
        this.selected = false;
        this.active = false;
    };
    return SelectionGroup;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])("Selectable", { weak: true }),
    __metadata("design:type", Object)
], SelectionGroup.prototype, "parent", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])("T"),
    __metadata("design:type", Array)
], SelectionGroup.prototype, "group", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])(),
    __metadata("design:type", String)
], SelectionGroup.prototype, "name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], SelectionGroup.prototype, "id", void 0);
SelectionGroup = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [Object, String])
], SelectionGroup);

//# sourceMappingURL=selectable.js.map

/***/ }),

/***/ "./src/@fx/core/selection/selection.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* unused harmony export SelectionChange */
/* unused harmony export SelectionManager */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SelectionService; });
/**
 * A general-purpose multi-hierarchical selection service.
 *
 * Selection, Activation & Focus
 * Wheneven a user selects (clicks) an (model-)element it is selected and is added
 * to the current selection. Usually, modifier keys are honored, i.e. Control-click
 * adds to the selection. All parents of the clicked items are also activated,
 * i.e. they become selected, but they are not added to the selection. The clicked
 * item gets the focus ("Focus follows mouse").
 *
 * A SelectionManager provides an event bus that can be subscribed to listen to
 * selection change events ("onchange") as well to user-defined events.
 *
 * Generally, FX does not not use the hierarchical features, but maintains multiple
 * SelectionManager for each composition and the global Project. [[However, some
 * elements maintain a separate SelectionManager, e.g. KeyframeContainer keep track
 * of keyframes in a separate SelectionManager.]] TODO: is this still true?
 *
 * A global SelectionService keeps track of all managers and
 * keeps a record of the currently focused element across SelectionManagers and also
 * provides an event bus to listen for selection events across all SelectionManagers.
 */
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



/**
 * Whenever a selection changes, the details of the selection change
 * are encoded in a SelectionChange object.
 */
var SelectionChange = (function () {
    function SelectionChange() {
        /**
         * Objects that were unselected in the current selection action.
         */
        this.off = [];
        /**
         * The "new" selection of selected objects.
         */
        this.selection = [];
    }
    return SelectionChange;
}());

/**
 * Hierarchical Selection Manager. See SelectionService for details.
 */
var SelectionManager = (function () {
    function SelectionManager(ss) {
        this.ss = ss;
        /**
         * Subscription for selection change events
         */
        this.onchange = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]();
        /**
         * the current list of selected Selectables
         */
        this._selected = [];
        /**
         * List of Subscriptions for event dispatching
         */
        this.events = {};
    }
    Object.defineProperty(SelectionManager.prototype, "selected", {
        /**
         * return current list of Selectables
         */
        get: function () {
            return this._selected;
        },
        enumerable: true,
        configurable: true
    });
    /**
     * same as above, but with type info.
     */
    SelectionManager.prototype.selectedWithType = function () {
        return this._selected;
    };
    /**
     * Atomic Multi-Select. Modifiers are NOT honored.
     */
    SelectionManager.prototype.selectMulti = function (targets) {
        var _this = this;
        var change = new SelectionChange();
        this._unselect(this._selected, change);
        targets.forEach(function (target) { return _this._selectTarget(target, new MouseEvent('click')); });
        targets.forEach(function (target) { return _this._selected.push(target); });
        change.on = targets[0];
        change.focus = targets[0];
        change.blur = this.ss.focus;
        change.selection = this._selected;
        this.onchange.next(change);
    };
    /**
     * Single select
     */
    SelectionManager.prototype.select = function (target, event) {
        var change = new SelectionChange();
        if (event && (event.metaKey || event.ctrlKey)) {
            var tIdx = this._selected.indexOf(target);
            if (tIdx != -1) {
                change.off.push(target);
                target.unselect();
                this._selected.splice(tIdx, 1);
            }
            else {
                this._selectTarget(target, event);
                this._selected.push(target);
                change.on = target;
                change.focus = target;
                change.blur = this.ss.focus;
            }
        }
        else {
            this._unselect(this._selected, change);
            this._selectTarget(target, event);
            this._selected = [target];
            change.on = target;
            change.focus = target;
            change.blur = this.ss.focus;
        }
        change.selection = this._selected;
        this.onchange.next(change);
        return change;
    };
    /**
     * Select target and activate parents, so that siblings of the
     * selected object are unselected.
     */
    SelectionManager.prototype._selectTarget = function (target, $event) {
        target.select();
        this.ss.activateParent(target);
    };
    /**
     * Add to current selection. A click on an already selected Selectable
     * does not change the selection.
     */
    SelectionManager.prototype.addSelection = function (target, event) {
        var change = new SelectionChange();
        change.on = target;
        change.focus = target;
        if (this._selected.indexOf(target) == -1) {
            this._selectTarget(target, event);
            this._selected.push(target);
        }
        change.selection = this._selected;
        this.onchange.next(change);
    };
    /**
     * Check current selection. A click on an already selected Selectable
     * does not change the selection. Otherwise it is a regular select
     */
    SelectionManager.prototype.checkSelection = function (target, event) {
        if (this._selected.indexOf(target) == -1) {
            this.select(target, event);
        }
    };
    /**
     * Unselect specified Selectables, update Selection change object.
     * Used internally.
     */
    SelectionManager.prototype._unselect = function (sels, change) {
        var _this = this;
        sels.slice().forEach(function (s) {
            s.unselect();
            change.off.push(s);
            var idx = _this._selected.indexOf(s);
            if (idx != -1) {
                _this._selected.splice(idx, 1);
            }
            _this.ss.deactivateParent(s);
        });
    };
    SelectionManager.prototype.unselect = function (target) {
        var change = new SelectionChange();
        this._unselect([target], change);
        change.selection = this._selected;
        this.onchange.next(change);
    };
    SelectionManager.prototype.unselectAll = function () {
        var change = new SelectionChange();
        this._unselect(this._selected, change);
        this._selected = [];
        change.selection = [];
        this.onchange.next(change);
    };
    SelectionManager.prototype.activate = function (target) {
        target.select();
        this.ss.activateParent(target);
    };
    SelectionManager.prototype.containsFocus = function () {
        return this._selected.indexOf(this.ss.focus) != -1;
    };
    /**
     * Execute callback for all selected Selectables.
     */
    SelectionManager.prototype.execute = function (executor) {
        this.selected.forEach(function (sel) { return executor(sel); });
    };
    /**
     * User-Event Subscriptions
     *
     * Dispatch given event to all subscribers of this event.
     */
    SelectionManager.prototype.dispatch = function (event, arg) {
        var subject = this.events[event];
        if (subject) {
            subject.next(arg);
        }
    };
    SelectionManager.prototype.on = function (event, callback) {
        var subject = this.events[event];
        if (!subject) {
            subject = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]();
            this.events[event] = subject;
        }
        return subject.subscribe(callback);
    };
    SelectionManager.prototype.getService = function () {
        return this.ss;
    };
    return SelectionManager;
}());

var SelectionService = SelectionService_1 = (function () {
    function SelectionService() {
        this.global = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]();
        this._focus = null;
        this._selected = [];
        this.managers = new Map();
        SelectionService_1._instance = this;
    }
    SelectionService.prototype.getSelectionManager = function (target) {
        var _this = this;
        var sm = this.managers.get(target);
        if (!sm) {
            sm = new SelectionManager(this);
            this.managers.set(target, sm);
            sm.onchange.subscribe(function (change) {
                if (change.focus) {
                    _this._focus = change.focus;
                    _this._managerWithFocus = sm;
                }
                _this._selected = change.selection;
                _this.global.next(change);
            });
        }
        return sm;
    };
    SelectionService.prototype.getSelectionManagerForTarget = function (target) {
        return this.getSelectionManager(this.getRoot(target));
    };
    SelectionService.prototype.select = function (target, $event) {
        if (!target)
            return;
        var sm = this.getSelectionManagerForTarget(target);
        return sm.select(target, $event);
    };
    SelectionService.prototype.selectMulti = function (targets, $event) {
        if (!targets.length)
            return;
        var sm = this.getSelectionManagerForTarget(targets[0]);
        sm.selectMulti(targets);
    };
    SelectionService.prototype.addSelection = function (target, $event) {
        if (!target)
            return;
        var sm = this.getSelectionManagerForTarget(target);
        sm.addSelection(target, $event);
    };
    SelectionService.prototype.checkSelection = function (target, $event) {
        if (!target)
            return;
        var sm = this.getSelectionManagerForTarget(target);
        sm.checkSelection(target, $event);
    };
    SelectionService.prototype.unselect = function (target) {
        if (!target)
            return;
        var sm = this.getSelectionManagerForTarget(target);
        sm.unselect(target);
    };
    SelectionService.prototype.unselectAll = function (targets) {
        var _this = this;
        targets.forEach(function (t) { return _this.unselect(t); });
    };
    SelectionService.prototype.active = function (query) {
        var _this = this;
        var all = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["flatten"])(Array.from(this.managers.values()).map(function (manager) { return manager.selected; }));
        return all.filter(function (a) { return _this.hasThisParent(a, query); }).length > 0;
    };
    SelectionService.prototype.getRoot = function (s) {
        if (!s || !s.container)
            return null; //debugger;
        if (s == s.container())
            return s;
        return this.getRoot(s.container());
    };
    SelectionService.prototype.hasThisParent = function (s, parent) {
        if (!s.container)
            return;
        if (s == s.container())
            return false;
        if (s == parent)
            return false;
        if (s.container() == parent)
            return true;
        return this.hasThisParent(s.container(), parent);
    };
    SelectionService.prototype.activateParent = function (target) {
        var parent = target.container();
        if (target == parent)
            return;
        if (!parent.container)
            return;
        var sm = this.getSelectionManager(parent.container());
        if (parent.container() != parent)
            sm.activate(parent);
    };
    SelectionService.prototype.deactivateParent = function (target) {
        if (!target.container)
            return;
        if (target == target.container())
            return;
        if (!target.container().container)
            return;
        var sm = this.getSelectionManager(target.container().container());
        sm.unselect(target.container());
    };
    Object.defineProperty(SelectionService.prototype, "managerWithFocus", {
        get: function () {
            return this._managerWithFocus || new SelectionManager(this);
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(SelectionService.prototype, "focus", {
        get: function () {
            return this._focus;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(SelectionService.prototype, "selection", {
        get: function () {
            return this._selected;
        },
        enumerable: true,
        configurable: true
    });
    return SelectionService;
}());
SelectionService = SelectionService_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [])
], SelectionService);

var SelectionService_1;
//# sourceMappingURL=selection.js.map

/***/ }),

/***/ "./src/@fx/core/serialization/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__serializable__ = __webpack_require__("./src/@fx/core/serialization/serializable.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__serializable__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__serializable__["c"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__serializer__ = __webpack_require__("./src/@fx/core/serialization/serializer.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__serializer__["a"]; });


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/core/serialization/serializable.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_reflect_metadata__ = __webpack_require__("./node_modules/reflect-metadata/Reflect.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_reflect_metadata___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_reflect_metadata__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Registry; });
/* harmony export (immutable) */ __webpack_exports__["c"] = Id;
/* harmony export (immutable) */ __webpack_exports__["b"] = Serializable;

var Registry = (function () {
    function Registry() {
        this.Constructors = {};
        this.FieldDB = new Map();
        this.IDs = new Map();
        this.PrimaryKeys = new Map();
    }
    Registry.get = function () {
        if (!Registry.instance) {
            Registry.instance = new Registry();
        }
        return Registry.instance;
    };
    return Registry;
}());

Registry.instance = null;
function Id() {
    return function (target, key) {
        var __typename = target.constructor.name;
        Registry.get().PrimaryKeys.set(__typename, key);
        Object.defineProperty(target, key, {
            get: function () {
                return this.__id;
            },
            set: function (newID) {
                this.__id = newID;
                // See serializer:: construct new obj: buggy -> disabled
                //Registry.get().IDs.set(newID, this);
            },
            enumerable: true,
            configurable: true
        });
    };
}
var DefaultSerializerOptions = (function () {
    function DefaultSerializerOptions() {
        this.weak = false;
    }
    return DefaultSerializerOptions;
}());
function Serializable(subtypeOrOptions, options) {
    if (typeof (subtypeOrOptions) == "string") {
        var subtype = subtypeOrOptions; //&& subtypeOrOptions.startsWith('*') ? subtypeOrOptions.substr(1) : subtypeOrOptions;
        var opts = options;
    }
    else {
        subtype = undefined;
        opts = subtypeOrOptions;
    }
    return function (target, key, index) {
        if (key) {
            var t = Reflect.getMetadata('design:type', target, key);
            var __typename = target.constructor.name;
            //var fields = Reflect.getMetadata('fx:fields', target); //target['__fields'];
            var fields = Registry.get().FieldDB.get(__typename);
            if (!fields) {
                fields = {};
                //target['__fields'] = fields;
                //Reflect.defineMetadata('fx:fields', fields, target);
                Registry.get().FieldDB.set(__typename, fields);
            }
            if (subtype) {
                fields[key] = subtype; // Layer, Tracker, etc.
            }
            else {
                if (!t)
                    debugger;
                fields[key] = t.name; //number, string, etc.
            }
            //  console.log("fields", __typename, fields);
            var prop = Object.getOwnPropertyDescriptor(target, key);
            return prop;
            //            return <PropertyDescriptor>{writable: true};
            //return {};
        }
        else {
            // Register Type (class)
            var ctor = target.prototype.constructor;
            var rc = Registry.get().Constructors[ctor.name];
            if (!rc) {
                rc = { ctor: ctor, construct: target.construct, args: [] };
                Registry.get().Constructors[ctor.name] = rc;
            }
            if (typeof (index) == "number") {
                //                console.log("ctor paramtypes", ctor.name, param)
                rc.args.push(0);
            }
            var param = Reflect.getMetadata("design:paramtypes", target);
            target.prototype.__typename = ctor.name;
        }
        return target;
    };
}
//# sourceMappingURL=serializable.js.map

/***/ }),

/***/ "./src/@fx/core/serialization/serializer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__undo__ = __webpack_require__("./src/@fx/core/undo/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__serializable__ = __webpack_require__("./src/@fx/core/serialization/serializable.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Serializer; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var Serializer = Serializer_1 = (function () {
    function Serializer() {
        if (Serializer_1.instance) {
            return Serializer_1.instance;
        }
        Serializer_1.instance = this;
    }
    Object.defineProperty(Serializer.prototype, "registry", {
        get: function () {
            return __WEBPACK_IMPORTED_MODULE_3__serializable__["a" /* Registry */].get();
        },
        enumerable: true,
        configurable: true
    });
    Serializer.prototype.addFields = function (fields, superclass) {
        while (superclass && superclass.constructor.name != "Object") {
            var superfields = __WEBPACK_IMPORTED_MODULE_3__serializable__["a" /* Registry */].get().FieldDB.get(superclass.constructor.name);
            for (var ef in superfields) {
                //console.log("Adding", ef, superfields[ef]);
                fields[ef] = superfields[ef];
            }
            superclass = Object.getPrototypeOf(superclass);
        }
    };
    Serializer.prototype.findPrimaryKey = function (klass) {
        while (klass && klass.constructor.name != "Object") {
            var pk = __WEBPACK_IMPORTED_MODULE_3__serializable__["a" /* Registry */].get().PrimaryKeys.get(klass.constructor.name);
            if (pk)
                return pk;
            klass = Object.getPrototypeOf(klass);
        }
        return null;
    };
    Serializer.prototype.encode = function (obj, objmap) {
        objmap = objmap || new Set();
        if (obj && obj instanceof Object) {
            var __typename = obj.constructor.name;
            var superclass = Object.getPrototypeOf(Object.getPrototypeOf(obj));
            var primaryKey = this.findPrimaryKey(obj);
            var container = obj.container ? obj.container() : null, containerName = "";
            if (container && container instanceof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionGroup"]) {
                containerName = container.name;
            }
            else if (container) {
                containerName = container.constructor.name;
            }
            if (!primaryKey || !obj[primaryKey]) {
                console.error("Error Obj", JSON.stringify(obj, null, 4));
                debugger;
                throw new Error("reference object has no id:" + obj + ", primary key: " + primaryKey);
            }
            if (objmap.has(obj[primaryKey])) {
                return { Ref: obj[primaryKey] }; // obj.id
            }
            objmap.add(obj[primaryKey]);
            var json = {
                __typename: __typename,
                __container: containerName,
                __id: obj[primaryKey]
            };
            // if(obj.id) {
            //     json.id = obj.id;
            // }
            var fields = __WEBPACK_IMPORTED_MODULE_3__serializable__["a" /* Registry */].get().FieldDB.get(__typename) || {};
            this.addFields(fields, superclass);
            for (var f in fields) {
                var value = obj[f];
                if (value instanceof Array) {
                    json[f] = [];
                    for (var i = 0; i < value.length; i++) {
                        json[f].push(this.encode(value[i], objmap));
                    }
                }
                else if (value instanceof Object) {
                    json[f] = this.encode(value, objmap);
                }
                else {
                    json[f] = value;
                }
            }
            return json;
        }
        return obj;
    };
    Serializer.prototype.decode = function (json, replacements) {
        var objmap = {};
        replacements = {};
        var result = this.decodeInternal(json, json, replacements, objmap);
        /*
                var visited = new Set();
        
                var walk = function(obj: any): number {
                    var notfound = 0;
        
                    if(!obj || !(obj instanceof Object))
                        return notfound;
        
                    if(visited.has(obj))
                        return notfound;
        
                    visited.add(obj);
        
                    if(obj instanceof Array) {
                        obj.forEach(elem => notfound += walk(elem))
                    } else if(obj instanceof Object) {
                        if(obj.hasOwnProperty('Ref')) {
                            if(objmap.hasOwnProperty(obj.Ref)) {
                                if(objmap.hasOwnProperty(obj.Ref))
                                    obj = objmap[obj.Ref];
                                else
                                    notfound++;
                            }
                        }
        
                        Object.entries(obj).forEach((keyval:[string, any]) => {
                            let [key, val] = keyval;
                            notfound += walk(val)
                        });
                    }
        
        
        
                    Object.entries(obj).forEach((keyval:[string, any]) => {
                        let [key, val] = keyval;
                        if(!val)
                            return;
        
                        if(visited.has(val))
                            return;
        
                        visited.add(val);
        
                        if(val instanceof Array) {
                            val.forEach(elem => notfound += walk(elem))
                        } else if(val.hasOwnProperty('Ref')) {
                            if(objmap.hasOwnProperty(val.Ref)) {
                                obj[key] = objmap[val.Ref];
                            } else {
                                notfound++;
                                //console.error(`Could not find reference for ${key} in ${obj}`);
                            }
                        } else if(val instanceof Object)
                            notfound += walk(val);
                        
                    });
        
                    return notfound;
                }
        /*
                let walks = 10, notfound = 0;
                do {
                    notfound = walk(result);
                    //console.log("walk", walks, notfound)
                } while(walks-- && notfound);
        
                if(walk(result))
                    console.error("Object still contains unsresolved Refs after 10 walks", result, notfound)
          */
        return result;
    };
    Serializer.prototype.decodeInternal = function (data, json, replacements, objmap) {
        if (!json)
            return json;
        if (json.hasOwnProperty('Ref')) {
            if (objmap.hasOwnProperty(json.Ref))
                return objmap[json.Ref];
            var ref = this.findId(data, json.Ref);
            if (!ref) {
                console.error("Cannot find", json.Ref, "in data", data);
                return null;
            }
            return this.decodeInternal(data, ref, replacements, objmap);
        }
        var __typename = json.__typename;
        var constructable = __WEBPACK_IMPORTED_MODULE_3__serializable__["a" /* Registry */].get().Constructors[__typename];
        if (constructable) {
            var target = new constructable.ctor();
            var superclass = Object.getPrototypeOf(Object.getPrototypeOf(target));
            var pk = this.findPrimaryKey(target);
            // Except for first (root) object, check if Object exists in the Registry
            if (data != json && !true) {
                //console.log("Check for existance", __typename)
                if (!pk) {
                    console.error("Cannot find primary key for", __typename);
                }
                var existing = __WEBPACK_IMPORTED_MODULE_3__serializable__["a" /* Registry */].get().IDs.get(json.__id);
                if (existing) {
                    //console.log("Using existing instance for", __typename, json.__id)
                    return existing;
                }
            }
            if (json.__id)
                objmap[json.__id] = target;
            //  console.log("New instance for", __typename, pk, json.__id)
            //var fields:Lookup = Reflect.getMetadata('fx:fields', target); //target['__fields'];
            var fields = __WEBPACK_IMPORTED_MODULE_3__serializable__["a" /* Registry */].get().FieldDB.get(__typename) || {};
            this.addFields(fields, superclass);
            // must be own run:
            for (var f in fields) {
                if (replacements.hasOwnProperty(f)) {
                    target[f] = replacements[f];
                    //console.log("replace", f, target, replacements[f])
                }
            }
            for (var f in fields) {
                if (json[f] === undefined || replacements.hasOwnProperty(f)) {
                    continue;
                }
                // if(__typename == "SelectionGroup")
                //     debugger;
                if (target[f] instanceof Array) {
                    for (var i = 0; i < json[f].length; i++) {
                        var decoded = this.decodeInternal(data, json[f][i], replacements, objmap);
                        target[f].push(decoded);
                    }
                }
                else if (target[f] instanceof Object) {
                    var decoded = this.decodeInternal(data, json[f], replacements, objmap);
                    target[f] = decoded;
                }
                else if (target[f] === undefined) {
                    var decoded = this.decodeInternal(data, json[f], replacements, objmap);
                    target[f] = decoded;
                }
                else {
                    if (f == pk) {
                        target[f] = __WEBPACK_IMPORTED_MODULE_1__fx_core__["UUID"].uuid4();
                    }
                    else {
                        target[f] = json[f];
                    }
                }
            }
            //    if(constructable.construct)
            //        target = constructable.construct(target);
            if (target.init)
                target.init();
            // console.log(target)
            return target;
        }
        return json;
    };
    Serializer.prototype.findId = function (json, id) {
        if (!json || !(json instanceof Object))
            return null;
        if (json.hasOwnProperty('__id') && json['__id'] == id)
            return json;
        if (json instanceof Array) {
            for (var k in json) {
                var f = this.findId(json[k], id);
                if (f)
                    return f;
            }
        }
        else if (json instanceof Object) {
            for (var e in json) {
                var f = this.findId(json[e], id);
                if (f)
                    return f;
            }
        }
        return null;
    };
    Serializer.prototype.clone = function (obj) {
        var undoManager = __WEBPACK_IMPORTED_MODULE_2__undo__["a" /* UndoManager */].instance;
        var undo = undoManager.disable();
        var copy = obj && obj instanceof Object ? this.decode(this.encode(obj), obj) : obj;
        undoManager.enableIf(undo);
        return copy;
    };
    Serializer.prototype.parse = function (data) {
        var archive = [];
        try {
            archive = JSON.parse(data);
        }
        catch (e) {
            // not json
        }
        return archive;
    };
    return Serializer;
}());
Serializer = Serializer_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [])
], Serializer);

var Serializer_1;
//# sourceMappingURL=serializer.js.map

/***/ }),

/***/ "./src/@fx/core/types/bbox.ts":
/***/ (function(module, exports) {

//# sourceMappingURL=bbox.js.map

/***/ }),

/***/ "./src/@fx/core/types/bezier.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__point__ = __webpack_require__("./src/@fx/core/types/point.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__uuid__ = __webpack_require__("./src/@fx/core/types/uuid.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__undo__ = __webpack_require__("./src/@fx/core/undo/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return Segment; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return BezierPath; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var Segment = (function () {
    function Segment(pos, inh, outh) {
        this.id = __WEBPACK_IMPORTED_MODULE_1__uuid__["a" /* UUID */].uuid4();
        this.position = pos;
        this.in = inh;
        this.out = outh;
    }
    Object.defineProperty(Segment.prototype, "c1", {
        get: function () {
            return this.in || this.position;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Segment.prototype, "c2", {
        get: function () {
            return this.out || this.position;
        },
        enumerable: true,
        configurable: true
    });
    return Segment;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__serialization__["a" /* Serializable */])("Point"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__undo__["b" /* Undoable */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */]) === "function" && _a || Object)
], Segment.prototype, "position", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__serialization__["a" /* Serializable */])("Point"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__undo__["b" /* Undoable */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */]) === "function" && _b || Object)
], Segment.prototype, "in", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__serialization__["a" /* Serializable */])("Point"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__undo__["b" /* Undoable */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */]) === "function" && _c || Object)
], Segment.prototype, "out", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], Segment.prototype, "id", void 0);
Segment = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */]) === "function" && _f || Object])
], Segment);

var BezierPath = BezierPath_1 = (function () {
    function BezierPath(segments) {
        this.id = __WEBPACK_IMPORTED_MODULE_1__uuid__["a" /* UUID */].uuid4();
        this.closed = false;
        this.segments = segments || [];
    }
    BezierPath.prototype.lerp = function (other, t) {
        var b = new BezierPath_1(this.segments.map(function (s, index) {
            var pos = s.position.lerp(other.segments[index].position, t);
            if (s.in)
                var inh = s.in.lerp(other.segments[index].in, t);
            if (s.out)
                var outh = s.out.lerp(other.segments[index].out, t);
            return new Segment(pos, inh, outh);
        }));
        b.closed = other.closed;
        return b;
    };
    BezierPath.prototype.rayproject = function (other, t) {
        var b = new BezierPath_1(this.segments.map(function (s, index) {
            var pos = s.position.rayproject(other.segments[index].position, t);
            if (s.in)
                var inh = s.in.rayproject(other.segments[index].in, t);
            if (s.out)
                var outh = s.out.rayproject(other.segments[index].out, t);
            return new Segment(pos, inh, outh);
        }));
        b.closed = other.closed;
        return b;
    };
    return BezierPath;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], BezierPath.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__serialization__["a" /* Serializable */])("Segment"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__undo__["b" /* Undoable */])(),
    __metadata("design:type", Array)
], BezierPath.prototype, "segments", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__undo__["b" /* Undoable */])(),
    __metadata("design:type", Object)
], BezierPath.prototype, "closed", void 0);
BezierPath = BezierPath_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [Array])
], BezierPath);

var _a, _b, _c, _d, _e, _f, BezierPath_1;
// Source: http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
// Original version: NISHIO Hirokazu
// Modifications: Timo
/*
let pow = Math.pow,
  sqrt = Math.sqrt,
  min = Math.min,
  max = Math.max,
  abs = Math.abs;

function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3)
{
  var tvalues = new Array();
  var bounds = [new Array(), new Array()];
  var points = new Array();

  var a, b, c, t, t1, t2, b2ac, sqrtb2ac;
  for (var i = 0; i < 2; ++i)
  {
    if (i == 0)
    {
      b = 6 * x0 - 12 * x1 + 6 * x2;
      a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;
      c = 3 * x1 - 3 * x0;
    }
    else
    {
      b = 6 * y0 - 12 * y1 + 6 * y2;
      a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;
      c = 3 * y1 - 3 * y0;
    }

    if (abs(a) < 1e-12) // Numerical robustness
    {
      if (abs(b) < 1e-12) // Numerical robustness
      {
        continue;
      }
      t = -c / b;
      if (0 < t && t < 1)
      {
        tvalues.push(t);
      }
      continue;
    }
    b2ac = b * b - 4 * c * a;
    sqrtb2ac = sqrt(b2ac);
    if (b2ac < 0)
    {
      continue;
    }
    t1 = (-b + sqrtb2ac) / (2 * a);
    if (0 < t1 && t1 < 1)
    {
      tvalues.push(t1);
    }
    t2 = (-b - sqrtb2ac) / (2 * a);
    if (0 < t2 && t2 < 1)
    {
      tvalues.push(t2);
    }
  }

  var x, y, j = tvalues.length,
    jlen = j,
    mt;
  while (j--)
  {
    t = tvalues[j];
    mt = 1 - t;
    x = (mt * mt * mt * x0) + (3 * mt * mt * t * x1) + (3 * mt * t * t * x2) + (t * t * t * x3);
    bounds[0][j] = x;

    y = (mt * mt * mt * y0) + (3 * mt * mt * t * y1) + (3 * mt * t * t * y2) + (t * t * t * y3);
    bounds[1][j] = y;
    points[j] = {
      X: x,
      Y: y
    };
  }

  tvalues[jlen] = 0;
  tvalues[jlen + 1] = 1;
  points[jlen] = {
    X: x0,
    Y: y0
  };
  points[jlen + 1] = {
    X: x3,
    Y: y3
  };
  bounds[0][jlen] = x0;
  bounds[1][jlen] = y0;
  bounds[0][jlen + 1] = x3;
  bounds[1][jlen + 1] = y3;
  tvalues.length = bounds[0].length = bounds[1].length = points.length = jlen + 2;

  return {
    left: min.apply(null, bounds[0]),
    top: min.apply(null, bounds[1]),
    right: max.apply(null, bounds[0]),
    bottom: max.apply(null, bounds[1]),
    points: points, // local extremes
    tvalues: tvalues // t values of local extremes
  };
};
*/
//# sourceMappingURL=bezier.js.map

/***/ }),

/***/ "./src/@fx/core/types/color.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__uuid__ = __webpack_require__("./src/@fx/core/types/uuid.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__undo__ = __webpack_require__("./src/@fx/core/undo/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_sprintf__ = __webpack_require__("./node_modules/sprintf/lib/sprintf.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_sprintf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_sprintf__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Color; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var Color = Color_1 = (function () {
    function Color(red, green, blue, alpha) {
        this.id = __WEBPACK_IMPORTED_MODULE_1__uuid__["a" /* UUID */].uuid4();
        this.red = 0;
        this.green = 0;
        this.blue = 0;
        this.alpha = 0;
        if (red instanceof Color_1) {
            this.red = red.red;
            this.green = red.green;
            this.blue = red.blue;
            this.alpha = red.alpha;
        }
        else {
            this.red = Math.max(0, Math.min(Math.round(red), 255));
            this.green = Math.max(0, Math.min(Math.round(green), 255));
            this.blue = Math.max(0, Math.min(Math.round(blue), 255));
            this.alpha = Math.max(0, Math.min(Math.round(alpha), 255));
        }
        this.computeString();
    }
    Color.prototype.init = function () {
        this.computeString();
    };
    Color.fromString = function (s) {
        var off = 0;
        if (s.charAt(0) == '#')
            off = 1;
        return new Color_1(parseInt(s.substr(off, 2), 16), parseInt(s.substr(off + 2, 2), 16), parseInt(s.substr(off + 4, 2), 16), 255);
    };
    Color.RANDOM = function () {
        return new Color_1(128 + Math.random() * 128, 128 + Math.random() * 128, 128 + Math.random() * 128, 255);
    };
    Object.defineProperty(Color.prototype, "rgb", {
        get: function () {
            return this.colorString;
        },
        set: function (s) {
            var c = Color_1.fromString(s);
            this.red = c.red;
            this.green = c.green;
            this.blue = c.blue;
            this.computeString();
        },
        enumerable: true,
        configurable: true
    });
    Color.prototype.toString = function () {
        return this.colorString;
    };
    Color.prototype.isNumber = function (n) {
        return n != null && n != undefined && !isNaN(n);
    };
    Color.prototype.computeString = function () {
        if (this.isNumber(this.red) &&
            this.isNumber(this.green) &&
            this.isNumber(this.blue) &&
            this.isNumber(this.alpha))
            this.colorString = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3_sprintf__["sprintf"])("#%02x%02x%02x", this.red, this.green, this.blue);
    };
    Color.prototype.toObject = function () {
        return {
            red: this.red,
            green: this.green,
            blue: this.blue,
            alpha: this.alpha
        };
    };
    Object.defineProperty(Color.prototype, "contrast", {
        get: function () {
            var uicolors = [this.red / 255, this.green / 255, this.blue / 255];
            var c = uicolors.map(function (c) {
                if (c <= 0.03928) {
                    return c / 12.92;
                }
                else {
                    return Math.pow((c + 0.055) / 1.055, 2.4);
                }
            });
            var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
            return (L > 0.179) ? Color_1.BLACK : Color_1.WHITE;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Color.prototype, "darker", {
        get: function () {
            return new Color_1(this.red * 0.5, this.green * 0.5, this.blue * 0.5, this.alpha);
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Color.prototype, "brighter", {
        get: function () {
            return new Color_1(this.red * 1.25, this.green * 1.25, this.blue * 1.25, this.alpha);
        },
        enumerable: true,
        configurable: true
    });
    return Color;
}());
Color.WHITE = Color_1.fromString('#ffffff');
Color.BLACK = Color_1.fromString('#000000');
Color.BLUE = Color_1.fromString('#000044');
Color.YELLOW = Color_1.fromString('#444400');
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], Color.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Color.prototype, "red", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Color.prototype, "green", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Color.prototype, "blue", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Color.prototype, "alpha", void 0);
Color = Color_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [Object, Number, Number, Number])
], Color);

var Color_1;
//# sourceMappingURL=color.js.map

/***/ }),

/***/ "./src/@fx/core/types/derivative.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export canDifferantiate */
function canDifferantiate(x) {
    return x.differentiate != undefined;
}
//# sourceMappingURL=derivative.js.map

/***/ }),

/***/ "./src/@fx/core/types/fractional.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = isFractional;
function isFractional(input) {
    if (input.num != undefined)
        return true;
    return false;
}
//# sourceMappingURL=fractional.js.map

/***/ }),

/***/ "./src/@fx/core/types/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fractional__ = __webpack_require__("./src/@fx/core/types/fractional.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "isFractional", function() { return __WEBPACK_IMPORTED_MODULE_0__fractional__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__uuid__ = __webpack_require__("./src/@fx/core/types/uuid.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "UUID", function() { return __WEBPACK_IMPORTED_MODULE_1__uuid__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__color__ = __webpack_require__("./src/@fx/core/types/color.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Color", function() { return __WEBPACK_IMPORTED_MODULE_2__color__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__pair__ = __webpack_require__("./src/@fx/core/types/pair.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Pair", function() { return __WEBPACK_IMPORTED_MODULE_3__pair__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__range__ = __webpack_require__("./src/@fx/core/types/range.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Range", function() { return __WEBPACK_IMPORTED_MODULE_4__range__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__scalar__ = __webpack_require__("./src/@fx/core/types/scalar.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Scalar", function() { return __WEBPACK_IMPORTED_MODULE_5__scalar__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__size__ = __webpack_require__("./src/@fx/core/types/size.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Size", function() { return __WEBPACK_IMPORTED_MODULE_6__size__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__matrix__ = __webpack_require__("./src/@fx/core/types/matrix.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Matrix2", function() { return __WEBPACK_IMPORTED_MODULE_7__matrix__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__point__ = __webpack_require__("./src/@fx/core/types/point.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Point", function() { return __WEBPACK_IMPORTED_MODULE_8__point__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__line__ = __webpack_require__("./src/@fx/core/types/line.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "LineSegment", function() { return __WEBPACK_IMPORTED_MODULE_9__line__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__points__ = __webpack_require__("./src/@fx/core/types/points.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "scalePoints", function() { return __WEBPACK_IMPORTED_MODULE_10__points__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "rotatePoints", function() { return __WEBPACK_IMPORTED_MODULE_10__points__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "centerPoint", function() { return __WEBPACK_IMPORTED_MODULE_10__points__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "pointsInPolyArray", function() { return __WEBPACK_IMPORTED_MODULE_10__points__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "pointsInPoly", function() { return __WEBPACK_IMPORTED_MODULE_10__points__["e"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__rect__ = __webpack_require__("./src/@fx/core/types/rect.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Rect", function() { return __WEBPACK_IMPORTED_MODULE_11__rect__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__bbox__ = __webpack_require__("./src/@fx/core/types/bbox.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__bbox___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_12__bbox__);
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "UndoManager")) __webpack_require__.d(__webpack_exports__, "UndoManager", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["UndoManager"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "SelectionGroup")) __webpack_require__.d(__webpack_exports__, "SelectionGroup", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["SelectionGroup"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "flatten")) __webpack_require__.d(__webpack_exports__, "flatten", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["flatten"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "BezierPath")) __webpack_require__.d(__webpack_exports__, "BezierPath", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["BezierPath"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "Serializable")) __webpack_require__.d(__webpack_exports__, "Serializable", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["Serializable"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "Id")) __webpack_require__.d(__webpack_exports__, "Id", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["Id"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "Undoable")) __webpack_require__.d(__webpack_exports__, "Undoable", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["Undoable"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "removeNodes")) __webpack_require__.d(__webpack_exports__, "removeNodes", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["removeNodes"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "isEmptyElementNode")) __webpack_require__.d(__webpack_exports__, "isEmptyElementNode", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["isEmptyElementNode"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "Selectable")) __webpack_require__.d(__webpack_exports__, "Selectable", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["Selectable"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "Segment")) __webpack_require__.d(__webpack_exports__, "Segment", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["Segment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "Fractional")) __webpack_require__.d(__webpack_exports__, "Fractional", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["Fractional"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "unquote")) __webpack_require__.d(__webpack_exports__, "unquote", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["unquote"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "SelectionService")) __webpack_require__.d(__webpack_exports__, "SelectionService", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["SelectionService"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "Serializer")) __webpack_require__.d(__webpack_exports__, "Serializer", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["Serializer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "PerspectiveTransform")) __webpack_require__.d(__webpack_exports__, "PerspectiveTransform", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["PerspectiveTransform"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "ClipboardService")) __webpack_require__.d(__webpack_exports__, "ClipboardService", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["ClipboardService"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_12__bbox__, "SimpleCache")) __webpack_require__.d(__webpack_exports__, "SimpleCache", function() { return __WEBPACK_IMPORTED_MODULE_12__bbox__["SimpleCache"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__bezier__ = __webpack_require__("./src/@fx/core/types/bezier.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "BezierPath", function() { return __WEBPACK_IMPORTED_MODULE_13__bezier__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Segment", function() { return __WEBPACK_IMPORTED_MODULE_13__bezier__["b"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__derivative__ = __webpack_require__("./src/@fx/core/types/derivative.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__weak__ = __webpack_require__("./src/@fx/core/types/weak.ts");
/* unused harmony namespace reexport */
/**
 * Barrel module for "app/common"
 */
















;
//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/core/types/line.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__point__ = __webpack_require__("./src/@fx/core/types/point.ts");
/* unused harmony export Line */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LineSegment; });
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 __());
    };
})();

function same() {
    var args = [];
    for (var _i = 0; _i < arguments.length; _i++) {
        args[_i] = arguments[_i];
    }
    return args.slice(1).findIndex(function (n) { return n != args[0]; }) == -1;
}
var Line = (function () {
    function Line(a, b) {
        this.a = a;
        this.b = b;
        this.n = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](b).sub(a);
        this.dist = Math.abs(this.a.distance(b));
    }
    Line.prototype.distance = function (p) {
        return Math.abs(this.n.x * (this.a.y - p.y) - (this.a.x - p.x) * this.n.y) / this.dist;
    };
    return Line;
}());

var LineSegment = (function (_super) {
    __extends(LineSegment, _super);
    function LineSegment(p1, p2) {
        return _super.call(this, p1, p2) || this;
    }
    LineSegment.prototype.distance = function (p) {
        var pa = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](this.a).sub(p);
        var c = this.n.dot(pa);
        // Close to a
        if (c > 0) {
            return Math.sqrt(Math.abs(pa.dot(pa)));
        }
        // Close to b
        var bp = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](p).sub(this.b);
        if (this.n.dot(bp) > 0)
            return Math.sqrt(Math.abs(bp.dot(bp)));
        // Bteween a and b
        var ndotn = this.n.dot(this.n);
        var nx = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](this.n);
        var e = pa.sub(nx.mul((c / ndotn)));
        return Math.sqrt(Math.abs(e.dot(e)));
    };
    LineSegment.prototype.intersects = function (line) {
        var r = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](this.a).sub(this.b);
        var s = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](line.a).sub(line.b);
        var num = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](line.a).sub(this.a).cross(r);
        var den = r.cross(s);
        if (num == 0 && den == 0) {
            // colinear
            if (this.a.equal(line.a) || this.a.equal(line.b) ||
                this.b.equal(line.a) || this.b.equal(line.b)) {
                return true;
            }
            return !same(Math.sign(line.a.x - this.a.x), Math.sign(line.a.x - this.b.x), Math.sign(line.b.x - this.a.x), Math.sign(line.b.x - this.b.x)) ||
                !same(Math.sign(line.a.y - this.a.y), Math.sign(line.a.y - this.b.y), Math.sign(line.b.y - this.a.y), Math.sign(line.b.y - this.b.y));
        }
        if (den == 0)
            return false;
        var u = num / den;
        var t = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](line.a).sub(this.a).cross(s) / den;
        return (t >= 0) && (t <= 1) && (u >= 0) && (u <= 1);
    };
    return LineSegment;
}(Line));

window["Point"] = __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */];
window["Line"] = Line;
window["LineSegment"] = LineSegment;
//# sourceMappingURL=line.js.map

/***/ }),

/***/ "./src/@fx/core/types/matrix.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Matrix2; });
/**
 * Row major
 */
var Matrix2 = (function () {
    function Matrix2() {
        var args = [];
        for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
        }
        this.m11 = args[0], this.m12 = args[1], this.m21 = args[2], this.m22 = args[3];
    }
    Matrix2.prototype.det = function () {
        return this.m11 * this.m22 - this.m12 * this.m21;
    };
    return Matrix2;
}());

//# sourceMappingURL=matrix.js.map

/***/ }),

/***/ "./src/@fx/core/types/pair.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Pair; });
var Pair = (function () {
    function Pair(first, second) {
        this.first = first;
        this.second = second;
    }
    return Pair;
}());

//# sourceMappingURL=pair.js.map

/***/ }),

/***/ "./src/@fx/core/types/point.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__undo__ = __webpack_require__("./src/@fx/core/undo/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__uuid__ = __webpack_require__("./src/@fx/core/types/uuid.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__matrix__ = __webpack_require__("./src/@fx/core/types/matrix.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Point; });
/**
 * General purpose Point.
 *
 */
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var Point = Point_1 = (function () {
    function Point(x, y) {
        this.id = __WEBPACK_IMPORTED_MODULE_2__uuid__["a" /* UUID */].uuid4();
        this.active = false;
        x = x || 0;
        y = y || 0;
        if (typeof (x) == 'number') {
            this.x = x;
            this.y = y;
        }
        else if (x instanceof Object) {
            this.x = x.x;
            this.y = x.y;
        }
        // Array access for Malte's Point manipulation functions
        // TODO: Test memory consumption of this... could be 1,000s of funcs?
        // Better: Refactor pointInPoly to Point(x,y) Interface
        Object.defineProperties(this, {
            0: { get: function () { return this.x; }, set: function (v) { this.x = v; } },
            1: { get: function () { return this.y; }, set: function (v) { this.y = v; } },
        });
    }
    Point.prototype.set = function (p) {
        this.x = p.x;
        this.y = p.y;
    };
    Point.RANDOM = function (x, y) {
        return new Point_1(Math.random() * x, Math.random() * y);
    };
    Point.prototype.equal = function (point) {
        return this.x == point.x && this.y == point.y;
    };
    Point.prototype.length = function () {
        return Math.sqrt(this.x * this.x + this.y * this.y);
    };
    Point.prototype.norm = function () {
        var m = this.length();
        return this.div(m);
    };
    Point.prototype.div = function (scalar) {
        if (!scalar)
            return this;
        this.x /= scalar;
        this.y /= scalar;
        return this;
    };
    Point.prototype.mul = function (factor) {
        if (factor instanceof __WEBPACK_IMPORTED_MODULE_3__matrix__["a" /* Matrix2 */]) {
            var x = this.x, y = this.y;
            this.x = x * factor.m11 + y * factor.m12;
            this.y = x * factor.m21 + y * factor.m22;
        }
        else if (factor instanceof Point_1) {
            this.x *= factor.x;
            this.y *= factor.y;
        }
        else {
            this.x *= factor;
            this.y *= factor;
        }
        return this;
    };
    Point.prototype.add = function (p) {
        if (p instanceof Point_1) {
            this.x += p.x;
            this.y += p.y;
        }
        else {
            this.x += p;
            this.y += p;
        }
        return this;
    };
    Point.prototype.sub = function (p) {
        if (p instanceof Point_1) {
            this.x -= p.x;
            this.y -= p.y;
        }
        else {
            this.x -= p;
            this.y -= p;
        }
        return this;
    };
    Point.prototype.inverse = function () {
        this.x = 1 / this.x;
        this.y = 1 / this.y;
        return this;
    };
    Point.prototype.distance = function (point) {
        var dx = this.x - point.x, dy = this.y - point.y;
        return Math.sqrt(dx * dx + dy * dy);
    };
    Point.prototype.cross = function (point) {
        return this.x * point.y - this.y * point.x;
    };
    Point.prototype.dot = function (point) {
        return this.x * point.x + this.y * point.y;
    };
    Point.prototype.angleTo = function (point) {
        if (point.x == this.x)
            return 0;
        return Math.atan2(point.y - this.y, point.x - this.x) * 180 / Math.PI;
    };
    Point.prototype.between = function (a, b) {
        var crossproduct = (this.y - a.y) * (b.x - a.x) - (this.x - a.x) * (b.y - a.y);
        if (!crossproduct)
            return false;
        var dotproduct = (this.x - a.x) * (b.x - a.x) + (this.y - a.y) * (b.y - a.y);
        if (dotproduct < 0)
            return false;
        var squaredlength = (b.x - a.x) * (b.x - a.x) + (b.y - a.y) * (b.y - a.y);
        if (dotproduct > squaredlength)
            return false;
        return true;
    };
    Point.prototype.lerp = function (other, t) {
        return new Point_1(this.x * (1 - t) + other.x * t, this.y * (1 - t) + other.y * t);
    };
    Point.prototype.isNear = function (p, epsilon) {
        var diff = new Point_1(this).sub(p);
        return Math.abs(diff.x) < epsilon && Math.abs(diff.y) < epsilon;
    };
    Point.prototype.getPointPlusPolar = function (degrees, length) {
        var DIAG = degrees * Math.PI / 180;
        var c = Math.cos(DIAG), s = Math.sin(DIAG);
        var rot = new __WEBPACK_IMPORTED_MODULE_3__matrix__["a" /* Matrix2 */](c, -s, s, c);
        return new Point_1(1, 0).mul(rot).mul(length).add(this);
    };
    Point.prototype.differentiate = function (p) {
        if (p.x == this.x)
            return new Point_1(0, p.y - this.y);
        return new Point_1((p.x + this.x) / 2, Math.abs((p.y - this.y) / (p.x - this.x)));
    };
    Point.prototype.rayproject = function (p, t) {
        var diff = new Point_1(p).sub(this);
        return diff.mul(t).add(this);
    };
    return Point;
}());
Point.ZERO = new Point_1(0, 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], Point.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Point.prototype, "x", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__undo__["b" /* Undoable */])(),
    __metadata("design:type", Number)
], Point.prototype, "y", void 0);
Point = Point_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [Object, Number])
], Point);

var Point_1;
//# sourceMappingURL=point.js.map

/***/ }),

/***/ "./src/@fx/core/types/points.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__point__ = __webpack_require__("./src/@fx/core/types/point.ts");
/* harmony export (immutable) */ __webpack_exports__["d"] = pointsInPolyArray;
/* harmony export (immutable) */ __webpack_exports__["e"] = pointsInPoly;
/* harmony export (immutable) */ __webpack_exports__["b"] = rotatePoints;
/* harmony export (immutable) */ __webpack_exports__["a"] = scalePoints;
/* unused harmony export addPoints */
/* harmony export (immutable) */ __webpack_exports__["c"] = centerPoint;
/**
 * Various point in * Tests and Points transforms
 * Ask Malte!
 *
 */

function pointsInPolyArray(point, points) {
    if (!points)
        return false;
    //	http://www.ecse.rpi.edu/Homepages/wrf/Research/Short_Notes/pnpoly.html
    var i, j, inside = false, npoints = points.length, x = point.x, y = point.y;
    for (i = 0, j = npoints - 1; i < npoints; j = i++) {
        if ((((points[i][1] <= y) && (y < points[j][1])) || ((points[j][1] <= y) && (y < points[i][1]))) &&
            (x < (points[j][0] - points[i][0]) * (y - points[i][1]) / (points[j][1] - points[i][1]) + points[i][0])) {
            inside = !inside;
        }
    }
    return inside;
}
;
function pointsInPoly(point, points) {
    if (!points)
        return false;
    //	http://www.ecse.rpi.edu/Homepages/wrf/Research/Short_Notes/pnpoly.html
    var i, j, inside = false, npoints = points.length, x = point.x, y = point.y;
    for (i = 0, j = npoints - 1; i < npoints; j = i++) {
        if ((((points[i].y <= y) && (y < points[j].y)) || ((points[j].y <= y) && (y < points[i].y))) &&
            (x < (points[j].x - points[i].x) * (y - points[i].y) / (points[j].y - points[i].y) + points[i].x)) {
            inside = !inside;
        }
    }
    return inside;
}
;
function rotatePoints(points, angle, anchor) {
    if (angle) {
        anchor = anchor || new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */]();
        angle = angle * Math.PI / 180;
        var sin = Math.sin(angle);
        var cos = Math.cos(angle);
        for (var i = 0; i < points.length; i++) {
            var px = points[i][0] - anchor[0], py = points[i][1] - anchor[1];
            points[i][0] = px * cos - py * sin + anchor[0];
            points[i][1] = px * sin + py * cos + anchor[1];
        }
    }
}
function scalePoints(points, scale, anchor) {
    if (typeof scale == "number") {
        scale = [scale, scale];
    }
    anchor = anchor || [0, 0];
    for (var i = 0; i < points.length; i++) {
        points[i][0] = (points[i][0] - anchor[0]) * scale[0] + anchor[0];
        points[i][1] = (points[i][1] - anchor[1]) * scale[1] + anchor[1];
    }
}
function addPoints() {
    var points = [];
    for (var _i = 0; _i < arguments.length; _i++) {
        points[_i] = arguments[_i];
    }
    return points.reduce(function (acc, point) {
        acc[0] += point[0];
        acc[1] += point[1];
        return acc;
    }, [0, 0]);
}
function centerPoint() {
    var points = [];
    for (var _i = 0; _i < arguments.length; _i++) {
        points[_i] = arguments[_i];
    }
    var point = addPoints.apply(void 0, points);
    return [point[0] / points.length, point[1] / points.length];
}
/**
 * Compute Adjutante for Matrix m
 */
function adj(m) {
    return [
        m[4] * m[8] - m[5] * m[7], m[2] * m[7] - m[1] * m[8], m[1] * m[5] - m[2] * m[4],
        m[5] * m[6] - m[3] * m[8], m[0] * m[8] - m[2] * m[6], m[2] * m[3] - m[0] * m[5],
        m[3] * m[7] - m[4] * m[6], m[1] * m[6] - m[0] * m[7], m[0] * m[4] - m[1] * m[3]
    ];
}
// multiply two matrices
function multmm(a, b) {
    var c = Array(9);
    for (var i = 0; i != 3; ++i) {
        for (var j = 0; j != 3; ++j) {
            var cij = 0;
            for (var k = 0; k != 3; ++k) {
                cij += a[3 * i + k] * b[3 * k + j];
            }
            c[3 * i + j] = cij;
        }
    }
    return c;
}
// multiply matrix and vector
function multmv(m, v) {
    return [
        m[0] * v[0] + m[1] * v[1] + m[2] * v[2],
        m[3] * v[0] + m[4] * v[1] + m[5] * v[2],
        m[6] * v[0] + m[7] * v[1] + m[8] * v[2]
    ];
}
function basisToPoints(x1, y1, x2, y2, x3, y3, x4, y4) {
    var m = [
        x1, x2, x3,
        y1, y2, y3,
        1, 1, 1
    ];
    var v = multmv(adj(m), [x4, y4, 1]);
    return multmm(m, [
        v[0], 0, 0,
        0, v[1], 0,
        0, 0, v[2]
    ]);
}
function perspectiveTransform(x1s, y1s, x1d, y1d, x2s, y2s, x2d, y2d, x3s, y3s, x3d, y3d, x4s, y4s, x4d, y4d) {
    var s = basisToPoints(x1s, y1s, x2s, y2s, x3s, y3s, x4s, y4s);
    var d = basisToPoints(x1d, y1d, x2d, y2d, x3d, y3d, x4d, y4d);
    return multmm(d, adj(s));
}
//# sourceMappingURL=points.js.map

/***/ }),

/***/ "./src/@fx/core/types/range.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__uuid__ = __webpack_require__("./src/@fx/core/types/uuid.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Range; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


/**
 * A Range with start and end.
 *
 * Can be initialized with an array or discrete values.
 */
var Range = (function () {
    function Range(start, end) {
        this.id = __WEBPACK_IMPORTED_MODULE_1__uuid__["a" /* UUID */].uuid4();
        if (typeof start === "number") {
            this.start = start;
            this.end = end;
        }
        if (start instanceof Array) {
            this.start = start[0];
            this.end = start[1];
        }
    }
    return Range;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], Range.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:type", Number)
], Range.prototype, "start", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:type", Number)
], Range.prototype, "end", void 0);
Range = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [Object, Object])
], Range);

//# sourceMappingURL=range.js.map

/***/ }),

/***/ "./src/@fx/core/types/rect.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__point__ = __webpack_require__("./src/@fx/core/types/point.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__size__ = __webpack_require__("./src/@fx/core/types/size.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__line__ = __webpack_require__("./src/@fx/core/types/line.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Rect; });



var Rect = (function () {
    function Rect(origin, width, height) {
        this.origin = origin;
        if (width instanceof __WEBPACK_IMPORTED_MODULE_1__size__["a" /* Size */]) {
            this.width = width.width;
            this.height = width.height;
        }
        else {
            this.width = width;
            this.height = height;
        }
    }
    Object.defineProperty(Rect.prototype, "bottomright", {
        get: function () {
            return new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](this.origin.x + this.width, this.origin.y + this.height);
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Rect.prototype, "bottomleft", {
        get: function () {
            return new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](this.origin.x, this.origin.y + this.height);
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Rect.prototype, "topleft", {
        get: function () {
            return new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](this.origin.x, this.origin.y);
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Rect.prototype, "topright", {
        get: function () {
            return new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](this.origin.x + this.width, this.origin.y);
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Rect.prototype, "center", {
        get: function () {
            return new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */]((this.origin.x + this.width / 2), (this.origin.y + this.height / 2));
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Rect.prototype, "left", {
        get: function () { return this.origin.x; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Rect.prototype, "top", {
        get: function () { return this.origin.y; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Rect.prototype, "right", {
        get: function () { return this.origin.x + this.width; },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(Rect.prototype, "bottom", {
        get: function () { return this.origin.y + this.height; },
        enumerable: true,
        configurable: true
    });
    Rect.prototype.equals = function (r) {
        return this.origin.x == r.origin.x &&
            this.origin.y == r.origin.y &&
            this.width == r.width &&
            this.height == r.height;
    };
    Rect.prototype.pointInRect = function (point) {
        return (point.x >= this.origin.x && point.y >= this.origin.y &&
            point.x <= this.bottomright.x && point.y <= this.bottomright.y);
    };
    Rect.prototype.intersects = function (other) {
        if (other instanceof __WEBPACK_IMPORTED_MODULE_2__line__["a" /* LineSegment */]) {
            return !!this.edges.find(function (edge) { return edge.intersects(other); });
        }
        return !(other.left > this.right ||
            other.right < this.left ||
            other.top > this.bottom ||
            other.bottom < this.top);
    };
    Object.defineProperty(Rect.prototype, "edges", {
        get: function () {
            return [
                new __WEBPACK_IMPORTED_MODULE_2__line__["a" /* LineSegment */](this.topleft, this.topright),
                new __WEBPACK_IMPORTED_MODULE_2__line__["a" /* LineSegment */](this.topright, this.bottomright),
                new __WEBPACK_IMPORTED_MODULE_2__line__["a" /* LineSegment */](this.bottomright, this.bottomleft),
                new __WEBPACK_IMPORTED_MODULE_2__line__["a" /* LineSegment */](this.bottomleft, this.topleft)
            ];
        },
        enumerable: true,
        configurable: true
    });
    /**
     * Find intersection on rectangle's border for line between center and point "point".
     *
     */
    Rect.prototype.edgeIntersect = function (point) {
        var p = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](point).sub(this.center), u = Math.max(Math.abs(p.x), Math.abs(p.y)), s = new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](this.width / 2, this.height / 2);
        return u ? new __WEBPACK_IMPORTED_MODULE_0__point__["a" /* Point */](p).div(u).mul(s).add(this.center) : point;
    };
    return Rect;
}());

//# sourceMappingURL=rect.js.map

/***/ }),

/***/ "./src/@fx/core/types/scalar.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__uuid__ = __webpack_require__("./src/@fx/core/types/uuid.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Scalar; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


/**
 * General purpose Value class.
 */
var Scalar = Scalar_1 = (function () {
    function Scalar(value) {
        this.id = __WEBPACK_IMPORTED_MODULE_1__uuid__["a" /* UUID */].uuid4();
        this.value = value;
    }
    Scalar.prototype.lerp = function (other, t) {
        if (typeof (this.value) == "number" && typeof (other.value) == "number") {
            var value = this.value;
            var otherValue = other.value;
            var result = new Scalar_1(value * (1 - t) + otherValue * t);
            return result;
        }
    };
    return Scalar;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], Scalar.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:type", Object)
], Scalar.prototype, "value", void 0);
Scalar = Scalar_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [Object])
], Scalar);

var Scalar_1;
//# sourceMappingURL=scalar.js.map

/***/ }),

/***/ "./src/@fx/core/types/size.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__uuid__ = __webpack_require__("./src/@fx/core/types/uuid.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Size; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


/**
 * General purpose Size class.
 */
var Size = Size_1 = (function () {
    function Size(width, height) {
        this.id = __WEBPACK_IMPORTED_MODULE_1__uuid__["a" /* UUID */].uuid4();
        if (width instanceof Size_1) {
            this.width = width.width;
            this.height = width.height;
        }
        else {
            this.width = width || 0;
            this.height = height || 0;
        }
    }
    Size.prototype.equal = function (other) {
        return (this.width == other.width && this.height == other.height);
    };
    return Size;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["b" /* Id */])(),
    __metadata("design:type", String)
], Size.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:type", Number)
], Size.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:type", Number)
], Size.prototype, "height", void 0);
Size = Size_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__serialization__["a" /* Serializable */])(),
    __metadata("design:paramtypes", [Object, Number])
], Size);

var Size_1;
//# sourceMappingURL=size.js.map

/***/ }),

/***/ "./src/@fx/core/types/uuid.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return UUID; });
/**
 * UUID Version 4 Generator
 */
var UUID = (function () {
    function UUID() {
    }
    UUID.uuid4 = function () {
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
        });
    };
    UUID.short = function () {
        return UUID.uuid4().substr(0, 6);
    };
    return UUID;
}());

//# sourceMappingURL=uuid.js.map

/***/ }),

/***/ "./src/@fx/core/types/weak.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_reflect_metadata__ = __webpack_require__("./node_modules/reflect-metadata/Reflect.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_reflect_metadata___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_reflect_metadata__);
/* unused harmony export WeakRef */

/**
 *
 */
function WeakRef() {
    var decorate = function (self, overwrite) {
        return new Proxy(self, {
            // get: function(target, key){
            //     return target[key]
            // },
            set: function (target, key, value, receiver) {
                console.log("set", target, key, value, self);
                //target[key] = value;
                overwrite(value);
                return true;
            }
        });
    };
    return function (target, key) {
        var _key = "__weak_" + key;
        Object.defineProperty(target, key, {
            get: function () {
                var _this = this;
                return decorate(this[_key], function (v) { return _this[_key] = v; });
            },
            set: function (value) {
                this[_key] = value;
            },
            enumerable: true,
            configurable: true,
        });
        return target;
    };
}
//# sourceMappingURL=weak.js.map

/***/ }),

/***/ "./src/@fx/core/undo/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__manager__ = __webpack_require__("./src/@fx/core/undo/manager.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__manager__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__undoable__ = __webpack_require__("./src/@fx/core/undo/undoable.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__undoable__["a"]; });


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/core/undo/manager.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return UndoManager; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

var UndoTask = (function () {
    function UndoTask(callback, context, args) {
        this.callback = callback;
        this.context = context;
        this.args = args;
        this.parent = null;
    }
    UndoTask.prototype.setParent = function (group) {
        this.parent = group;
    };
    ;
    UndoTask.prototype.perform = function () {
        this.callback.apply(this.context, this.args);
    };
    ;
    return UndoTask;
}());
var UndoGroup = (function (_super) {
    __extends(UndoGroup, _super);
    function UndoGroup(parent) {
        var _this = _super.call(this, null, null, []) || this;
        _this.tasks = [];
        _this.name = "Unknown";
        _this.parent = parent || null;
        return _this;
    }
    UndoGroup.prototype.addTask = function (task) {
        task.setParent(this);
        this.tasks.push(task);
    };
    UndoGroup.prototype.setParent = function (parent) {
        this.parent = parent;
    };
    UndoGroup.prototype.getParent = function () {
        return this.parent;
    };
    UndoGroup.prototype.setName = function (name) {
        this.name = name;
    };
    UndoGroup.prototype.last = function (concrete) {
        var task = this.tasks[this.tasks.length - 1];
        if (concrete) {
            return (task instanceof UndoTask) ? task : null;
        }
        return task;
    };
    UndoGroup.prototype.perform = function () {
        var i, t;
        for (i = this.tasks.length - 1; i >= 0; i--) {
            t = this.tasks[i];
            if (t instanceof UndoTask) {
                t.perform();
            }
        }
    };
    return UndoGroup;
}(UndoTask));
var UndoManager = UndoManager_1 = (function () {
    function UndoManager() {
        this.enabled = true;
        this.undoStack = [];
        this.redoStack = [];
        this.currentGroup = null;
        this.state = "";
        this.groupLevel = 0;
        this.maxUndoLevel = 20;
        this.coalescingTasks = false;
        this.scheduleCloseAtEnd = false;
        this.generation = 0;
        if (UndoManager_1.instance) {
            return UndoManager_1.instance;
        }
        this.reset();
        UndoManager_1.instance = this;
    }
    UndoManager.prototype.reset = function () {
        this.enabled = true;
        this.undoStack = [];
        this.redoStack = [];
        this.currentGroup = null;
        this.state = "";
        this.groupLevel = 0;
    };
    UndoManager.prototype.enable = function () { var prev = this.enabled; this.enabled = true; return prev; };
    UndoManager.prototype.enableIf = function (cond) { this.enabled = cond; };
    UndoManager.prototype.disable = function () { var prev = this.enabled; this.enabled = false; return prev; };
    UndoManager.prototype.beginUndoGroup = function () {
        if (!this.enabled)
            return;
        var newgroup = new UndoGroup(this.currentGroup);
        if (this.groupLevel === 0) {
            if (this.state == "Undoing") {
                this.redoStack.push(newgroup);
            }
            else {
                this.undoStack.push(newgroup);
            }
        }
        else {
            this.currentGroup.addTask(newgroup);
        }
        this.currentGroup = newgroup;
        this.groupLevel++;
    };
    UndoManager.prototype.endUndoGroup = function (optName) {
        if (!this.enabled)
            return;
        if (optName)
            this.setName(optName);
        if (this.groupLevel > 0) {
            this.groupLevel--;
            if (this.groupLevel === 0) {
                //discard empty groups
                if (this.currentGroup && this.currentGroup.tasks.length === 0) {
                    console.log("discard empty group at level", this.groupLevel);
                    if (this.state === "Undoing") {
                        this.redoStack.pop();
                    }
                    else {
                        this.undoStack.pop();
                    }
                }
                this.currentGroup = null;
                while (this.undoStack.length > this.maxUndoLevel)
                    this.undoStack.splice(0, 1);
                //                this.undoStack.slice(this.maxUndoLevel - this.undoStack.length);
            }
            else {
                this.currentGroup = this.currentGroup.getParent();
                if (!this.currentGroup) {
                    console.error("Undo::endUndoGroup: Closing nested group, parent cannot be restored");
                    this.reset();
                }
            }
        }
    };
    UndoManager.prototype.autoBeginUndoGroup = function () {
        if (this.groupLevel == 0) {
            this.beginUndoGroup();
            this.scheduleCloseAtEnd = true;
        }
    };
    UndoManager.prototype.setName = function (name) {
        if (!this.enabled)
            return;
        var group;
        if (this.state === "Undoing") {
            group = this.peekRedo();
        }
        else {
            group = this.peekUndo();
        }
        if (group)
            group.setName(name);
    };
    UndoManager.prototype.registerUndoDistinct = function (callback, context) {
        var va_args = [];
        for (var _i = 2; _i < arguments.length; _i++) {
            va_args[_i - 2] = arguments[_i];
        }
        var prev = this.coalescingTasks;
        this.coalescingTasks = false;
        var result = this.registerUndo.apply(this, [callback, context].concat(va_args));
        this.coalescingTasks = prev;
        return result;
    };
    UndoManager.prototype.registerUndo = function (callback, context) {
        var va_args = [];
        for (var _i = 2; _i < arguments.length; _i++) {
            va_args[_i - 2] = arguments[_i];
        }
        if (!this.enabled)
            return false;
        //this.autoBeginUndoGroup();
        if (!this.currentGroup) {
            //console.warn("Undo::registerUndo: no group. Call must be placed between beginUndoGroup/endUndoGroup!");
            return false;
        }
        this.generation++;
        if (this.coalescingTasks) {
            var lastTask = this.currentGroup.last(true);
            if (lastTask && lastTask.callback == callback && lastTask.context == context) {
                return false;
            }
        }
        var args = Array.prototype.slice.call(arguments, 2);
        var task = new UndoTask(callback, context, args);
        this.currentGroup.addTask(task);
        if (this.state === "") {
            this.redoStack.length = 0;
        }
        return true;
    };
    UndoManager.prototype.peekUndo = function () {
        return this.undoStack[this.undoStack.length - 1];
    };
    UndoManager.prototype.peekRedo = function () {
        return this.redoStack[this.redoStack.length - 1];
    };
    UndoManager.prototype.undo = function () {
        if (!this.enabled)
            return;
        if (this.groupLevel > 2) {
            console.error("Undo::undo: Cannot undo with nested open group");
            return;
        }
        this.endUndoGroup();
        this.popUndoPerform();
    };
    UndoManager.prototype.redo = function () {
        if (!this.enabled)
            return;
        if (this.state !== "") {
            console.error("Undo::redo: Cannot redo - already undoing or redoing");
            return;
        }
        if (this.groupLevel !== 0) {
            console.error("Undo::redo: Cannot redo - group still open");
            return;
        }
        this.popRedoPerform();
    };
    UndoManager.prototype.popUndoPerform = function () {
        if (this.undoStack.length) {
            this.state = "Undoing";
            this.beginUndoGroup();
            var group = this.peekUndo();
            group.perform();
            this.peekRedo().setName(group.name);
            this.undoStack.pop();
            this.endUndoGroup();
            this.state = "";
        }
    };
    ;
    UndoManager.prototype.popRedoPerform = function () {
        if (this.redoStack.length) {
            this.state = "Redoing";
            this.beginUndoGroup();
            var group = this.peekRedo();
            group.perform();
            this.peekUndo().setName(group.name);
            this.redoStack.pop();
            this.endUndoGroup();
            this.state = "";
        }
    };
    ;
    return UndoManager;
}());
UndoManager = UndoManager_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [])
], UndoManager);

var UndoManager_1;
//# sourceMappingURL=manager.js.map

/***/ }),

/***/ "./src/@fx/core/undo/undoable.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__serialization__ = __webpack_require__("./src/@fx/core/serialization/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__manager__ = __webpack_require__("./src/@fx/core/undo/manager.ts");
/* harmony export (immutable) */ __webpack_exports__["a"] = Undoable;
//import { cloneDeep } from 'lodash/cloneDeep';    
// import * as _ from 'lodash';


function undoNumber(undo, target, key) {
    // hidden property name
    var _key = "_" + key;
    //var prop = Object.getOwnPropertyDescriptor(target, key);
    // property getter
    var getter = function () {
        return this[_key];
    };
    // property setter
    var setter = function (newVal) {
        if (undo.enabled)
            undo.registerUndo(setter, this, this[_key]);
        this[_key] = newVal;
        if (this.change)
            this.change.next(false);
    };
    // Create new property with getter and setter
    Object.defineProperty(target, key, {
        get: getter,
        set: setter,
        enumerable: true,
        configurable: true
    });
}
function undoArray(undo, target, key) {
    var _key = "_" + key;
    function intercept(arr, change) {
        var _push = arr.push;
        var _splice = arr.splice;
        arr.splice = function (index, remove) {
            var insert = [];
            for (var _i = 2; _i < arguments.length; _i++) {
                insert[_i - 2] = arguments[_i];
            }
            var removed = _splice.call.apply(_splice, [this, index, remove].concat(insert)).slice();
            if (undo.enabled)
                undo.registerUndo.apply(undo, [arr.splice, this, index, insert.length].concat(removed));
            if (change)
                change.next(false);
            return removed;
        };
        arr.push = function () {
            var pos = this.length;
            _push.apply(this, arguments);
            if (undo.enabled)
                undo.registerUndo(arr.splice, this, pos, arguments.length);
            if (change)
                change.next(false);
            return this.length;
        };
        return arr;
    }
    Object.defineProperty(target, key, {
        get: function () {
            return this[_key];
        },
        set: function (newVal) {
            this[_key] = intercept(newVal, this.change);
            if (this.change)
                this.change.next(false);
        },
        enumerable: true,
        configurable: true
    });
}
function undoObject(undo, serial, target, key) {
    var _key = "_" + key;
    function intercept(obj) {
        return obj;
    }
    function setter(newVal) {
        if (undo.enabled) {
            var prev = serial.clone(this[_key]);
            undo.registerUndo(setter, this, prev);
        }
        this[_key] = intercept(newVal);
        if (this.change) {
            this.change.next(false);
        }
    }
    Object.defineProperty(target, key, {
        get: function () {
            return this[_key];
        },
        set: setter,
        enumerable: true,
        configurable: true
    });
}
function Undoable() {
    return function (target, key) {
        var undo = new __WEBPACK_IMPORTED_MODULE_1__manager__["a" /* UndoManager */]();
        var serializer = new __WEBPACK_IMPORTED_MODULE_0__serialization__["c" /* Serializer */]();
        var t = Reflect.getMetadata('design:type', target, key);
        var tname = t.name; // "Number" or "Array"
        switch (tname) {
            case "String":
            case "Number":
                undoNumber(undo, target, key);
                break;
            case "Array":
                undoArray(undo, target, key);
                break;
            default:
                undoObject(undo, serializer, target, key);
                break;
        }
        return target;
    };
}
//# sourceMappingURL=undoable.js.map

/***/ }),

/***/ "./src/@fx/core/utils.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = flatten;
/* unused harmony export hasEmptyTextContext */
/* harmony export (immutable) */ __webpack_exports__["b"] = removeNodes;
/* unused harmony export isEmptyNode */
/* harmony export (immutable) */ __webpack_exports__["c"] = isEmptyElementNode;
/* harmony export (immutable) */ __webpack_exports__["d"] = unquote;
/**
 * Flatten an array of [ [elem, elem], [elem, ...], ... ] to [elem, elem, elem, ...]
 *
 * @param array Array to flatten
 */
/**
 * Flatten an array of [ [elem, elem], [elem, ...], ... ] to [elem, elem, elem, ...]
 *
 * @param array Array to flatten
 */ function flatten(array) {
    return [].concat.apply([], array);
}
function hasEmptyTextContext(node) {
}
function removeNodes(parent, predicate) {
    for (var i = parent.childNodes.length - 1; i >= 0; i--) {
        var child = parent.childNodes[i];
        if (child.nodeType == Node.ELEMENT_NODE && child.hasChildNodes()) {
            removeNodes(child, predicate);
        }
        if (predicate(child)) {
            parent.removeChild(child);
        }
    }
    ;
    return parent;
}
function isEmptyNode(node) {
    return (node.nodeType == Node.COMMENT_NODE ||
        (node.nodeType == Node.ELEMENT_NODE && !node.hasChildNodes()) ||
        (node.nodeType == Node.TEXT_NODE && !/\S/.test(node.nodeValue)));
}
function isEmptyElementNode(node) {
    return (node.nodeType == Node.ELEMENT_NODE && !node.hasChildNodes());
}
/*
export function removeEmptyNodes(parent: Node) {
    for(let i = parent.childNodes.length - 1; i >= 0; i--) {
        let child = parent.childNodes[i];

        if(child.nodeType == Node.ELEMENT_NODE && child.hasChildNodes()) {
            removeEmptyNodes(child);
        }

        if(child.nodeType == Node.COMMENT_NODE ||
            (child.nodeType == Node.ELEMENT_NODE && !child.hasChildNodes()) ||
            (child.nodeType == Node.TEXT_NODE && !/\S/.test(child.nodeValue))) {
            parent.removeChild(child);
        }
        

        // if(child.nodeType == Node.ELEMENT_NODE && !child.hasChildNodes()) {
        //     parent.removeChild(child);
        // }
    };

    return parent;
}

*/
function unquote(str) {
    var reg = /[\'\"]/;
    if (!str) {
        return '';
    }
    if (reg.test(str.charAt(0))) {
        str = str.substr(1);
    }
    if (reg.test(str.charAt(str.length - 1))) {
        str = str.substr(0, str.length - 1);
    }
    return str;
}
//# sourceMappingURL=utils.js.map

/***/ }),

/***/ "./src/@fx/model/ae/converter.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__parser__ = __webpack_require__("./src/@fx/model/ae/parser.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AEDataConverter; });
var __decorate = (this && this.__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 AEDataConverter = (function () {
    function AEDataConverter() {
    }
    AEDataConverter.prototype.read = function (data) {
        var lines = data.replace(/\r\n|\n\r|\n|\r/g, "\n").split("\n");
        return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__parser__["a" /* parse */])(lines);
    };
    AEDataConverter.prototype.convert = function (trackdata) {
        var tg = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"](null, "Transform");
        return Object.entries(trackdata['points']).map(function (value) {
            var point = parseInt(value[0]);
            var frames = value[1]['frames'];
            var anim = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](null, tg, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](0, 0));
            frames.forEach(function (v) { return anim.add(v['frame_nr'], new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](v['point'][0], v['point'][1])); });
            return anim;
        });
    };
    return AEDataConverter;
}());
AEDataConverter = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["d" /* Injectable */])()
], AEDataConverter);

//# sourceMappingURL=converter.js.map

/***/ }),

/***/ "./src/@fx/model/ae/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__converter__ = __webpack_require__("./src/@fx/model/ae/converter.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__converter__["a"]; });

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/model/ae/parser.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = parse;
var Sections;
(function (Sections) {
    Sections[Sections["SECTION_UNKNOWN"] = 0] = "SECTION_UNKNOWN";
    Sections[Sections["SECTION_HEADER"] = 1] = "SECTION_HEADER";
    Sections[Sections["SECTION_POINTS"] = 2] = "SECTION_POINTS";
    Sections[Sections["SECTION_POSITION"] = 3] = "SECTION_POSITION";
    Sections[Sections["SECTION_ROTATION"] = 4] = "SECTION_ROTATION";
    Sections[Sections["SECTION_SCALE"] = 5] = "SECTION_SCALE";
    Sections[Sections["SECTION_ANCHOR"] = 6] = "SECTION_ANCHOR";
    Sections[Sections["SECTION_POSITION_X"] = 7] = "SECTION_POSITION_X";
    Sections[Sections["SECTION_POSITION_Y"] = 8] = "SECTION_POSITION_Y";
    Sections[Sections["SECTION_POSITION_Z"] = 9] = "SECTION_POSITION_Z";
})(Sections || (Sections = {}));
var HEADER_KEYWORDS_MAP = {
    "units per second": "fps",
    "source width": "imagewidth",
    "source height": "imageheight",
    "source pixel aspect ratio": "sourceaspect",
    "comp pixel aspect ratio": "compaspect",
};
var HEADER_KEYWORDS = Object.keys(HEADER_KEYWORDS_MAP);
var POINTS_KEYWORDS = ["effects", "motion trackers"];
var POSITION_KEYWORDS = ["position", "transform   position", "transform\tposition"];
var SCALE_KEYWORDS = ["scale", "transform   scale", "transform\tscale"];
var ROTATION_KEYWORDS = ["rotation", "transform   rotation", "transform\trotation"];
var ANCHOR_KEYWORDS = ["anchor Point", "transform   anchor point", "transform\tanchor point"];
var X_POSITION_KEYWORDS = ["x position", "transform   x position", "transform\tx position"];
var Y_POSITION_KEYWORDS = ["y position", "transform   y position", "transform\ty position"];
var Z_POSITION_KEYWORDS = ["z position", "transform   z position", "transform\tz position"];
var KEYWORD_SECTION_MAPPING = new Map();
KEYWORD_SECTION_MAPPING.set(HEADER_KEYWORDS, Sections.SECTION_HEADER);
KEYWORD_SECTION_MAPPING.set(POINTS_KEYWORDS, Sections.SECTION_POINTS);
KEYWORD_SECTION_MAPPING.set(POSITION_KEYWORDS, Sections.SECTION_POSITION);
KEYWORD_SECTION_MAPPING.set(ROTATION_KEYWORDS, Sections.SECTION_ROTATION);
KEYWORD_SECTION_MAPPING.set(SCALE_KEYWORDS, Sections.SECTION_SCALE);
KEYWORD_SECTION_MAPPING.set(ANCHOR_KEYWORDS, Sections.SECTION_ANCHOR);
KEYWORD_SECTION_MAPPING.set(X_POSITION_KEYWORDS, Sections.SECTION_POSITION_X);
KEYWORD_SECTION_MAPPING.set(Y_POSITION_KEYWORDS, Sections.SECTION_POSITION_Y);
KEYWORD_SECTION_MAPPING.set(Z_POSITION_KEYWORDS, Sections.SECTION_POSITION_Z);
function startsWithKW(line, keywords) {
    line = line.toLowerCase();
    return keywords.find(function (kw) { return line.startsWith(kw); }) != null;
}
/** just enough to implement Python's magical trimming split */
function rsplit(str, sep, maxsplit) {
    if (sep === void 0) { sep = " "; }
    if (maxsplit === void 0) { maxsplit = undefined; }
    return str.match(/\S+/g) || [];
}
function isFirstPointLine(line) {
    return startsWithKW(line, POINTS_KEYWORDS);
}
function any(arr) {
    return arr.find(function (e) { return !!e; }) != null;
}
function xrange(j, k) {
    return Array
        .apply(null, Array((k - j) + 1))
        .map(function (_, n) { return n + j; });
}
function zip(a, b) {
    return a.map(function (x, i) { return [a[i], b[i]]; });
}
function point_info2dict(point_info) {
    var result = {};
    point_info['frames'].forEach(function (p) {
        result[p['frame_nr']] = p['point'];
    });
    return result;
}
function dict2point_info(mapping) {
    var result = { frames: [] };
    Object.keys(mapping).sort().map(function (k) {
        var frame_nr = k;
        var point = mapping[k];
        result['frames'].push({ 'point': point, 'frame_nr': frame_nr });
    });
}
function scale_point(framenum, point, scale) {
    var f = framenum;
    if (scale[f])
        point = mul(point, getScale(f, scale));
    return point;
}
function rotate_point(framenum, point, rotation) {
    var f = framenum;
    if (rotation[f])
        point = mul(point, getRotation(f, rotation));
    return point;
}
function translate(framenum, point, position, anchor) {
    var f = framenum;
    if (position[f])
        point = mul(point, getTranslate(f, position, anchor));
    return point;
}
function mul(v, m) {
    var d = [0, 0, 0, 0];
    for (var i in xrange(0, 4)) {
        var acc = 0;
        for (var j in xrange(0, 4)) {
            acc += v[j] * m[j][i];
        }
        d[i] = acc;
    }
    return d;
}
function getScale(framenum, scale) {
    var s = scale[framenum].map(function (factor) { return factor / 100; }); // [factor/100. for factor in scale[framenum]]
    var m = [[s[0], 0, 0, 0],
        [0, s[1], 0, 0],
        [0, 0, s[2], 0],
        [0, 0, 0, 1]
    ];
    return m;
}
function getRotation(framenum, rotation) {
    var rot_deg = rotation[framenum][0];
    var rot = -Math.PI * rot_deg / 180;
    var m = [[Math.cos(rot), -Math.sin(rot), 0, 0],
        [Math.sin(rot), Math.cos(rot), 0, 0],
        [0, 0, 1, 0],
        [0, 0, 0, 1]
    ];
    return m;
}
function getTranslate(framenum, positions, anchor) {
    var t = zip(positions[framenum], anchor).map(function (e) { return e[0] - e[1]; }); //   [p-a for p, a in zip(positions[framenum], anchor)]
    var m = [[1, 0, 0, 0],
        [0, 1, 0, 0],
        [0, 0, 1, 0],
        [t[0], t[1], t[2], 1]
    ];
    return m;
}
function getToAnchorTranslate(anchor) {
    var m = [[1, 0, 0, 0],
        [0, 1, 0, 0],
        [0, 0, 1, 0],
        [anchor[0], anchor[1], anchor[2], 1]
    ];
    return m;
}
function getFromAnchorTranslate(anchor) {
    var m = [[1, 0, 0, 0],
        [0, 1, 0, 0],
        [0, 0, 1, 0],
        [-anchor[0], -anchor[1], -anchor[2], 1]
    ];
    return m;
}
function determineSection(line) {
    var section = Sections.SECTION_UNKNOWN;
    KEYWORD_SECTION_MAPPING.forEach(function (sect, keywords) {
        if (startsWithKW(line, keywords))
            section = sect;
    });
    return section;
}
function getSizeFromHeader(header) {
    try {
        var _a = [parseFloat(header['imagewidth']), parseFloat(header['imageheight'])], td_width = _a[0], td_height = _a[1];
        return [td_width, td_height];
    }
    catch (e) {
        console.error(e);
        return [null, null];
    }
}
function parse(lines) {
    var trackdata = { 'header': {}, 'points': {}, 'position': {}, 'scale': {}, 'rotation': {}, 'anchor': {}, 'position_x': {}, 'position_y': {}, 'position_z': {} };
    var section = Sections.SECTION_UNKNOWN;
    lines.forEach(function (line) {
        line = line.trim();
        if (!line || line == "" || !line.length)
            section = Sections.SECTION_UNKNOWN;
        else if (section == Sections.SECTION_UNKNOWN)
            section = determineSection(line);
        try {
            switch (section) {
                case Sections.SECTION_HEADER:
                    parse_header(line, trackdata);
                    break;
                case Sections.SECTION_POINTS:
                    parse_points(line, trackdata);
                    break;
                case Sections.SECTION_POSITION:
                    parse_position(line, trackdata);
                    break;
                case Sections.SECTION_ROTATION:
                    parse_rotation(line, trackdata);
                    break;
                case Sections.SECTION_SCALE:
                    parse_scale(line, trackdata);
                    break;
                case Sections.SECTION_ANCHOR:
                    parse_anchor_points(line, trackdata);
                    break;
                case Sections.SECTION_POSITION_X:
                    parse_position_x(line, trackdata);
                    break;
                case Sections.SECTION_POSITION_Y:
                    parse_position_y(line, trackdata);
                    break;
                case Sections.SECTION_POSITION_Z:
                    parse_position_z(line, trackdata);
                    break;
                default: parse_unknown(line, trackdata);
            }
        }
        catch (e) {
            console.log("Exception", e);
            section = Sections.SECTION_UNKNOWN;
        }
    });
    return reorganise_split_dimensions(trackdata);
    //return trackdata;
}
function parse_unknown(line, trackdata) {
    console.log("AEDecoder: Unknown Data", line.length, "bytes: ", line);
}
function parse_header(line, trackdata) {
    var words = rsplit(line, " ", 1);
    var key = words.slice(0, -1).join(" "), value = words.slice(-1);
    key = key.toLowerCase();
    if (HEADER_KEYWORDS_MAP.hasOwnProperty(key))
        trackdata['header'][HEADER_KEYWORDS_MAP[key]] = value;
    else
        console.log("Cannot find header in map", key, "=>", value);
}
function parse_points(line, trackdata) {
    if (isFirstPointLine(line)) {
        // parse head line for number of current point
        // we try to find all numbers in the first line and use the last one (and hope that works)
        var numbers = /\d+/.exec(line); //  re.findall(r"\d+", line)
        var point_id = parseInt(numbers[numbers.length - 1]); //int(numbers[-1])
        trackdata['current_point_id'] = point_id;
        trackdata['points'][point_id] = { 'frames': [] };
    }
    else if (line.toLowerCase().startsWith("frame")) {
        // ignore "Frame	X pixels	Y pixels"
    }
    else {
        try {
            var _a = rsplit(line), frame_nr_str = _a[0], x = _a[1], y = _a[2];
            try {
                var frame_nr = parseInt(frame_nr_str);
            }
            catch (e) {
                console.log("parse_points", e);
                frame_nr = null;
            }
            var point_container = trackdata['points'][trackdata['current_point_id']];
            point_container['frames'].push({ 'point': [parseFloat(x), parseFloat(y)], 'frame_nr': frame_nr });
        }
        catch (e) {
            console.log("Unable to parse line:", line, e);
        }
    }
}
function parse_position(line, trackdata) {
    parse_transform_data(line, trackdata, 'position', POSITION_KEYWORDS, 3);
}
function parse_rotation(line, trackdata) {
    parse_transform_data(line, trackdata, 'rotation', ROTATION_KEYWORDS, 1);
}
function parse_scale(line, trackdata) {
    parse_transform_data(line, trackdata, 'scale', SCALE_KEYWORDS, 3);
}
function parse_anchor_points(line, trackdata) {
    parse_transform_data(line, trackdata, 'anchor', ANCHOR_KEYWORDS, 3);
}
function parse_position_x(line, trackdata) {
    parse_transform_data(line, trackdata, 'position_x', X_POSITION_KEYWORDS, 1);
}
function parse_position_y(line, trackdata) {
    parse_transform_data(line, trackdata, 'position_y', Y_POSITION_KEYWORDS, 1);
}
function parse_position_z(line, trackdata) {
    parse_transform_data(line, trackdata, 'position_z', Z_POSITION_KEYWORDS, 1);
}
function parse_transform_data(line, trackdata, key, keywords, num_expected_values_per_frame) {
    if (startsWithKW(line, keywords)) {
        // pass #skip first line of section
    }
    else if (line.toLowerCase().startsWith("frame")) {
        //
    }
    else {
        try {
            var split_line = rsplit(line); //line.split(" ");
            if (split_line.length > num_expected_values_per_frame) {
                var frame_nr = parseInt(split_line[0]);
                split_line = split_line.slice(1); // [1:]
            }
            else {
                frame_nr = null;
            }
            trackdata[key][frame_nr] = split_line.slice(0, num_expected_values_per_frame).map(function (v) { return parseFloat(v); }); //  [parseFloat(v) for v in split_line[:num_expected_values_per_frame]]
            //print key, frame_nr, " ".join(split_line[:num_expected_values_per_frame])
        }
        catch (e) {
            console.error("Exception", key, e, line);
        }
    }
}
function reorganise_split_dimensions(trackdata) {
    var split_position_dimensions = ['position_x', 'position_y', 'position_z'];
    var dimfound = split_position_dimensions.find(function (dim) { return Object.keys(trackdata[dim]).length > 0; });
    //if any(trackdata[dim] for dim in split_position_dimensions):
    if (dimfound) {
        var frames_1 = []; //new Set();//set()
        split_position_dimensions.forEach(function (dim) {
            frames_1 = frames_1.concat(Object.keys(trackdata[dim])); //union(trackdata[dim].keys())
        });
        new Set(frames_1).forEach(function (frame) {
            var position = split_position_dimensions.map(function (dim) {
                return (trackdata[dim][frame] || [0])[0]; //  .get(frame, [0])  [0];
            });
            //[trackdata[dim].get(frame, [0])[0] for dim in split_position_dimensions]
            trackdata['position'][frame] = position;
        });
    }
    return trackdata;
}
function apply_transforms(trackdata) {
    var transforms = ['scale', 'position', 'rotation'];
    if (any(transforms.map(function (t) { return Object.keys(trackdata[t]).length; }))) {
        transforms.forEach(function (t) {
            if (Object.keys(trackdata[t]).length) {
                console.log("linear interpol on:", t);
                trackdata[t] = heal_linear_interpol(trackdata[t]);
            }
        });
        var td_size = getSizeFromHeader(trackdata['header']);
        var default_anchor_1 = [td_size[0] / 2., td_size[1] / 2., 0];
        trackdata['points'].values().forEach(function (p_container) {
            p_container['frames'].forEach(function (frame) {
                var frame_nr = frame['frame_nr'];
                var point = [].concat(frame['point'], [0, 1]);
                point = transform(frame_nr, point, trackdata['position'], trackdata['scale'], trackdata['rotation'], trackdata['anchor'], default_anchor_1);
                frame['point'] = [point[0] / point[3], point[1] / point[3],];
            });
        });
    }
}
function linear_heal_all_input(trackdata, min_frame, max_frame) {
    if (min_frame === void 0) { min_frame = null; }
    if (max_frame === void 0) { max_frame = null; }
    var _a = find_min_max_frames(trackdata), inner_min_frame = _a[0], inner_max_frame = _a[1];
    if (min_frame == null)
        min_frame = inner_min_frame;
    else if (inner_min_frame != null)
        min_frame = Math.min(min_frame, inner_min_frame);
    if (max_frame == null)
        max_frame = inner_max_frame;
    else if (inner_max_frame != null)
        max_frame = Math.max(max_frame, inner_max_frame);
    if (min_frame == null)
        min_frame = max_frame = 1;
    trackdata['points'].forEach(function (point_data, key) {
        if (point_data && point_data.length) {
            var res = heal_linear_interpol(point_info2dict(point_data), min_frame, max_frame);
            trackdata['points'][key] = dict2point_info(res);
        }
    });
    ['scale', 'position', 'anchor', 'rotation'].forEach(function (transform_key) {
        if (trackdata[transform_key])
            heal_linear_interpol(trackdata[transform_key], min_frame, max_frame);
    });
    return [trackdata, [min_frame, max_frame]];
}
function heal_linear_interpol(data, min_frame, max_frame) {
    if (min_frame === void 0) { min_frame = null; }
    if (max_frame === void 0) { max_frame = null; }
    if (min_frame == null || max_frame == null) {
        var sorteditems = Object.entries(data).filter(function (e) { return e[0] != null; }).sort();
        //sorteditems = sorted(item for item in data.items() if item[0] is not None)
        if (!sorteditems.length)
            return data;
        if (min_frame == null)
            min_frame = sorteditems[0][0];
        if (max_frame == null)
            max_frame = sorteditems.slice(-1)[0];
    }
    var i = min_frame;
    while (i <= max_frame && data.indexOf(i) == -1)
        i += 1;
    var initial_data_frame = i <= max_frame ? i : null; //else None
    for (var j in xrange(min_frame, i))
        data[j] = data[initial_data_frame].slice();
    var _loop_1 = function () {
        if (data.indexOf(i) == -1) {
            var current_start_1 = i - 1;
            var current_end_1 = i + 1;
            while (data.indexOf(current_end_1) == -1 && !(current_end_1 > max_frame)) {
                current_end_1 += 1;
            }
            if (!(current_end_1 > max_frame)) {
                var z = zip(data[current_start_1], data[current_end_1]);
                var increment = z.map(function (e) { return (parseFloat(e[1]) - parseFloat(e[0])) / (current_end_1 - current_start_1); });
                var d = data[current_start_1];
                for (var j in xrange(current_start_1 + 1, current_end_1)) {
                    d = zip(d, increment).map(function (e) { return e[0] + e[1]; }); // [ a + inc for a, inc in  ]
                    data[j] = d.slice();
                }
            }
            else {
                for (var j in xrange(current_start_1 + 1, current_end_1)) {
                    data[j] = data[current_start_1].slice();
                }
            }
        }
        i += 1;
    };
    while (i <= max_frame) {
        _loop_1();
    }
    return data;
}
function find_min_max_frames(trackdata) {
    var frame_numbers = trackdata['points']['frames'].filter(function (f) { return f['frame_r'] != null; }).map(function (f) { return f['frame_nr']; });
    frame_numbers.push.apply(frame_numbers, ['scale', 'position', 'anchor', 'rotation'].map(function (transform) { return trackdata[transform] || []; }).filter(function (fn) { return fn != null; }));
    //let frame_numbers = [frame.get('frame_nr') for point_info in trackdata['points'].values()       for frame in point_info['frames'] if frame.get('frame_nr') is not None]
    //frame_numbers.extend(fn for transform in ('scale', 'position', 'anchor', 'rotation') for fn in trackdata.get(transform, ()) if fn is not None)
    if (frame_numbers.length) {
        var max_frame = Math.max(frame_numbers);
        var min_frame = Math.min(frame_numbers);
        return [min_frame, max_frame];
    }
    else
        return [null, null];
}
function transform(framenum, point, position, scale, rotation, anchor, default_anchor) {
    var p = point;
    anchor = anchor[framenum] || default_anchor;
    p = mul(p, getFromAnchorTranslate(anchor));
    p = scale_point(framenum, p, scale);
    p = rotate_point(framenum, p, rotation);
    p = translate(framenum, p, position, anchor);
    p = mul(p, getToAnchorTranslate(anchor));
    return p;
}
//# sourceMappingURL=parser.js.map

/***/ }),

/***/ "./src/@fx/model/animation/animation.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__effects__ = __webpack_require__("./src/@fx/model/effects/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return Animation; });
/* unused harmony export MoveAnimation */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return KenBurnsAnimation; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return FadeInAnimation; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return FadeOutAnimation; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return ZoomInAnimation; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return ZoomOutAnimation; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return CustomAnimation; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return SlideDirection; });
/* harmony export (immutable) */ __webpack_exports__["f"] = ReverseSlideDirection;
/* unused harmony export SlideAnimation */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SlideInAnimation; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return SlideOutAnimation; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return TypewriterAnimation; });
/* unused harmony export PopAnimation */
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var Animation = (function (_super) {
    __extends(Animation, _super);
    function Animation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.duration = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](25);
        _this.easeIn = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](true);
        _this.easeOut = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](true);
        _this.pre = false;
        _this.post = false;
        return _this;
    }
    Animation.prototype.info = function () {
        return [
            { name: "Duration", anim: null, type: "value", prop: this.duration, fmt: "%d", range: new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"](2, 100) },
        ];
    };
    return Animation;
}(__WEBPACK_IMPORTED_MODULE_1__effects__["a" /* Effect */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _a || Object)
], Animation.prototype, "duration", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _b || Object)
], Animation.prototype, "easeIn", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _c || Object)
], Animation.prototype, "easeOut", void 0);
Animation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], Animation);

var MoveAnimation = (function (_super) {
    __extends(MoveAnimation, _super);
    function MoveAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Move";
        _this.post = true;
        return _this;
    }
    MoveAnimation.prototype.info = function () {
        return [];
    };
    return MoveAnimation;
}(Animation));
MoveAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], MoveAnimation);

/**
 * Ken Burns
 */
var KenBurnsAnimation = (function (_super) {
    __extends(KenBurnsAnimation, _super);
    function KenBurnsAnimation(layer, group, settings) {
        var _this = _super.call(this, layer, group, settings) || this;
        _this.name = "Ken Burns";
        _this.pre = true;
        _this.zoom = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](70);
        _this.duration.value = _this.layer.numframes;
        return _this;
    }
    KenBurnsAnimation.prototype.info = function () {
        var infos = _super.prototype.info.call(this);
        infos.push({ instance: this, name: "Zoom", anim: null, type: "value", prop: this.zoom, fmt: "%.1f%%", range: new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"](10, 200) });
        // infos.push(<EffectInfo>{instance: this, name: "Direction", anim: null, type: "option", prop: this.direction, options: [
        //     {name: "North", value: SlideDirection.NORTH},
        //     {name: "South", value: SlideDirection.SOUTH},
        //     {name: "West", value: SlideDirection.WEST},
        //     {name: "East", value: SlideDirection.EAST},
        // ]})
        return infos;
    };
    return KenBurnsAnimation;
}(Animation));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _d || Object)
], KenBurnsAnimation.prototype, "zoom", void 0);
KenBurnsAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _f || Object, KenBurnsAnimation])
], KenBurnsAnimation);

//EffectRegistry.set("Ken Burns", KenBurnsAnimation);
var FadeInAnimation = (function (_super) {
    __extends(FadeInAnimation, _super);
    function FadeInAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Fade In";
        _this.post = true;
        return _this;
    }
    return FadeInAnimation;
}(Animation));
FadeInAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], FadeInAnimation);

var FadeOutAnimation = (function (_super) {
    __extends(FadeOutAnimation, _super);
    function FadeOutAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Fade Out";
        _this.post = true;
        return _this;
    }
    return FadeOutAnimation;
}(Animation));
FadeOutAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], FadeOutAnimation);

var ZoomInAnimation = (function (_super) {
    __extends(ZoomInAnimation, _super);
    function ZoomInAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Zoom In";
        _this.pre = true;
        return _this;
    }
    return ZoomInAnimation;
}(Animation));
ZoomInAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], ZoomInAnimation);

var ZoomOutAnimation = (function (_super) {
    __extends(ZoomOutAnimation, _super);
    function ZoomOutAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Zoom Out";
        _this.pre = true;
        return _this;
    }
    return ZoomOutAnimation;
}(Animation));
ZoomOutAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], ZoomOutAnimation);

var CustomAnimation = (function (_super) {
    __extends(CustomAnimation, _super);
    function CustomAnimation(layer, group, settings) {
        var _this = _super.call(this, layer, group, settings) || this;
        _this.name = "Zoom Out";
        _this.pre = false;
        _this.post = false;
        _this.recording = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](false);
        //TODO: needs unsub (or layer.change.complete() on destroy)
        layer.changes.subscribe(function (changes) {
            if (_this.recording && changes.position && _this.layer.position$) {
                _this.layer.position$.addCurrent();
            }
            if (_this.recording && changes.scale && _this.layer.scale$) {
                _this.layer.scale$.addCurrent();
            }
            if (_this.recording && changes.anchor && _this.layer.anchor$) {
                _this.layer.anchor$.addCurrent();
            }
            if (_this.recording && changes.rotate && _this.layer.rotate$) {
                _this.layer.rotate$.addCurrent();
            }
            if (_this.recording && changes.opacity && _this.layer.opacity$) {
                _this.layer.opacity$.addCurrent();
            }
        });
        return _this;
    }
    CustomAnimation.prototype.info = function () {
        return [{ instance: this, name: "Recording", anim: null, type: "boolean", prop: this.recording }];
    };
    return CustomAnimation;
}(Animation));
CustomAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _h || Object, KenBurnsAnimation])
], CustomAnimation);

var SlideDirection;
(function (SlideDirection) {
    SlideDirection[SlideDirection["TOP"] = 0] = "TOP";
    SlideDirection[SlideDirection["RIGHT"] = 1] = "RIGHT";
    SlideDirection[SlideDirection["BOTTOM"] = 2] = "BOTTOM";
    SlideDirection[SlideDirection["LEFT"] = 3] = "LEFT";
})(SlideDirection || (SlideDirection = {}));
function ReverseSlideDirection(dir) {
    switch (dir) {
        case SlideDirection.TOP:
            return SlideDirection.BOTTOM;
        case SlideDirection.BOTTOM:
            return SlideDirection.TOP;
        case SlideDirection.LEFT:
            return SlideDirection.RIGHT;
        case SlideDirection.RIGHT:
            return SlideDirection.LEFT;
    }
}
var SlideAnimation = (function (_super) {
    __extends(SlideAnimation, _super);
    function SlideAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Slide";
        _this.post = true;
        _this.direction = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](SlideDirection.LEFT);
        return _this;
    }
    SlideAnimation.prototype.info = function () {
        var infos = _super.prototype.info.call(this);
        infos.push({ instance: this, name: "Direction", anim: null, type: "option", prop: this.direction, options: [
                { name: "Top", value: SlideDirection.TOP },
                { name: "Bottom", value: SlideDirection.BOTTOM },
                { name: "Left", value: SlideDirection.LEFT },
                { name: "Right", value: SlideDirection.RIGHT },
            ] });
        return infos;
    };
    return SlideAnimation;
}(Animation));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _j || Object)
], SlideAnimation.prototype, "direction", void 0);
SlideAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], SlideAnimation);

var SlideInAnimation = (function (_super) {
    __extends(SlideInAnimation, _super);
    function SlideInAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Slide In";
        return _this;
    }
    return SlideInAnimation;
}(SlideAnimation));
SlideInAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], SlideInAnimation);

var SlideOutAnimation = (function (_super) {
    __extends(SlideOutAnimation, _super);
    function SlideOutAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Slide Out";
        return _this;
    }
    return SlideOutAnimation;
}(SlideAnimation));
SlideOutAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], SlideOutAnimation);

var TypewriterAnimation = (function (_super) {
    __extends(TypewriterAnimation, _super);
    function TypewriterAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.pre = true;
        _this.name = "Typewriter";
        return _this;
    }
    return TypewriterAnimation;
}(Animation));
TypewriterAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], TypewriterAnimation);

var PopAnimation = (function (_super) {
    __extends(PopAnimation, _super);
    function PopAnimation() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Pop + Bounce";
        _this.pre = true;
        return _this;
    }
    return PopAnimation;
}(Animation));
PopAnimation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], PopAnimation);

var _a, _b, _c, _d, _e, _f, _g, _h, _j;
//# sourceMappingURL=animation.js.map

/***/ }),

/***/ "./src/@fx/model/animation/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__tracker__ = __webpack_require__("./src/@fx/model/animation/tracker.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__tracker__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__tracker__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "j", function() { return __WEBPACK_IMPORTED_MODULE_0__tracker__["c"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__animation__ = __webpack_require__("./src/@fx/model/animation/animation.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["e"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["f"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["g"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "k", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["h"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "l", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["i"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "m", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["j"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "n", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["k"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "o", function() { return __WEBPACK_IMPORTED_MODULE_1__animation__["l"]; });


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/model/animation/tracker.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TrackType; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return TrackPoint; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return MotionTracker; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var TrackType;
(function (TrackType) {
    TrackType[TrackType["Transform"] = 0] = "Transform";
    TrackType[TrackType["CornerPin"] = 1] = "CornerPin";
    TrackType[TrackType["Grid"] = 2] = "Grid";
})(TrackType || (TrackType = {}));
var DefaultTrackMotionOptions = {
    windowsize: 9,
    numlevel: 2,
    iterations: 20,
    threshold: 0.001
};
var TrackPoint = (function () {
    function TrackPoint(tracker, pos) {
        this.tracker = tracker;
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.search = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Size"](30, 30);
        this.selected = false;
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.pos$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](tracker.layer, tracker, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](0, 0));
        this.pos = pos;
    }
    TrackPoint.prototype.projected = function () {
        var point = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.pos).add(this.tracker.position);
        var scale = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.tracker.scale).div(100);
        var anchor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.tracker.anchor);
        var rotate = this.tracker.rotate;
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["scalePoints"])([point], scale, anchor);
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["rotatePoints"])([point], rotate, anchor);
        return point;
    };
    TrackPoint.prototype.unproject = function (p) {
        var point = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](p).sub(this.tracker.position);
        var scale = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.tracker.scale).div(100).inverse();
        var anchor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.tracker.anchor);
        var rotate = -this.tracker.rotate;
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["scalePoints"])([point], scale, anchor);
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["rotatePoints"])([point], rotate, anchor);
        return point;
    };
    TrackPoint.prototype.toArray = function () {
        var p = this.projected();
        return [p.x, p.y];
        //return [this.pos.x, this.pos.y];
    };
    TrackPoint.prototype.select = function () {
        this.selected = true;
    };
    TrackPoint.prototype.unselect = function () {
        this.selected = false;
    };
    TrackPoint.prototype.container = function () {
        return this.tracker;
    };
    return TrackPoint;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], TrackPoint.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _a || Object)
], TrackPoint.prototype, "pos$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('pos$'),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _b || Object)
], TrackPoint.prototype, "pos", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Size"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Size"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Size"]) === "function" && _c || Object)
], TrackPoint.prototype, "search", void 0);
TrackPoint = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [MotionTracker, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _d || Object])
], TrackPoint);

var MotionTracker = (function () {
    function MotionTracker(layer, fxService) {
        this.fxService = fxService;
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        //@Serializable("TrackPoint")
        this.trackpoints = [];
        this.anchor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](0, 0);
        this.position = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](0, 0);
        this.scale = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](100, 100);
        this.rotate = 0;
        this.doPos = true;
        this.doScale = false;
        this.doRotate = false;
        this.rows = 0;
        this.cols = 0;
        this.selected = false;
        this._type = TrackType.Transform;
        this.layer = layer;
        this.type = TrackType.Transform;
        this.options = DefaultTrackMotionOptions;
    }
    MotionTracker.prototype.addTrackpoint = function (pos) {
        pos = pos || new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.layer.width / 2, this.layer.height / 2);
        var tp = new TrackPoint(this, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](pos));
        var row;
        if (!this.rows) {
            this.rows++;
            row = [];
            this.trackpoints.push(row);
        }
        else {
            row = this.trackpoints[this.rows - 1];
        }
        row.push(tp);
        this.cols++;
        this.recalcAnchor();
        return tp;
    };
    MotionTracker.prototype.deleteTrackpoint = function (tp) {
        this.trackpoints.forEach(function (row) {
            var idx = row.indexOf(tp);
            if (idx != -1)
                row.splice(idx, 1);
        });
        this.recalcAnchor();
    };
    MotionTracker.prototype.atIndex = function (index) {
        var row = Math.floor(index / this.cols);
        var col = index % this.cols;
        if (row >= this.rows || col >= this.cols)
            return null;
        return this.trackpoints[row][col];
    };
    MotionTracker.prototype.all = function () {
        return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["flatten"])(this.trackpoints.map(function (row) { return row.map(function (tp) { return tp; }); }));
    };
    MotionTracker.prototype.rowAtIndex = function (index) {
        return this.trackpoints[index];
    };
    Object.defineProperty(MotionTracker.prototype, "length", {
        get: function () {
            return this.all().length;
        },
        enumerable: true,
        configurable: true
    });
    MotionTracker.prototype.addRow = function (start, distance) {
        var p = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](start);
        var row = [];
        for (var i = 0; i < this.cols; i++) {
            var tp = new TrackPoint(this, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](p));
            p.x += distance;
            row.push(tp);
        }
        this.trackpoints.push(row);
        this.recalcAnchor();
    };
    MotionTracker.prototype.addColumn = function (start, distance) {
        var _this = this;
        var p = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](start);
        this.trackpoints.forEach(function (row) {
            var tp = new TrackPoint(_this, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](p));
            p.y += distance;
            row.push(tp);
        });
        this.recalcAnchor();
    };
    MotionTracker.prototype.deleteLastCol = function () {
        this.trackpoints.forEach(function (row) {
            row.splice(row.length - 1, 1);
        });
        this.recalcAnchor();
    };
    MotionTracker.prototype.deleteLastRow = function () {
        this.trackpoints.splice(this.trackpoints.length - 1, 1);
        this.recalcAnchor();
    };
    MotionTracker.prototype.recalcAnchor = function () {
        var rect = this.getCurrentBoundingRect();
        this.anchor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](rect.center);
    };
    MotionTracker.prototype.getCurrentBoundingRect = function () {
        var left = Number.MAX_SAFE_INTEGER, top = Number.MAX_SAFE_INTEGER, right = 0, bottom = 0;
        this.trackpoints.forEach(function (row) {
            row.forEach(function (tp) {
                var p = tp.pos;
                left = Math.min(left, p.x);
                top = Math.min(top, p.y);
                right = Math.max(right, p.x);
                bottom = Math.max(bottom, p.y);
            });
        });
        return new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](left, top), right - left + 1, bottom - top + 1);
    };
    MotionTracker.prototype.getMaxBoundingRect = function () {
        var left = Number.MAX_SAFE_INTEGER, top = Number.MAX_SAFE_INTEGER, right = 0, bottom = 0;
        this.trackpoints.forEach(function (row) {
            row.forEach(function (tp) {
                tp.pos$.frames.forEach(function (kf) {
                    var p = kf.value;
                    left = Math.min(left, p.x);
                    top = Math.min(top, p.y);
                    right = Math.max(right, p.x);
                    bottom = Math.max(bottom, p.y);
                });
            });
        });
        return new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](left, top), right - left + 1, bottom - top + 1);
    };
    MotionTracker.prototype.trackFrame = function (f0, f1, direction) {
        var _this = this;
        var pointsArray = this.trackpoints.map(function (row) { return row.map(function (tp) { return tp.toArray(); }); });
        var points = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["flatten"])(pointsArray);
        return this.fxService.trackMotion(points, null, this.layer.item.name(), f0, f1, this.options)
            .subscribe(function (result) {
            result.points.forEach(function (p, i) {
                var next = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](parseFloat(p[0].toFixed(2)), parseFloat(p[1].toFixed(2)));
                var tp = _this.atIndex(i);
                var unprojected = tp.unproject(next);
                tp.pos$.add(f1, unprojected);
            });
            _this.layer.comp.frame += direction;
            _this.layer.change.next(null);
        });
    };
    MotionTracker.prototype.forward = function () {
        var f0 = this.layer.comp.frame, f1 = f0 + 1;
        this.trackFrame(f0, f1, 1);
    };
    MotionTracker.prototype.backward = function () {
        var f0 = this.layer.comp.frame, f1 = f0 - 1;
        this.trackFrame(f0, f1, -1);
    };
    // Switches lower right/left
    MotionTracker.prototype.getPerspectiveTrackpoints = function (frame) {
        return [
            this.trackpoints[0][0].pos$.frames[frame],
            this.trackpoints[0][1].pos$.frames[frame],
            this.trackpoints[1][1].pos$.frames[frame],
            this.trackpoints[1][0].pos$.frames[frame],
        ];
    };
    MotionTracker.prototype.getScale = function (f0, f1) {
        var tp1 = this.atIndex(0), tp2 = this.atIndex(1), tp1f0pos = tp1.pos$.valueAtTime(f0), tp1f1pos = tp1.pos$.valueAtTime(f1), tp2f0pos = tp2.pos$.valueAtTime(f0), tp2f1pos = tp2.pos$.valueAtTime(f1), len12f0 = tp1f0pos.distance(tp2f0pos), len12f1 = tp1f0pos.distance(tp2f1pos), scale = len12f1 / len12f0;
        return scale;
    };
    MotionTracker.prototype.getRotate = function (f0) {
        var tp1 = this.atIndex(0), tp2 = this.atIndex(1), tp1f0pos = tp1.pos$.valueAtTime(f0), tp2f0pos = tp2.pos$.valueAtTime(f0);
        return tp1f0pos.angleTo(tp2f0pos);
    };
    Object.defineProperty(MotionTracker.prototype, "type", {
        get: function () {
            return this._type;
        },
        set: function (type) {
            this._type = type;
        },
        enumerable: true,
        configurable: true
    });
    MotionTracker.prototype.select = function () {
        this.selected = true;
    };
    MotionTracker.prototype.unselect = function () {
        this.selected = false;
    };
    MotionTracker.prototype.container = function () {
        return this.layer.trackerGroup;
    };
    return MotionTracker;
}());

__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], MotionTracker.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", Array)
], MotionTracker.prototype, "trackpoints", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("AVLayer", { weak: true }),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__layers__["AVLayer"]) === "function" && _e || Object)
], MotionTracker.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Point"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _f || Object)
], MotionTracker.prototype, "anchor", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Point"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _g || Object)
], MotionTracker.prototype, "position", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Point"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _h || Object)
], MotionTracker.prototype, "scale", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], MotionTracker.prototype, "rotate", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], MotionTracker.prototype, "doPos", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], MotionTracker.prototype, "doScale", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], MotionTracker.prototype, "doRotate", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], MotionTracker.prototype, "rows", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], MotionTracker.prototype, "cols", void 0);
var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=tracker.js.map

/***/ }),

/***/ "./src/@fx/model/asset.ts":
/***/ (function(module, exports) {

//# sourceMappingURL=asset.js.map

/***/ }),

/***/ "./src/@fx/model/composition.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__transitions__ = __webpack_require__("./src/@fx/model/transitions/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__framerate__ = __webpack_require__("./src/@fx/model/framerate.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__project__ = __webpack_require__("./src/@fx/model/project.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Composition; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var Composition = (function (_super) {
    __extends(Composition, _super);
    function Composition(project, name, selectionParent) {
        var _this = _super.call(this, project) || this;
        _this.generation = 0;
        //public change: Subject<boolean> = new Subject();
        // public goto: Subject<number> = new Subject();
        _this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        _this._name = "Untitled Composition";
        _this.selected = false;
        _this.frame = 0;
        _this.enableMotionBlur = false;
        _this.poster = 0;
        _this.layers = [];
        _this.width = 640;
        _this.height = 360;
        _this.inoutrange = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"](0, 249);
        _this.bgcolor = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].fromString("#ffffff");
        _this.framerate = new __WEBPACK_IMPORTED_MODULE_2__framerate__["a" /* Framerate */](25, 1);
        _this.selectionParent = "self"; // or "project"
        _this.project = project;
        _this._name = name;
        _this.selectionParent = selectionParent || "self";
        _this.change.subscribe(function (changed) { return changed === true ? _this.generation++ : 0; });
        return _this;
    }
    Object.defineProperty(Composition.prototype, "numframes", {
        get: function () {
            return this.inoutrange.end - this.inoutrange.start + 1;
        },
        set: function (numframes) {
            this.inoutrange.end = this.inoutrange.start + numframes - 1;
        },
        enumerable: true,
        configurable: true
    });
    // Must be end of hierarchy. This will determine which SelectionManager to use.
    Composition.prototype.container = function () {
        return this.selectionParent == "self" ? this : this.project;
    };
    Composition.prototype.close = function () {
        this.destroy();
        this.open = false;
    };
    Composition.prototype.destroy = function () {
        this.layers.forEach(function (layer) {
            layer.destroy();
        });
        this.layers = [];
        this.change.complete();
        // this.goto.complete();
        this.onRendered.complete();
    };
    Composition.prototype.name = function (newName) {
        if (newName) {
            this._name = newName;
            this.change.next(false);
        }
        return this._name;
    };
    Composition.prototype.addLayer = function (layer) {
        this.layers.push(layer);
    };
    Composition.prototype.appendLayer = function (layer) {
        this.layers.splice(0, 0, layer);
        return layer;
    };
    Composition.prototype.insertLayer = function (at, layer) {
        var len = this.layers.length;
        var idx = len - at;
        if (idx < 0)
            return;
        this.layers.splice(idx, 0, layer);
        return layer;
    };
    Composition.prototype.deleteLayer = function (layer) {
        this.removeLayer(layer);
        layer.destroy();
    };
    Composition.prototype.removeLayer = function (layer) {
        var idx = this.layers.indexOf(layer);
        if (idx != -1) {
            this.layers.splice(idx, 1);
        }
    };
    Composition.prototype.deleteLayers = function (layers) {
        for (var i = layers.length - 1; i >= 0; i--) {
            var layer = layers[i];
            if (layer instanceof __WEBPACK_IMPORTED_MODULE_5__layers__["Layer"]) {
                this.deleteLayer(layer);
            }
        }
    };
    Composition.prototype.findLayerById = function (id) {
        return this.layers.find(function (layer) { return layer.id == id; });
    };
    Composition.prototype.findLayer = function (layer) {
        var found = this.layers.indexOf(layer);
        return found != -1 ? this.layers[found] : null;
    };
    Object.defineProperty(Composition.prototype, "avlayers", {
        get: function () {
            return this.layers.filter(function (layer) { return layer instanceof __WEBPACK_IMPORTED_MODULE_5__layers__["AVLayer"]; });
        },
        enumerable: true,
        configurable: true
    });
    Composition.prototype.moveLayersAbove = function (dest, src) {
        var _this = this;
        var destIdx = this.layers.indexOf(dest) + 1;
        var srcIdxs = src.map(function (layer) { return _this.layers.indexOf(layer); });
        var moved = srcIdxs.reduce(function (acc, idx) { return acc.concat(_this.layers.splice(idx, 1)); }, []);
        (_a = this.layers).splice.apply(_a, [destIdx, 0].concat(moved));
        var _a;
    };
    Composition.prototype.moveLayersBelow = function (dest, src) {
        var _this = this;
        //var destIdx = Math.max(this.layers.indexOf(dest) - 1, 0);
        var destIdx = this.layers.indexOf(dest) - 1;
        var srcIdxs = src.map(function (layer) { return _this.layers.indexOf(layer); });
        var moved = srcIdxs.reduce(function (acc, idx) { return acc.concat(_this.layers.splice(idx, 1)); }, []);
        (_a = this.layers).splice.apply(_a, [destIdx, 0].concat(moved));
        var _a;
    };
    return Composition;
}(__WEBPACK_IMPORTED_MODULE_3__item__["g" /* CompItem */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], Composition.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Project", { weak: true }),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__project__["a" /* Project */]) === "function" && _a || Object)
], Composition.prototype, "project", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], Composition.prototype, "poster", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Layer"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", Array)
], Composition.prototype, "layers", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Composition.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Composition.prototype, "height", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Range"),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"]) === "function" && _b || Object)
], Composition.prototype, "inoutrange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Color"),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _c || Object)
], Composition.prototype, "bgcolor", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Framerate"),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__framerate__["a" /* Framerate */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__framerate__["a" /* Framerate */]) === "function" && _d || Object)
], Composition.prototype, "framerate", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__transitions__["a" /* Transition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__transitions__["a" /* Transition */]) === "function" && _e || Object)
], Composition.prototype, "transition", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], Composition.prototype, "selectionParent", void 0);
Composition = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_4__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__project__["a" /* Project */]) === "function" && _f || Object, String, String])
], Composition);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=composition.js.map

/***/ }),

/***/ "./src/@fx/model/effects/blur.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__effect__ = __webpack_require__("./src/@fx/model/effects/effect.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GaussianBlur; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var GaussianBlur = (function (_super) {
    __extends(GaussianBlur, _super);
    function GaussianBlur(layer, group, settings) {
        var _this = _super.call(this, layer, group) || this;
        _this.name = "Gaussian Blur";
        _this.blurfactor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](4);
        _this.init();
        return _this;
    }
    GaussianBlur.prototype.info = function () {
        return [
            { instance: this, name: "Length", anim: this.blurlength$, type: "value", prop: this.blurlength, fmt: "%.1f", range: new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"](0, 20) },
            { instance: this, name: "Factor", anim: undefined, type: "value", prop: this.blurfactor, fmt: "%.1f", range: new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"](0, 20) },
        ];
    };
    GaussianBlur.prototype.init = function () {
        if (this.layer) {
            this.blurlength$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](this.layer, this.group, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](10));
        }
    };
    GaussianBlur.prototype.reset = function () {
        this.blurlength = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](1);
        this.blurfactor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](1);
    };
    return GaussianBlur;
}(__WEBPACK_IMPORTED_MODULE_1__effect__["a" /* Effect */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _a || Object)
], GaussianBlur.prototype, "blurlength$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('blurlength$'),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _b || Object)
], GaussianBlur.prototype, "blurlength", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Scalar"),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _c || Object)
], GaussianBlur.prototype, "blurfactor", void 0);
GaussianBlur = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _e || Object, GaussianBlur])
], GaussianBlur);

__WEBPACK_IMPORTED_MODULE_1__effect__["b" /* EffectRegistry */].set("Gaussian Blur", GaussianBlur);
var _a, _b, _c, _d, _e;
//# sourceMappingURL=blur.js.map

/***/ }),

/***/ "./src/@fx/model/effects/cornerpin.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__effect__ = __webpack_require__("./src/@fx/model/effects/effect.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CornerPin; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var CornerPin = (function (_super) {
    __extends(CornerPin, _super);
    function CornerPin(layer, group, settings) {
        var _this = _super.call(this, layer, group) || this;
        _this.name = "Corner Pin";
        _this.init();
        return _this;
    }
    CornerPin.prototype.info = function () {
        return [
            { instance: this, name: "Upper Left", type: "point", anim: this.upperleft$, prop: this.upperleft },
            { instance: this, name: "Upper Right", type: "point", anim: this.upperright$, prop: this.upperright },
            { instance: this, name: "Lower Left", type: "point", anim: this.lowerleft$, prop: this.lowerleft },
            { instance: this, name: "Lower Right", type: "point", anim: this.lowerright$, prop: this.lowerright },
        ];
    };
    CornerPin.prototype.getByIndex = function (index) {
        if (index == 0)
            return this.upperleft$;
        if (index == 1)
            return this.upperright$;
        if (index == 2)
            return this.lowerright$;
        if (index == 3)
            return this.lowerleft$;
        return null;
    };
    CornerPin.prototype.init = function () {
        if (this.layer) {
            this.upperleft$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](this.layer, this.group, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](0, 0));
            this.upperright$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](this.layer, this.group, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.layer.width, 0));
            this.lowerleft$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](this.layer, this.group, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](0, this.layer.height));
            this.lowerright$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](this.layer, this.group, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.layer.width, this.layer.height));
        }
    };
    CornerPin.prototype.reset = function () {
        this.info().forEach(function (corner) {
            corner.anim.clear();
            corner.prop.x = 0;
            corner.prop.y = 0;
        });
    };
    return CornerPin;
}(__WEBPACK_IMPORTED_MODULE_1__effect__["a" /* Effect */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _a || Object)
], CornerPin.prototype, "upperleft$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('upperleft$'),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _b || Object)
], CornerPin.prototype, "upperleft", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _c || Object)
], CornerPin.prototype, "upperright$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('upperright$'),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _d || Object)
], CornerPin.prototype, "upperright", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _e || Object)
], CornerPin.prototype, "lowerleft$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('lowerleft$'),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _f || Object)
], CornerPin.prototype, "lowerleft", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _g || Object)
], CornerPin.prototype, "lowerright$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('lowerright$'),
    __metadata("design:type", typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _h || Object)
], CornerPin.prototype, "lowerright", void 0);
CornerPin = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _k || Object, CornerPin])
], CornerPin);

__WEBPACK_IMPORTED_MODULE_1__effect__["b" /* EffectRegistry */].set("Corner Pin", CornerPin);
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
//# sourceMappingURL=cornerpin.js.map

/***/ }),

/***/ "./src/@fx/model/effects/directionalblur.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__effect__ = __webpack_require__("./src/@fx/model/effects/effect.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DirectionalBlur; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var DirectionalBlur = (function (_super) {
    __extends(DirectionalBlur, _super);
    function DirectionalBlur(layer, group, settings) {
        var _this = _super.call(this, layer, group) || this;
        _this.name = "Directional Blur";
        _this.length = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](1);
        _this.angle = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](0);
        _this.init();
        return _this;
    }
    DirectionalBlur.prototype.info = function () {
        return [
            { instance: this, name: "Length", anim: undefined, type: "value", prop: this.length, fmt: "%.1f", range: new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"](0, 20) },
            { instance: this, name: "Direction", anim: undefined, type: "value", prop: this.angle, fmt: "°", range: new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"](-360, 360) },
        ];
    };
    DirectionalBlur.prototype.init = function () {
    };
    DirectionalBlur.prototype.reset = function () {
        this.length = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](1);
        this.angle = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](0);
    };
    return DirectionalBlur;
}(__WEBPACK_IMPORTED_MODULE_1__effect__["a" /* Effect */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Scalar"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _a || Object)
], DirectionalBlur.prototype, "length", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Scalar"),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _b || Object)
], DirectionalBlur.prototype, "angle", void 0);
DirectionalBlur = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _d || Object, DirectionalBlur])
], DirectionalBlur);

__WEBPACK_IMPORTED_MODULE_1__effect__["b" /* EffectRegistry */].set("Directional Blur", DirectionalBlur);
var _a, _b, _c, _d;
//# sourceMappingURL=directionalblur.js.map

/***/ }),

/***/ "./src/@fx/model/effects/effect.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (immutable) */ __webpack_exports__["c"] = providesDialog;
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Effect; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return EffectRegistry; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


function providesDialog(effect) {
    return effect.showDialog !== undefined;
}
var Effect = (function () {
    function Effect(layer, group, settings) {
        this.id = __WEBPACK_IMPORTED_MODULE_1__fx_core__["UUID"].uuid4();
        this.enabled = true;
        this.selected = false;
        this.layer = layer;
        this.group = group;
    }
    Effect.prototype.reset = function () { };
    Effect.prototype.select = function () {
        this.selected = true;
        this.group.activate();
    };
    Effect.prototype.unselect = function () {
        this.selected = false;
    };
    Effect.prototype.container = function () {
        return this.group;
    };
    return Effect;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Id"])(),
    __metadata("design:type", String)
], Effect.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])("AVLayer", { weak: true }),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__layers__["AVLayer"]) === "function" && _a || Object)
], Effect.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Effect.prototype, "enabled", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])("SelectionGroup", { weak: true }),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionGroup"]) === "function" && _b || Object)
], Effect.prototype, "group", void 0);
Effect = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__layers__["AVLayer"]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionGroup"]) === "function" && _d || Object, Effect])
], Effect);

var EffectRegistry = new Map();
var _a, _b, _c, _d;
//# sourceMappingURL=effect.js.map

/***/ }),

/***/ "./src/@fx/model/effects/flip.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__effect__ = __webpack_require__("./src/@fx/model/effects/effect.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FlipAxis; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return Flip; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var FlipAxis;
(function (FlipAxis) {
    FlipAxis[FlipAxis["XAxis"] = 0] = "XAxis";
    FlipAxis[FlipAxis["YAxis"] = 1] = "YAxis";
})(FlipAxis || (FlipAxis = {}));
var Flip = (function (_super) {
    __extends(Flip, _super);
    function Flip(layer, group, settings) {
        var _this = _super.call(this, layer, group) || this;
        _this.name = "Flip";
        _this.axis = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](FlipAxis.XAxis);
        return _this;
    }
    Flip.prototype.info = function () {
        var infos = [];
        infos.push({ instance: this, name: "Axis", anim: null, type: "option", prop: this.axis, options: [
                { name: "X Axis", value: FlipAxis.XAxis },
                { name: "Y Axis", value: FlipAxis.YAxis },
            ] });
        return infos;
    };
    Flip.prototype.reset = function () {
        this.axis.value = FlipAxis.XAxis;
    };
    return Flip;
}(__WEBPACK_IMPORTED_MODULE_1__effect__["a" /* Effect */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _a || Object)
], Flip.prototype, "axis", void 0);
Flip = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _c || Object, Flip])
], Flip);

__WEBPACK_IMPORTED_MODULE_1__effect__["b" /* EffectRegistry */].set("Flip", Flip);
var _a, _b, _c;
//# sourceMappingURL=flip.js.map

/***/ }),

/***/ "./src/@fx/model/effects/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__saturation__ = __webpack_require__("./src/@fx/model/effects/saturation.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__cornerpin__ = __webpack_require__("./src/@fx/model/effects/cornerpin.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__blur__ = __webpack_require__("./src/@fx/model/effects/blur.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__uvmap__ = __webpack_require__("./src/@fx/model/effects/uvmap.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__directionalblur__ = __webpack_require__("./src/@fx/model/effects/directionalblur.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__textmask__ = __webpack_require__("./src/@fx/model/effects/textmask.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__flip__ = __webpack_require__("./src/@fx/model/effects/flip.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__effect__ = __webpack_require__("./src/@fx/model/effects/effect.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_7__effect__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_7__effect__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_7__effect__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_0__saturation__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__cornerpin__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_2__blur__["a"]; });
/* unused harmony namespace reexport */
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_4__directionalblur__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "j", function() { return __WEBPACK_IMPORTED_MODULE_5__textmask__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_6__flip__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_6__flip__["b"]; });















//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/model/effects/saturation.html":
/***/ (function(module, exports) {

module.exports = "<md-dialog>\n  <form name=\"prefs\" ng-cloak>\n    <md-toolbar>\n      <div class=\"md-toolbar-tools\" style=\"width: 100%\">\n        <h2>{{title}}</h2>\n        <span flex></span>\n      </div>\n    </md-toolbar>\n\n    <md-dialog-content style=\"min-width: 300px\">\n      <input ng-model=\"intensity.value\" type=\"range\" min=\"0\" max=\"100\">\n    </md-dialog-content>\n\n    <md-dialog-actions layout=\"row\">\n      <span flex></span>\n      <md-button ng-click=\"cancel()\">\n       Cancel\n      </md-button>\n      <md-button ng-click=\"ok()\">\n        Create\n      </md-button>\n    </md-dialog-actions>\n  </form>\n</md-dialog>"

/***/ }),

/***/ "./src/@fx/model/effects/saturation.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__effect__ = __webpack_require__("./src/@fx/model/effects/effect.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Saturation; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var Saturation = (function (_super) {
    __extends(Saturation, _super);
    function Saturation(layer, group, settings) {
        var _this = _super.call(this, layer, group) || this;
        _this.name = "Saturation";
        _this.intensity = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](100);
        if (settings)
            _this.intensity = settings.intensity;
        return _this;
    }
    Saturation.prototype.info = function () {
        return [
            { instance: this, name: "Intensity", anim: null, type: "value", prop: this.intensity, fmt: "%d", range: new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Range"](0, 100) }
        ];
    };
    Saturation.prototype.reset = function () {
        this.intensity.value = 100;
    };
    Saturation.prototype.showDialog = function () {
        var effect = this;
        return fxDialog.show({
            controller: function ($scope, $mdDialog) {
                $scope.title = "Saturation";
                $scope.intensity = effect.intensity;
                $scope.cancel = function () {
                    $mdDialog.cancel();
                };
                $scope.ok = function () {
                    $mdDialog.hide($scope.intensity);
                };
            },
            template: __webpack_require__("./src/@fx/model/effects/saturation.html"),
            parent: angular.element(document.body),
            clickOutsideToClose: false,
        });
    };
    return Saturation;
}(__WEBPACK_IMPORTED_MODULE_1__effect__["a" /* Effect */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], Saturation.prototype, "name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Scalar"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _a || Object)
], Saturation.prototype, "intensity", void 0);
Saturation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _c || Object, Saturation])
], Saturation);

__WEBPACK_IMPORTED_MODULE_1__effect__["b" /* EffectRegistry */].set("Saturation", Saturation);
var _a, _b, _c;
//# sourceMappingURL=saturation.js.map

/***/ }),

/***/ "./src/@fx/model/effects/textmask.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__effect__ = __webpack_require__("./src/@fx/model/effects/effect.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TextMask; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var TextMask = (function (_super) {
    __extends(TextMask, _super);
    function TextMask(layer, group, settings) {
        var _this = _super.call(this, layer, group) || this;
        _this.name = "Text Mask";
        _this.color = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"](__WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].BLACK);
        return _this;
    }
    TextMask.prototype.info = function () {
        return [
            { instance: this, name: "Color", anim: null, type: "color", prop: this.color }
        ];
    };
    TextMask.prototype.reset = function () {
    };
    return TextMask;
}(__WEBPACK_IMPORTED_MODULE_1__effect__["a" /* Effect */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], TextMask.prototype, "name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _a || Object)
], TextMask.prototype, "color", void 0);
TextMask = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _c || Object, TextMask])
], TextMask);

__WEBPACK_IMPORTED_MODULE_1__effect__["b" /* EffectRegistry */].set("Text Mask", TextMask);
var _a, _b, _c;
//# sourceMappingURL=textmask.js.map

/***/ }),

/***/ "./src/@fx/model/effects/uvmap.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__effect__ = __webpack_require__("./src/@fx/model/effects/effect.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* unused harmony export UVMap */
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var UVMap = (function (_super) {
    __extends(UVMap, _super);
    function UVMap(layer, group) {
        var _this = _super.call(this, layer, group) || this;
        _this.name = "UV Map";
        return _this;
    }
    UVMap.prototype.info = function () {
        return [
            { instance: this, name: "Texture", anim: null, prop: null, layers: true, target: "texture" },
        ];
    };
    UVMap.prototype.reset = function () {
        this.texture = null;
    };
    return UVMap;
}(__WEBPACK_IMPORTED_MODULE_1__effect__["a" /* Effect */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _a || Object)
], UVMap.prototype, "texture", void 0);
UVMap = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _c || Object])
], UVMap);

__WEBPACK_IMPORTED_MODULE_1__effect__["b" /* EffectRegistry */].set("UV Map", UVMap);
var _a, _b, _c;
//# sourceMappingURL=uvmap.js.map

/***/ }),

/***/ "./src/@fx/model/framerate.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Framerate; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

var Framerate = Framerate_1 = (function () {
    function Framerate(num, den) {
        if (den === void 0) { den = 1; }
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.num = num;
        this.den = den;
    }
    Framerate.fromString = function (str) {
        var parts = str.split('/');
        var nums = parts.map(function (p) { return parseInt(p); });
        return new Framerate_1(nums[0], nums[1]);
    };
    Framerate.prototype.ratio = function () {
        return this.num / this.den;
    };
    Framerate.prototype.fraction = function (precision) {
        return (this.num / this.den).toFixed(precision);
    };
    Framerate.prototype.toString = function () {
        return "" + this.num + "/" + this.den;
    };
    return Framerate;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], Framerate.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Framerate.prototype, "num", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Framerate.prototype, "den", void 0);
Framerate = Framerate_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [Number, Number])
], Framerate);

var Framerate_1;
//# sourceMappingURL=framerate.js.map

/***/ }),

/***/ "./src/@fx/model/fx/api.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__("./node_modules/@angular/http/@angular/http.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_add_operator_first__ = __webpack_require__("./node_modules/rxjs/add/operator/first.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_add_operator_first___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_rxjs_add_operator_first__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_add_operator_toPromise__ = __webpack_require__("./node_modules/rxjs/add/operator/toPromise.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_add_operator_toPromise___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_rxjs_add_operator_toPromise__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_bytebuffer__ = __webpack_require__("./node_modules/bytebuffer/dist/bytebuffer.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_bytebuffer___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_bytebuffer__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_opentype_js__ = __webpack_require__("./node_modules/opentype.js/src/opentype.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_opentype_js___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_opentype_js__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_protobufjs__ = __webpack_require__("./node_modules/protobufjs/index.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_protobufjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_protobufjs__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_sprintf__ = __webpack_require__("./node_modules/sprintf/lib/sprintf.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_sprintf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_sprintf__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FXService; });
/// <reference  path="./impossiblefx.d.ts"/>
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};









var base64 = __WEBPACK_IMPORTED_MODULE_7_protobufjs__["util"].base64;
var FXProTokenCredentialProvider = (function () {
    function FXProTokenCredentialProvider() {
    }
    FXProTokenCredentialProvider.prototype.resolve = function (cb) {
        cb(null, { apitoken: localStorage.getItem('fxtoken') });
    };
    FXProTokenCredentialProvider.prototype.refresh = function (cb) {
        this.apitoken = localStorage.getItem('fxtoken');
        this.expired = false;
        cb();
    };
    return FXProTokenCredentialProvider;
}());
var FXService = (function () {
    // public projects: FX.FXProject[];
    // public assets: FXAsset[];
    function FXService(http) {
        this.http = http;
    }
    FXService.prototype.useProject = function (region, prjuid) {
        this.prjuid = prjuid;
        this.region = region;
        this.api = new FX.Project({
            region: region,
            params: { ProjectId: prjuid },
            credentialProvider: new FXProTokenCredentialProvider()
        });
    };
    FXService.prototype.getOptions = function (respContentType) {
        var headers = new __WEBPACK_IMPORTED_MODULE_1__angular_http__["b" /* Headers */]({
            // TODO: this must come closer to app and use AuthService
            // "Authorization": "Basic " + btoa(APIKEYSECRET),
            "Authorization": "istoken " + localStorage.getItem("fxtoken"),
        });
        var options = new __WEBPACK_IMPORTED_MODULE_1__angular_http__["c" /* RequestOptions */]({
            headers: headers,
            responseType: respContentType
        });
        return options;
    };
    FXService.prototype.createProject = function (region, name) {
        var fx = new FX.Project({ region: region, credentialProvider: new FXProTokenCredentialProvider() });
        return fx.createProject({ Name: name }).promise();
    };
    FXService.prototype.listProjects = function (region) {
        var fx = new FX.Project({ region: region, credentialProvider: new FXProTokenCredentialProvider() });
        return fx.listProjects().promise().then(function (data) { return data.Projects; });
    };
    FXService.prototype.listAssets = function () {
        var fx = new FX.Project({ region: this.region, params: { ProjectId: this.prjuid }, credentials: null, credentialProvider: new FXProTokenCredentialProvider() });
        var annotate = function (asset, type) {
            asset.type = type;
            asset.url = "https://api-" + asset.Region + ".impossible.io/v1/data/" + asset.ProjectId + "/" + asset.Name;
            return asset;
        };
        return fx.listAssets({}).promise().then(function (data) {
            var assets = [];
            assets.push.apply(assets, data.Videos.map(function (video) { return annotate(video, __WEBPACK_IMPORTED_MODULE_2__item__["d" /* ItemType */].Video); }));
            assets.push.apply(assets, data.Images.map(function (image) { return annotate(image, __WEBPACK_IMPORTED_MODULE_2__item__["d" /* ItemType */].Image); }));
            assets.push.apply(assets, data.Sounds.map(function (sound) { return annotate(sound, __WEBPACK_IMPORTED_MODULE_2__item__["d" /* ItemType */].Audio); }));
            assets.push.apply(assets, data.Fonts.map(function (font) { return annotate(font, __WEBPACK_IMPORTED_MODULE_2__item__["d" /* ItemType */].Font); }));
            return assets;
        });
    };
    FXService.prototype.renderFrame = function (movie, frame, extension, params) {
        return this.render(movie, frame, extension, false, params);
    };
    FXService.prototype.renderMovie = function (movie, extension, params) {
        return this.render(movie, 0, extension, true, params);
    };
    FXService.prototype.getRenderURL = function (movie, extension, params) {
        var service = new FX.Render({ region: this.region, params: { ProjectId: this.prjuid }, credentials: null, credentialProvider: new FXProTokenCredentialProvider() });
        var mode = extension == 'mpd' ? 'render' : 'render';
        var op = service.getRenderURL({ Movie: movie, Mode: mode, Format: extension, Params: params });
        var p = op.promise();
        return p.then(function (resp) { return resp.URL; });
    };
    FXService.prototype.render = function (movie, frame, extension, video, params) {
        var options = this.getOptions(__WEBPACK_IMPORTED_MODULE_1__angular_http__["d" /* ResponseContentType */].Blob);
        var frameStr = (frame || 0).toString();
        var formData = new FormData();
        var movie64 = __WEBPACK_IMPORTED_MODULE_5_bytebuffer__["wrap"](movie).toBase64();
        formData.append("movie", movie64);
        formData.append("framenumber", frameStr);
        formData.append("params", JSON.stringify(params || {}));
        formData.append("extension", extension);
        var rendertype = video ? "rendermovie" : "renderframe";
        return this.http.post("https://iv-" + this.region + ".impossible.io/iv/apps/api/v1/sdl/" + rendertype + "/" + this.prjuid, formData, options).map(function (res) {
            return res.blob();
        });
    };
    FXService.prototype.assetThumbnail = function (resource, frame, scaling, extension) {
        var options = this.getOptions(__WEBPACK_IMPORTED_MODULE_1__angular_http__["d" /* ResponseContentType */].Blob);
        frame = __WEBPACK_IMPORTED_MODULE_8_sprintf__("%05d", frame);
        var uri = this.prjuid + "/" + resource + "-" + frame + "." + extension;
        if (scaling) {
            uri = this.prjuid + "/" + resource + "-" + frame + "-" + scaling + "." + extension;
        }
        return this.http.get("https://iv-" + this.region + ".impossible.io/iv/apps/api/v1/thumbnail/" + uri, options).map(function (res) {
            return res.blob();
        });
    };
    FXService.prototype.uploadAsset = function (file) {
        var reader = new FileReader();
        var fx = new FX.Project({ region: this.region, params: { ProjectId: this.prjuid }, credentials: null, credentialProvider: new FXProTokenCredentialProvider() });
        return new Promise(function (resolve) {
            reader.onload = function (e) {
                resolve(fx.uploadAsset({ Name: file.name, Data: e.target.result }).promise());
            };
            reader.readAsArrayBuffer(file);
        });
    };
    FXService.prototype.trackMotion = function (points, interpol_points, resource, frame1, frame2, options) {
        var reqOptions = this.getOptions(__WEBPACK_IMPORTED_MODULE_1__angular_http__["d" /* ResponseContentType */].Json);
        var formData = new FormData();
        formData.append("points", JSON.stringify(points));
        if (interpol_points)
            formData.append("interpol_points", JSON.stringify(interpol_points));
        formData.append("resource1", resource);
        formData.append("resource2", resource);
        formData.append("framenumber1", '' + frame1);
        formData.append("framenumber2", '' + frame2);
        if (options) {
            var opt = [options.windowsize, options.numlevel, options.iterations, options.threshold];
            formData.append("options", JSON.stringify(opt));
        }
        return this.http.post("https://iv-" + this.region + ".impossible.io/iv/apps/api/v1/motiontracking/" + this.prjuid, formData, reqOptions).map(function (res) {
            return res.json();
        });
    };
    FXService.prototype.createMovie = function (movie, name) {
        var fx = new FX.Project({ region: this.region, params: { ProjectId: this.prjuid }, credentials: null, credentialProvider: new FXProTokenCredentialProvider() });
        return fx.createMovie({ Name: name, Movie: movie }).promise();
    };
    FXService.prototype.loadIVCompVersion = function (vuid, versionid) {
        var url = "https://api-" + this.region + ".impossible.io/v1/trackdataversion/" + this.prjuid + "/" + vuid + "/" + versionid + "?byuid=1";
        return this.http.get(url, this.getOptions(__WEBPACK_IMPORTED_MODULE_1__angular_http__["d" /* ResponseContentType */].Json)).map(function (res) {
            return res.json();
        }).first().toPromise();
    };
    FXService.prototype.saveCompVersion = function (data, name) {
        var url = "https://api-" + this.region + ".impossible.io/v1/compdata/" + this.prjuid + "/" + name;
        return this.http.put(url, data, this.getOptions(__WEBPACK_IMPORTED_MODULE_1__angular_http__["d" /* ResponseContentType */].Json)).map(function (res) {
            return res.json();
        }).toPromise();
    };
    FXService.prototype.loadCompVersion = function (prjuid, name) {
        var url = "https://api-" + this.region + ".impossible.io/v1/compdata/" + prjuid + "/" + name;
        return this.http.get(url, this.getOptions(__WEBPACK_IMPORTED_MODULE_1__angular_http__["d" /* ResponseContentType */].Json)).map(function (res) {
            return res.json();
        }).toPromise();
    };
    FXService.prototype.loadFont = function (font) {
        var url = "https://api-" + this.region + ".impossible.io/v1/data/" + this.prjuid + "/" + font;
        return this.http.get(url, this.getOptions(__WEBPACK_IMPORTED_MODULE_1__angular_http__["d" /* ResponseContentType */].ArrayBuffer)).map(function (res) {
            var font = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6_opentype_js__["parse"])(res.arrayBuffer());
            return font;
        });
    };
    FXService.prototype.describeDatasource = function (ds) {
        var url = "https://api-" + this.region + ".impossible.io/v1/data/" + this.prjuid + "/" + ds + "?processed=1&metadataonl=1";
        return this.http.get(url, this.getOptions(__WEBPACK_IMPORTED_MODULE_1__angular_http__["d" /* ResponseContentType */].Json)).map(function (res) {
            return res.json();
        });
    };
    FXService.prototype.loadDatasource = function (ds) {
        var url = "https://api-" + this.region + ".impossible.io/v1/data/" + this.prjuid + "/" + ds + "?processed=1";
        return this.http.get(url, this.getOptions(__WEBPACK_IMPORTED_MODULE_1__angular_http__["d" /* ResponseContentType */].Json)).map(function (res) {
            return res.json();
        });
    };
    return FXService;
}());
FXService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_http__["e" /* Http */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_http__["e" /* Http */]) === "function" && _a || Object])
], FXService);

var _a;
//# sourceMappingURL=api.js.map

/***/ }),

/***/ "./src/@fx/model/fx/asset.ts":
/***/ (function(module, exports) {

//# sourceMappingURL=asset.js.map

/***/ }),

/***/ "./src/@fx/model/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__variables__ = __webpack_require__("./src/@fx/model/variables.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "MapVariable", function() { return __WEBPACK_IMPORTED_MODULE_0__variables__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FileLocation", function() { return __WEBPACK_IMPORTED_MODULE_0__variables__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SourceAccessMode", function() { return __WEBPACK_IMPORTED_MODULE_0__variables__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "DecodeMapVariable", function() { return __WEBPACK_IMPORTED_MODULE_0__variables__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "EncodeMapVariable", function() { return __WEBPACK_IMPORTED_MODULE_0__variables__["e"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "DecodeTextTemplate", function() { return __WEBPACK_IMPORTED_MODULE_0__variables__["f"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "EncodeTextTemplate", function() { return __WEBPACK_IMPORTED_MODULE_0__variables__["g"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__renderable__ = __webpack_require__("./src/@fx/model/renderable.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__renderable___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__renderable__);
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "BLENDMODE")) __webpack_require__.d(__webpack_exports__, "BLENDMODE", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["BLENDMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Matte")) __webpack_require__.d(__webpack_exports__, "Matte", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Matte"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Framerate")) __webpack_require__.d(__webpack_exports__, "Framerate", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Framerate"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "FootageItem")) __webpack_require__.d(__webpack_exports__, "FootageItem", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["FootageItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "AssetSource")) __webpack_require__.d(__webpack_exports__, "AssetSource", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["AssetSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "RemoteSource")) __webpack_require__.d(__webpack_exports__, "RemoteSource", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["RemoteSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "ItemType")) __webpack_require__.d(__webpack_exports__, "ItemType", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["ItemType"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "SolidSource")) __webpack_require__.d(__webpack_exports__, "SolidSource", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["SolidSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "FontItem")) __webpack_require__.d(__webpack_exports__, "FontItem", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["FontItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "TrackType")) __webpack_require__.d(__webpack_exports__, "TrackType", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["TrackType"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "TrackPoint")) __webpack_require__.d(__webpack_exports__, "TrackPoint", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["TrackPoint"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Composition")) __webpack_require__.d(__webpack_exports__, "Composition", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Composition"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "AVLayer")) __webpack_require__.d(__webpack_exports__, "AVLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["AVLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Project")) __webpack_require__.d(__webpack_exports__, "Project", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Project"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Movie")) __webpack_require__.d(__webpack_exports__, "Movie", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Movie"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "FolderItem")) __webpack_require__.d(__webpack_exports__, "FolderItem", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["FolderItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "NullItem")) __webpack_require__.d(__webpack_exports__, "NullItem", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["NullItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "NullLayer")) __webpack_require__.d(__webpack_exports__, "NullLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["NullLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "ShapeLayer")) __webpack_require__.d(__webpack_exports__, "ShapeLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["ShapeLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "DummyItem")) __webpack_require__.d(__webpack_exports__, "DummyItem", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["DummyItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "TextLayer")) __webpack_require__.d(__webpack_exports__, "TextLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["TextLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "SolidLayer")) __webpack_require__.d(__webpack_exports__, "SolidLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["SolidLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "FXService")) __webpack_require__.d(__webpack_exports__, "FXService", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["FXService"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "SDLEncoder")) __webpack_require__.d(__webpack_exports__, "SDLEncoder", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["SDLEncoder"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Layer")) __webpack_require__.d(__webpack_exports__, "Layer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Layer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "AEDataConverter")) __webpack_require__.d(__webpack_exports__, "AEDataConverter", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["AEDataConverter"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "CompLayer")) __webpack_require__.d(__webpack_exports__, "CompLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["CompLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "LayerPosition")) __webpack_require__.d(__webpack_exports__, "LayerPosition", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["LayerPosition"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "AudioLayer")) __webpack_require__.d(__webpack_exports__, "AudioLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["AudioLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "ImageLayer")) __webpack_require__.d(__webpack_exports__, "ImageLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["ImageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "VideoLayer")) __webpack_require__.d(__webpack_exports__, "VideoLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["VideoLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Animation")) __webpack_require__.d(__webpack_exports__, "Animation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Animation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Effect")) __webpack_require__.d(__webpack_exports__, "Effect", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Effect"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "MotionTracker")) __webpack_require__.d(__webpack_exports__, "MotionTracker", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["MotionTracker"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "CornerPin")) __webpack_require__.d(__webpack_exports__, "CornerPin", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["CornerPin"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Mask")) __webpack_require__.d(__webpack_exports__, "Mask", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Mask"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "FXShape")) __webpack_require__.d(__webpack_exports__, "FXShape", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["FXShape"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "VideoCodec")) __webpack_require__.d(__webpack_exports__, "VideoCodec", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["VideoCodec"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "AudioCodec")) __webpack_require__.d(__webpack_exports__, "AudioCodec", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["AudioCodec"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "MovieSettings")) __webpack_require__.d(__webpack_exports__, "MovieSettings", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["MovieSettings"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "FootageLayer")) __webpack_require__.d(__webpack_exports__, "FootageLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["FootageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "VerticalAlignment")) __webpack_require__.d(__webpack_exports__, "VerticalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["VerticalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "HorizontalAlignment")) __webpack_require__.d(__webpack_exports__, "HorizontalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["HorizontalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "TextContext")) __webpack_require__.d(__webpack_exports__, "TextContext", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["TextContext"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "SceneNode")) __webpack_require__.d(__webpack_exports__, "SceneNode", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["SceneNode"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "SCALEMODE")) __webpack_require__.d(__webpack_exports__, "SCALEMODE", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["SCALEMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Item")) __webpack_require__.d(__webpack_exports__, "Item", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Item"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "TransformableLayer")) __webpack_require__.d(__webpack_exports__, "TransformableLayer", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["TransformableLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "SceneType")) __webpack_require__.d(__webpack_exports__, "SceneType", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["SceneType"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Fade")) __webpack_require__.d(__webpack_exports__, "Fade", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Fade"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "CrossFade")) __webpack_require__.d(__webpack_exports__, "CrossFade", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["CrossFade"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "LinearWipe")) __webpack_require__.d(__webpack_exports__, "LinearWipe", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["LinearWipe"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "LinearPush")) __webpack_require__.d(__webpack_exports__, "LinearPush", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["LinearPush"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "GaussianBlur")) __webpack_require__.d(__webpack_exports__, "GaussianBlur", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["GaussianBlur"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "DirectionalBlur")) __webpack_require__.d(__webpack_exports__, "DirectionalBlur", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["DirectionalBlur"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Saturation")) __webpack_require__.d(__webpack_exports__, "Saturation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Saturation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Flip")) __webpack_require__.d(__webpack_exports__, "Flip", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Flip"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "TextMask")) __webpack_require__.d(__webpack_exports__, "TextMask", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["TextMask"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "SlideInAnimation")) __webpack_require__.d(__webpack_exports__, "SlideInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["SlideInAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "SlideOutAnimation")) __webpack_require__.d(__webpack_exports__, "SlideOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["SlideOutAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "FadeInAnimation")) __webpack_require__.d(__webpack_exports__, "FadeInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["FadeInAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "FadeOutAnimation")) __webpack_require__.d(__webpack_exports__, "FadeOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["FadeOutAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "ZoomInAnimation")) __webpack_require__.d(__webpack_exports__, "ZoomInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["ZoomInAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "ZoomOutAnimation")) __webpack_require__.d(__webpack_exports__, "ZoomOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["ZoomOutAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "KenBurnsAnimation")) __webpack_require__.d(__webpack_exports__, "KenBurnsAnimation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["KenBurnsAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "CustomAnimation")) __webpack_require__.d(__webpack_exports__, "CustomAnimation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["CustomAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "TypewriterAnimation")) __webpack_require__.d(__webpack_exports__, "TypewriterAnimation", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["TypewriterAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "removePropFromContexts")) __webpack_require__.d(__webpack_exports__, "removePropFromContexts", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["removePropFromContexts"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "FontSource")) __webpack_require__.d(__webpack_exports__, "FontSource", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["FontSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "OverflowBehavior")) __webpack_require__.d(__webpack_exports__, "OverflowBehavior", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["OverflowBehavior"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_1__renderable__, "Scene")) __webpack_require__.d(__webpack_exports__, "Scene", function() { return __WEBPACK_IMPORTED_MODULE_1__renderable__["Scene"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__framerate__ = __webpack_require__("./src/@fx/model/framerate.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Framerate", function() { return __WEBPACK_IMPORTED_MODULE_2__framerate__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "BLENDMODE")) __webpack_require__.d(__webpack_exports__, "BLENDMODE", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["BLENDMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Matte")) __webpack_require__.d(__webpack_exports__, "Matte", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Matte"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "FootageItem")) __webpack_require__.d(__webpack_exports__, "FootageItem", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["FootageItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "AssetSource")) __webpack_require__.d(__webpack_exports__, "AssetSource", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["AssetSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "RemoteSource")) __webpack_require__.d(__webpack_exports__, "RemoteSource", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["RemoteSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "ItemType")) __webpack_require__.d(__webpack_exports__, "ItemType", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["ItemType"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "SolidSource")) __webpack_require__.d(__webpack_exports__, "SolidSource", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["SolidSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "FontItem")) __webpack_require__.d(__webpack_exports__, "FontItem", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["FontItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "TrackType")) __webpack_require__.d(__webpack_exports__, "TrackType", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["TrackType"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "TrackPoint")) __webpack_require__.d(__webpack_exports__, "TrackPoint", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["TrackPoint"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Composition")) __webpack_require__.d(__webpack_exports__, "Composition", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Composition"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "AVLayer")) __webpack_require__.d(__webpack_exports__, "AVLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["AVLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Project")) __webpack_require__.d(__webpack_exports__, "Project", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Project"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Movie")) __webpack_require__.d(__webpack_exports__, "Movie", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Movie"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "FolderItem")) __webpack_require__.d(__webpack_exports__, "FolderItem", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["FolderItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "NullItem")) __webpack_require__.d(__webpack_exports__, "NullItem", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["NullItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "NullLayer")) __webpack_require__.d(__webpack_exports__, "NullLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["NullLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "ShapeLayer")) __webpack_require__.d(__webpack_exports__, "ShapeLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["ShapeLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "DummyItem")) __webpack_require__.d(__webpack_exports__, "DummyItem", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["DummyItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "TextLayer")) __webpack_require__.d(__webpack_exports__, "TextLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["TextLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "SolidLayer")) __webpack_require__.d(__webpack_exports__, "SolidLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["SolidLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "FXService")) __webpack_require__.d(__webpack_exports__, "FXService", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["FXService"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "SDLEncoder")) __webpack_require__.d(__webpack_exports__, "SDLEncoder", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["SDLEncoder"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Layer")) __webpack_require__.d(__webpack_exports__, "Layer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Layer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "AEDataConverter")) __webpack_require__.d(__webpack_exports__, "AEDataConverter", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["AEDataConverter"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "CompLayer")) __webpack_require__.d(__webpack_exports__, "CompLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["CompLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "LayerPosition")) __webpack_require__.d(__webpack_exports__, "LayerPosition", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["LayerPosition"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "AudioLayer")) __webpack_require__.d(__webpack_exports__, "AudioLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["AudioLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "ImageLayer")) __webpack_require__.d(__webpack_exports__, "ImageLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["ImageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "VideoLayer")) __webpack_require__.d(__webpack_exports__, "VideoLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["VideoLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Animation")) __webpack_require__.d(__webpack_exports__, "Animation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Animation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Effect")) __webpack_require__.d(__webpack_exports__, "Effect", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Effect"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "MotionTracker")) __webpack_require__.d(__webpack_exports__, "MotionTracker", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["MotionTracker"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "CornerPin")) __webpack_require__.d(__webpack_exports__, "CornerPin", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["CornerPin"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Mask")) __webpack_require__.d(__webpack_exports__, "Mask", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Mask"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "FXShape")) __webpack_require__.d(__webpack_exports__, "FXShape", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["FXShape"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "VideoCodec")) __webpack_require__.d(__webpack_exports__, "VideoCodec", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["VideoCodec"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "AudioCodec")) __webpack_require__.d(__webpack_exports__, "AudioCodec", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["AudioCodec"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "MovieSettings")) __webpack_require__.d(__webpack_exports__, "MovieSettings", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["MovieSettings"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "FootageLayer")) __webpack_require__.d(__webpack_exports__, "FootageLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["FootageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "VerticalAlignment")) __webpack_require__.d(__webpack_exports__, "VerticalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["VerticalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "HorizontalAlignment")) __webpack_require__.d(__webpack_exports__, "HorizontalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["HorizontalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "TextContext")) __webpack_require__.d(__webpack_exports__, "TextContext", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["TextContext"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "SceneNode")) __webpack_require__.d(__webpack_exports__, "SceneNode", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["SceneNode"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "SCALEMODE")) __webpack_require__.d(__webpack_exports__, "SCALEMODE", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["SCALEMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Item")) __webpack_require__.d(__webpack_exports__, "Item", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Item"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "TransformableLayer")) __webpack_require__.d(__webpack_exports__, "TransformableLayer", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["TransformableLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "SceneType")) __webpack_require__.d(__webpack_exports__, "SceneType", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["SceneType"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Fade")) __webpack_require__.d(__webpack_exports__, "Fade", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Fade"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "CrossFade")) __webpack_require__.d(__webpack_exports__, "CrossFade", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["CrossFade"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "LinearWipe")) __webpack_require__.d(__webpack_exports__, "LinearWipe", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["LinearWipe"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "LinearPush")) __webpack_require__.d(__webpack_exports__, "LinearPush", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["LinearPush"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "GaussianBlur")) __webpack_require__.d(__webpack_exports__, "GaussianBlur", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["GaussianBlur"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "DirectionalBlur")) __webpack_require__.d(__webpack_exports__, "DirectionalBlur", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["DirectionalBlur"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Saturation")) __webpack_require__.d(__webpack_exports__, "Saturation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Saturation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Flip")) __webpack_require__.d(__webpack_exports__, "Flip", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Flip"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "TextMask")) __webpack_require__.d(__webpack_exports__, "TextMask", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["TextMask"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "SlideInAnimation")) __webpack_require__.d(__webpack_exports__, "SlideInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["SlideInAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "SlideOutAnimation")) __webpack_require__.d(__webpack_exports__, "SlideOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["SlideOutAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "FadeInAnimation")) __webpack_require__.d(__webpack_exports__, "FadeInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["FadeInAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "FadeOutAnimation")) __webpack_require__.d(__webpack_exports__, "FadeOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["FadeOutAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "ZoomInAnimation")) __webpack_require__.d(__webpack_exports__, "ZoomInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["ZoomInAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "ZoomOutAnimation")) __webpack_require__.d(__webpack_exports__, "ZoomOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["ZoomOutAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "KenBurnsAnimation")) __webpack_require__.d(__webpack_exports__, "KenBurnsAnimation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["KenBurnsAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "CustomAnimation")) __webpack_require__.d(__webpack_exports__, "CustomAnimation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["CustomAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "TypewriterAnimation")) __webpack_require__.d(__webpack_exports__, "TypewriterAnimation", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["TypewriterAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "removePropFromContexts")) __webpack_require__.d(__webpack_exports__, "removePropFromContexts", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["removePropFromContexts"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "FontSource")) __webpack_require__.d(__webpack_exports__, "FontSource", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["FontSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "OverflowBehavior")) __webpack_require__.d(__webpack_exports__, "OverflowBehavior", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["OverflowBehavior"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_3__layers__, "Scene")) __webpack_require__.d(__webpack_exports__, "Scene", function() { return __WEBPACK_IMPORTED_MODULE_3__layers__["Scene"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Composition", function() { return __WEBPACK_IMPORTED_MODULE_4__composition__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__project__ = __webpack_require__("./src/@fx/model/project.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Project", function() { return __WEBPACK_IMPORTED_MODULE_5__project__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__movie__ = __webpack_require__("./src/@fx/model/movie.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Movie", function() { return __WEBPACK_IMPORTED_MODULE_6__movie__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "VideoCodec", function() { return __WEBPACK_IMPORTED_MODULE_6__movie__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "AudioCodec", function() { return __WEBPACK_IMPORTED_MODULE_6__movie__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SceneNode", function() { return __WEBPACK_IMPORTED_MODULE_6__movie__["d"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__tag__ = __webpack_require__("./src/@fx/model/tag.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__animation__ = __webpack_require__("./src/@fx/model/animation/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "TrackType", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "TrackPoint", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Animation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["i"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "MotionTracker", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["j"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SlideInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SlideOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FadeInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["g"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FadeOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["k"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "ZoomInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["f"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "ZoomOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["l"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "KenBurnsAnimation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["m"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "CustomAnimation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["n"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "TypewriterAnimation", function() { return __WEBPACK_IMPORTED_MODULE_8__animation__["o"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__effects__ = __webpack_require__("./src/@fx/model/effects/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Effect", function() { return __WEBPACK_IMPORTED_MODULE_9__effects__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "CornerPin", function() { return __WEBPACK_IMPORTED_MODULE_9__effects__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "GaussianBlur", function() { return __WEBPACK_IMPORTED_MODULE_9__effects__["f"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "DirectionalBlur", function() { return __WEBPACK_IMPORTED_MODULE_9__effects__["g"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Saturation", function() { return __WEBPACK_IMPORTED_MODULE_9__effects__["h"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Flip", function() { return __WEBPACK_IMPORTED_MODULE_9__effects__["i"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "TextMask", function() { return __WEBPACK_IMPORTED_MODULE_9__effects__["j"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__ae__ = __webpack_require__("./src/@fx/model/ae/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "AEDataConverter", function() { return __WEBPACK_IMPORTED_MODULE_10__ae__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__transitions__ = __webpack_require__("./src/@fx/model/transitions/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Fade", function() { return __WEBPACK_IMPORTED_MODULE_11__transitions__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "CrossFade", function() { return __WEBPACK_IMPORTED_MODULE_11__transitions__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "LinearWipe", function() { return __WEBPACK_IMPORTED_MODULE_11__transitions__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "LinearPush", function() { return __WEBPACK_IMPORTED_MODULE_11__transitions__["e"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__scene__ = __webpack_require__("./src/@fx/model/scene.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SceneType", function() { return __WEBPACK_IMPORTED_MODULE_12__scene__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Scene", function() { return __WEBPACK_IMPORTED_MODULE_12__scene__["b"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FootageItem", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "AssetSource", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "RemoteSource", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "ItemType", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SolidSource", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["e"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FontItem", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["f"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FolderItem", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["h"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "NullItem", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["i"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "DummyItem", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["l"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Item", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["k"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FontSource", function() { return __WEBPACK_IMPORTED_MODULE_13__item__["m"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__asset__ = __webpack_require__("./src/@fx/model/asset.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__asset___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_14__asset__);
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "BLENDMODE")) __webpack_require__.d(__webpack_exports__, "BLENDMODE", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["BLENDMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "Matte")) __webpack_require__.d(__webpack_exports__, "Matte", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["Matte"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "AVLayer")) __webpack_require__.d(__webpack_exports__, "AVLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["AVLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "NullLayer")) __webpack_require__.d(__webpack_exports__, "NullLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["NullLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "ShapeLayer")) __webpack_require__.d(__webpack_exports__, "ShapeLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["ShapeLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "TextLayer")) __webpack_require__.d(__webpack_exports__, "TextLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["TextLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "SolidLayer")) __webpack_require__.d(__webpack_exports__, "SolidLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["SolidLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "FXService")) __webpack_require__.d(__webpack_exports__, "FXService", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["FXService"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "SDLEncoder")) __webpack_require__.d(__webpack_exports__, "SDLEncoder", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["SDLEncoder"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "Layer")) __webpack_require__.d(__webpack_exports__, "Layer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["Layer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "CompLayer")) __webpack_require__.d(__webpack_exports__, "CompLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["CompLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "LayerPosition")) __webpack_require__.d(__webpack_exports__, "LayerPosition", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["LayerPosition"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "AudioLayer")) __webpack_require__.d(__webpack_exports__, "AudioLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["AudioLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "ImageLayer")) __webpack_require__.d(__webpack_exports__, "ImageLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["ImageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "VideoLayer")) __webpack_require__.d(__webpack_exports__, "VideoLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["VideoLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "Mask")) __webpack_require__.d(__webpack_exports__, "Mask", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["Mask"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "FXShape")) __webpack_require__.d(__webpack_exports__, "FXShape", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["FXShape"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "MovieSettings")) __webpack_require__.d(__webpack_exports__, "MovieSettings", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["MovieSettings"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "FootageLayer")) __webpack_require__.d(__webpack_exports__, "FootageLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["FootageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "VerticalAlignment")) __webpack_require__.d(__webpack_exports__, "VerticalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["VerticalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "HorizontalAlignment")) __webpack_require__.d(__webpack_exports__, "HorizontalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["HorizontalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "TextContext")) __webpack_require__.d(__webpack_exports__, "TextContext", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["TextContext"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "SCALEMODE")) __webpack_require__.d(__webpack_exports__, "SCALEMODE", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["SCALEMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "TransformableLayer")) __webpack_require__.d(__webpack_exports__, "TransformableLayer", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["TransformableLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "removePropFromContexts")) __webpack_require__.d(__webpack_exports__, "removePropFromContexts", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["removePropFromContexts"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_14__asset__, "OverflowBehavior")) __webpack_require__.d(__webpack_exports__, "OverflowBehavior", function() { return __WEBPACK_IMPORTED_MODULE_14__asset__["OverflowBehavior"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__fx_asset__ = __webpack_require__("./src/@fx/model/fx/asset.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__fx_asset___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_15__fx_asset__);
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "BLENDMODE")) __webpack_require__.d(__webpack_exports__, "BLENDMODE", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["BLENDMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "Matte")) __webpack_require__.d(__webpack_exports__, "Matte", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["Matte"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "AVLayer")) __webpack_require__.d(__webpack_exports__, "AVLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["AVLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "NullLayer")) __webpack_require__.d(__webpack_exports__, "NullLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["NullLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "ShapeLayer")) __webpack_require__.d(__webpack_exports__, "ShapeLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["ShapeLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "TextLayer")) __webpack_require__.d(__webpack_exports__, "TextLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["TextLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "SolidLayer")) __webpack_require__.d(__webpack_exports__, "SolidLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["SolidLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "FXService")) __webpack_require__.d(__webpack_exports__, "FXService", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["FXService"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "SDLEncoder")) __webpack_require__.d(__webpack_exports__, "SDLEncoder", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["SDLEncoder"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "Layer")) __webpack_require__.d(__webpack_exports__, "Layer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["Layer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "CompLayer")) __webpack_require__.d(__webpack_exports__, "CompLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["CompLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "LayerPosition")) __webpack_require__.d(__webpack_exports__, "LayerPosition", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["LayerPosition"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "AudioLayer")) __webpack_require__.d(__webpack_exports__, "AudioLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["AudioLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "ImageLayer")) __webpack_require__.d(__webpack_exports__, "ImageLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["ImageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "VideoLayer")) __webpack_require__.d(__webpack_exports__, "VideoLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["VideoLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "Mask")) __webpack_require__.d(__webpack_exports__, "Mask", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["Mask"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "FXShape")) __webpack_require__.d(__webpack_exports__, "FXShape", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["FXShape"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "MovieSettings")) __webpack_require__.d(__webpack_exports__, "MovieSettings", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["MovieSettings"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "FootageLayer")) __webpack_require__.d(__webpack_exports__, "FootageLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["FootageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "VerticalAlignment")) __webpack_require__.d(__webpack_exports__, "VerticalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["VerticalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "HorizontalAlignment")) __webpack_require__.d(__webpack_exports__, "HorizontalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["HorizontalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "TextContext")) __webpack_require__.d(__webpack_exports__, "TextContext", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["TextContext"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "SCALEMODE")) __webpack_require__.d(__webpack_exports__, "SCALEMODE", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["SCALEMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "TransformableLayer")) __webpack_require__.d(__webpack_exports__, "TransformableLayer", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["TransformableLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "removePropFromContexts")) __webpack_require__.d(__webpack_exports__, "removePropFromContexts", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["removePropFromContexts"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_15__fx_asset__, "OverflowBehavior")) __webpack_require__.d(__webpack_exports__, "OverflowBehavior", function() { return __WEBPACK_IMPORTED_MODULE_15__fx_asset__["OverflowBehavior"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__fx_api__ = __webpack_require__("./src/@fx/model/fx/api.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FXService", function() { return __WEBPACK_IMPORTED_MODULE_16__fx_api__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__sdl__ = __webpack_require__("./src/@fx/model/sdl/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SDLEncoder", function() { return __WEBPACK_IMPORTED_MODULE_17__sdl__["a"]; });


















//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/model/item/compitem.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__project__ = __webpack_require__("./src/@fx/model/project.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__itemtype__ = __webpack_require__("./src/@fx/model/item/itemtype.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__item__ = __webpack_require__("./src/@fx/model/item/item.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CompItem; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
/**
 * CompItem
 *
 * Must be in own file due to recursive includes with implementation
 */




var CompItem = (function (_super) {
    __extends(CompItem, _super);
    function CompItem(prj) {
        var _this = _super.call(this, prj) || this;
        _this.type = __WEBPACK_IMPORTED_MODULE_2__itemtype__["a" /* ItemType */].Composition;
        return _this;
    }
    return CompItem;
}(__WEBPACK_IMPORTED_MODULE_3__item__["d" /* AVItem */]));
CompItem = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__project__["a" /* Project */]) === "function" && _a || Object])
], CompItem);

var _a;
//# sourceMappingURL=compitem.js.map

/***/ }),

/***/ "./src/@fx/model/item/fontitem.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__project__ = __webpack_require__("./src/@fx/model/project.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__itemtype__ = __webpack_require__("./src/@fx/model/item/itemtype.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__item__ = __webpack_require__("./src/@fx/model/item/item.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__source__ = __webpack_require__("./src/@fx/model/item/source.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FontItem; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
/**
 * CompItem
 *
 * Must be in own file due to recursive includes with implementation
 */





var FontItem = (function (_super) {
    __extends(FontItem, _super);
    function FontItem(prj, source) {
        var _this = _super.call(this, prj) || this;
        _this.type = __WEBPACK_IMPORTED_MODULE_2__itemtype__["a" /* ItemType */].Font;
        _this.source = source;
        return _this;
    }
    FontItem.prototype.name = function () {
        return this.source.name();
    };
    Object.defineProperty(FontItem.prototype, "uid", {
        // get family() {
        //     return this.nameTable.fontFamily.en;
        // }
        // get subFamily() {
        //     return this.nameTable.fontSubfamily.en;
        // }
        get: function () {
            return this.source.name();
        },
        enumerable: true,
        configurable: true
    });
    return FontItem;
}(__WEBPACK_IMPORTED_MODULE_3__item__["c" /* Item */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__source__["d" /* FontSource */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__source__["d" /* FontSource */]) === "function" && _a || Object)
], FontItem.prototype, "source", void 0);
FontItem = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__project__["a" /* Project */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__source__["d" /* FontSource */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__source__["d" /* FontSource */]) === "function" && _c || Object])
], FontItem);

var _a, _b, _c;
//# sourceMappingURL=fontitem.js.map

/***/ }),

/***/ "./src/@fx/model/item/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__itemtype__ = __webpack_require__("./src/@fx/model/item/itemtype.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_0__itemtype__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__source__ = __webpack_require__("./src/@fx/model/item/source.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__source__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__source__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_1__source__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "m", function() { return __WEBPACK_IMPORTED_MODULE_1__source__["d"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__item__ = __webpack_require__("./src/@fx/model/item/item.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_2__item__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_2__item__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_2__item__["e"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "j", function() { return __WEBPACK_IMPORTED_MODULE_2__item__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "k", function() { return __WEBPACK_IMPORTED_MODULE_2__item__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "l", function() { return __WEBPACK_IMPORTED_MODULE_2__item__["f"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__compitem__ = __webpack_require__("./src/@fx/model/item/compitem.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_3__compitem__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fontitem__ = __webpack_require__("./src/@fx/model/item/fontitem.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_4__fontitem__["a"]; });





//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/model/item/item.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__itemtype__ = __webpack_require__("./src/@fx/model/item/itemtype.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__project__ = __webpack_require__("./src/@fx/model/project.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return Item; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return FolderItem; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return AVItem; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return DummyItem; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return NullItem; });
/* unused harmony export ShapeItem */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FootageItem; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/*
export interface Playable {
    time: number;
    numframes: number;
}
*/
var Item = (function () {
    function Item(prj) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.tagcolor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"](255, 0, 0, 255);
        this.open = false;
        this.onRendered = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]();
        this.project = prj;
        this.change = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]();
    }
    Item.prototype.name = function (name) {
        if (name)
            this._name = name;
        return this._name;
    };
    Item.prototype.moveTo = function (folder) {
        if (!(this instanceof FolderItem && this.folder.find(function (item) { return item == folder; }))) {
            this.folder.remove(this);
            folder.add(this);
        }
        else {
            console.warn("Cannot move folder to own child");
        }
    };
    Item.prototype.select = function () {
        this.selected = true;
    };
    Item.prototype.unselect = function () {
        this.selected = false;
    };
    Item.prototype.container = function () {
        return this.project;
    };
    return Item;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", Object)
], Item.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Project", { weak: true }),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */]) === "function" && _a || Object)
], Item.prototype, "project", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("FolderItem", { weak: true }),
    __metadata("design:type", FolderItem)
], Item.prototype, "folder", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], Item.prototype, "_name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__itemtype__["a" /* ItemType */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__itemtype__["a" /* ItemType */]) === "function" && _b || Object)
], Item.prototype, "type", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _c || Object)
], Item.prototype, "tagcolor", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Item.prototype, "open", void 0);
Item = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */]) === "function" && _d || Object])
], Item);

;
var FolderItem = FolderItem_1 = (function (_super) {
    __extends(FolderItem, _super);
    function FolderItem(prj, name) {
        var _this = _super.call(this, prj) || this;
        /**
         * items in  this folder
         */
        _this.items = new Array();
        _this.type = __WEBPACK_IMPORTED_MODULE_2__itemtype__["a" /* ItemType */].Folder;
        _this._name = name;
        return _this;
    }
    FolderItem.prototype.all = function () {
        return this.findAll(function () { return true; });
    };
    FolderItem.prototype.add = function (item) {
        item.folder = this;
        this.items.push(item);
    };
    FolderItem.prototype.remove = function (item) {
        var idx = this.items.indexOf(item);
        if (idx != -1) {
            this.items.splice(idx, 1);
            item.folder = null;
        }
        else
            console.warn("Folder", this._name, "remove", item, "not found");
    };
    /**
     * recursively find items in this folder and sub-folders
     */
    FolderItem.prototype.findAll = function (predicate, items, results) {
        items = items || this.items;
        results = results || [];
        for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
            var item = items_1[_i];
            if (predicate(item))
                results.push(item);
            if (item instanceof FolderItem_1)
                this.findAll(predicate, item.items, results);
        }
        return results;
    };
    FolderItem.prototype.find = function (predicate, items) {
        items = items || this.items;
        var found = null;
        for (var _i = 0, items_2 = items; _i < items_2.length; _i++) {
            var item = items_2[_i];
            if (predicate(item))
                return item;
            if (item instanceof FolderItem_1)
                found = this.find(predicate, item.items);
        }
        return found;
    };
    return FolderItem;
}(Item));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], FolderItem.prototype, "items", void 0);
FolderItem = FolderItem_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */]) === "function" && _e || Object, String])
], FolderItem);

var AVItem = (function (_super) {
    __extends(AVItem, _super);
    function AVItem() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    return AVItem;
}(Item));
AVItem = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], AVItem);

var DummyItem = (function (_super) {
    __extends(DummyItem, _super);
    function DummyItem(prj, name) {
        var _this = _super.call(this, prj) || this;
        _this.width = 0;
        _this.height = 0;
        _this.numframes = -1;
        _this.frame = 0;
        _this.framerate = null;
        _this._name = name;
        return _this;
    }
    return DummyItem;
}(AVItem));
DummyItem = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */]) === "function" && _f || Object, String])
], DummyItem);

var NullItem = (function (_super) {
    __extends(NullItem, _super);
    function NullItem(prj, duration) {
        var _this = _super.call(this, prj) || this;
        _this.width = 0;
        _this.height = 0;
        _this.numframes = 0;
        _this.frame = 0;
        _this.framerate = null;
        _this._name = "Null Object";
        _this.numframes = duration;
        return _this;
    }
    return NullItem;
}(AVItem));
NullItem = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */]) === "function" && _g || Object, Number])
], NullItem);

var ShapeItem = (function (_super) {
    __extends(ShapeItem, _super);
    function ShapeItem(prj) {
        var _this = _super.call(this, prj, "ShapeItem") || this;
        _this.tagcolor = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].fromString("#ff00ff");
        return _this;
    }
    return ShapeItem;
}(DummyItem));

var FootageItem = (function (_super) {
    __extends(FootageItem, _super);
    function FootageItem(prj, source) {
        var _this = _super.call(this, prj) || this;
        _this.frame = 0;
        _this.source = source;
        if (source)
            _this.type = source.type;
        return _this;
    }
    FootageItem.prototype.name = function () {
        return this.source.name();
    };
    Object.defineProperty(FootageItem.prototype, "width", {
        get: function () { return this.source.width(); },
        enumerable: true,
        configurable: true
    });
    ;
    Object.defineProperty(FootageItem.prototype, "height", {
        get: function () { return this.source.height(); },
        enumerable: true,
        configurable: true
    });
    ;
    Object.defineProperty(FootageItem.prototype, "numframes", {
        get: function () { return this.source.numframes(); },
        enumerable: true,
        configurable: true
    });
    ;
    Object.defineProperty(FootageItem.prototype, "framerate", {
        get: function () { return this.source.framerate(); },
        enumerable: true,
        configurable: true
    });
    ;
    return FootageItem;
}(AVItem));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("FootageSource"),
    __metadata("design:type", Object)
], FootageItem.prototype, "source", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], FootageItem.prototype, "frame", void 0);
FootageItem = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__project__["a" /* Project */]) === "function" && _h || Object, Object])
], FootageItem);

var _a, _b, _c, _d, FolderItem_1, _e, _f, _g, _h;
//# sourceMappingURL=item.js.map

/***/ }),

/***/ "./src/@fx/model/item/itemtype.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ItemType; });
var ItemType;
(function (ItemType) {
    ItemType[ItemType["Folder"] = 0] = "Folder";
    ItemType[ItemType["Solid"] = 1] = "Solid";
    ItemType[ItemType["Asset"] = 2] = "Asset";
    ItemType[ItemType["Image"] = 3] = "Image";
    ItemType[ItemType["Video"] = 4] = "Video";
    ItemType[ItemType["Audio"] = 5] = "Audio";
    ItemType[ItemType["Composition"] = 6] = "Composition";
    ItemType[ItemType["Shape"] = 7] = "Shape";
    ItemType[ItemType["Adjustment"] = 8] = "Adjustment";
    ItemType[ItemType["Null"] = 9] = "Null";
    ItemType[ItemType["Text"] = 10] = "Text";
    ItemType[ItemType["Font"] = 11] = "Font";
    ItemType[ItemType["DynamicMovie"] = 12] = "DynamicMovie";
})(ItemType || (ItemType = {}));
//# sourceMappingURL=itemtype.js.map

/***/ }),

/***/ "./src/@fx/model/item/source.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__framerate__ = __webpack_require__("./src/@fx/model/framerate.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__variables__ = __webpack_require__("./src/@fx/model/variables.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_asset__ = __webpack_require__("./src/@fx/model/fx/asset.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_asset___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__fx_asset__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__itemtype__ = __webpack_require__("./src/@fx/model/item/itemtype.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_ntc__ = __webpack_require__("./node_modules/ntc/ntc.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_ntc___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_ntc__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return SolidSource; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AssetSource; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return RemoteSource; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return FontSource; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





//var ntc = require("ntc");

var SolidSource = (function () {
    function SolidSource(clr, width, height, name) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.color = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"](0, 0, 0, 0);
        this.type = __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */].Solid;
        this.color = clr;
        this._width = width;
        this._height = height;
        this.init();
    }
    SolidSource.prototype.init = function () {
        if (name)
            this._name = name;
        else if (this.color && !this._name)
            this._name = this.computeName(this.color);
    };
    SolidSource.prototype.computeName = function (color) {
        var n_match = __WEBPACK_IMPORTED_MODULE_5_ntc__["name"](color.rgb);
        return n_match[1] + " Solid";
    };
    SolidSource.prototype.name = function () {
        return this._name;
    };
    SolidSource.prototype.width = function () { return this._width; };
    ;
    SolidSource.prototype.height = function () { return this._height; };
    ;
    SolidSource.prototype.numframes = function () { return -1; };
    ;
    SolidSource.prototype.framerate = function () { return null; };
    ;
    return SolidSource;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], SolidSource.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Color"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _a || Object)
], SolidSource.prototype, "color", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */]) === "function" && _b || Object)
], SolidSource.prototype, "type", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], SolidSource.prototype, "_name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], SolidSource.prototype, "_width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], SolidSource.prototype, "_height", void 0);
SolidSource = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _c || Object, Number, Number, String])
], SolidSource);

var AssetSource = (function () {
    function AssetSource(asset) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        if (asset) {
            this.type = asset.type;
            this._url = asset.url;
            this.location = new __WEBPACK_IMPORTED_MODULE_2__variables__["b" /* FileLocation */](__WEBPACK_IMPORTED_MODULE_2__variables__["c" /* SourceAccessMode */].LOCAL, asset.Name, null);
            this._width = asset.Width;
            this._height = asset.Height;
            this._numframes = asset.Numframes;
            if (asset.Fps)
                this._framerate = new __WEBPACK_IMPORTED_MODULE_1__framerate__["a" /* Framerate */](asset.Fps[0], asset.Fps[1]);
        }
        else {
            this._width = 100;
            this._height = 100;
            this._numframes = 1;
            this.location = new __WEBPACK_IMPORTED_MODULE_2__variables__["b" /* FileLocation */](__WEBPACK_IMPORTED_MODULE_2__variables__["c" /* SourceAccessMode */].LOCAL, "unknown?", null);
        }
    }
    AssetSource.prototype.name = function () {
        return this.location.name();
    };
    AssetSource.prototype.url = function () {
        return this._url;
        //"http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4";
    };
    // get uid() {
    //     return this.fxasset.Uid;
    // }
    AssetSource.prototype.width = function () { return this._width; };
    ;
    AssetSource.prototype.height = function () { return this._height; };
    ;
    AssetSource.prototype.numframes = function () { return this._numframes; };
    ;
    AssetSource.prototype.framerate = function () { return this._framerate; };
    ;
    return AssetSource;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], AssetSource.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */]) === "function" && _d || Object)
], AssetSource.prototype, "type", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("FileLocation"),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__variables__["b" /* FileLocation */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__variables__["b" /* FileLocation */]) === "function" && _e || Object)
], AssetSource.prototype, "location", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], AssetSource.prototype, "_width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], AssetSource.prototype, "_height", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], AssetSource.prototype, "_numframes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__framerate__["a" /* Framerate */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__framerate__["a" /* Framerate */]) === "function" && _f || Object)
], AssetSource.prototype, "_framerate", void 0);
AssetSource = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_3__fx_asset__["FXAsset"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_asset__["FXAsset"]) === "function" && _g || Object])
], AssetSource);

var RemoteSource = (function () {
    function RemoteSource(type, location, width, height) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.type = __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */].Asset;
        this._width = 0;
        this._height = 0;
        this.type = type;
        this.location = location;
        this._width = width;
        this._height = height;
    }
    RemoteSource.prototype.name = function () {
        return this.location.name();
    };
    RemoteSource.prototype.url = function () {
        return this.location.path;
    };
    RemoteSource.prototype.width = function () { return this._width; };
    ;
    RemoteSource.prototype.height = function () { return this._height; };
    ;
    RemoteSource.prototype.numframes = function () { return -1; };
    ;
    RemoteSource.prototype.framerate = function () { return new __WEBPACK_IMPORTED_MODULE_1__framerate__["a" /* Framerate */](1, 1); };
    ;
    return RemoteSource;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], RemoteSource.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */]) === "function" && _h || Object)
], RemoteSource.prototype, "type", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("FileLocation"),
    __metadata("design:type", typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_2__variables__["b" /* FileLocation */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__variables__["b" /* FileLocation */]) === "function" && _j || Object)
], RemoteSource.prototype, "location", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], RemoteSource.prototype, "_width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], RemoteSource.prototype, "_height", void 0);
RemoteSource = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__itemtype__["a" /* ItemType */]) === "function" && _k || Object, typeof (_l = typeof __WEBPACK_IMPORTED_MODULE_2__variables__["b" /* FileLocation */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__variables__["b" /* FileLocation */]) === "function" && _l || Object, Number, Number])
], RemoteSource);

var FontSource = (function (_super) {
    __extends(FontSource, _super);
    function FontSource() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    return FontSource;
}(AssetSource));

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
//# sourceMappingURL=source.js.map

/***/ }),

/***/ "./src/@fx/model/layers/avlayer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__layer__ = __webpack_require__("./src/@fx/model/layers/layer.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__matte__ = __webpack_require__("./src/@fx/model/layers/matte.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return BLENDMODE; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return SCALEMODE; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return AVLayer; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var BLENDMODE;
(function (BLENDMODE) {
    BLENDMODE[BLENDMODE["normal"] = 0] = "normal";
    BLENDMODE[BLENDMODE["multiply"] = 1] = "multiply";
    BLENDMODE[BLENDMODE["screen"] = 2] = "screen";
    BLENDMODE[BLENDMODE["overlay"] = 3] = "overlay";
    BLENDMODE[BLENDMODE["softlight"] = 4] = "softlight";
    BLENDMODE[BLENDMODE["hardlight"] = 5] = "hardlight";
})(BLENDMODE || (BLENDMODE = {}));
var SCALEMODE;
(function (SCALEMODE) {
    SCALEMODE[SCALEMODE["none"] = 0] = "none";
    SCALEMODE[SCALEMODE["crop"] = 1] = "crop";
    SCALEMODE[SCALEMODE["letterbox"] = 2] = "letterbox";
})(SCALEMODE || (SCALEMODE = {}));
var AVLayer = (function (_super) {
    __extends(AVLayer, _super);
    function AVLayer(comp, item) {
        var _this = _super.call(this, comp, item ? item.name() : "AVLayer") || this;
        _this.onRendered = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        _this.pastepos = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](0, 0);
        _this.linkedScale = true;
        _this.blendmode = BLENDMODE.normal;
        _this.scaling = SCALEMODE.none;
        _this.contentoffset = 0;
        _this.motionblur$ = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"](_this, _this, 100);
        _this.trackmatte = null;
        _this.enableTransform = true;
        _this.initialized = false;
        _this.item = item;
        _this.groups = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"](_this, "Layer Properties Group");
        _this.effectGroup = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"](_this.groups, "Effects");
        _this.animationGroup = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"](_this.groups, "Animations");
        _this.trackerGroup = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"](_this.groups, "Motion Tracker");
        _this.maskGroup = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"](_this.groups, "Masks");
        _this.transformGroup = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"](_this.groups, "Transform");
        _this.anchor$ = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"](_this, _this.transformGroup, new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](0, 0));
        _this.position$ = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"](_this, _this.transformGroup, new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](0, 0));
        _this.scale$ = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"](_this, _this.transformGroup, new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](100, 100));
        _this.rotate$ = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"](_this, _this.transformGroup, 0);
        _this.opacity$ = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"](_this, _this.transformGroup, 0);
        _this.transformGroup.group.push(_this.anchor$, _this.position$, _this.scale$, _this.rotate$, _this.opacity$);
        _this.groups.group.push(_this.transformGroup, _this.effectGroup, _this.animationGroup, _this.trackerGroup, _this.maskGroup);
        _this.opacity = 100;
        if (_this.item) {
            _this.width = _this.item.width;
            _this.height = _this.item.height;
            if (_this.item.numframes == -1 && _this.numframes == -1) {
                _this.numframes = _this.comp.numframes;
            }
            else {
                _this.numframes = _this.item.numframes;
            }
        }
        _this.init();
        return _this;
    }
    AVLayer.prototype.init = function () {
        var _this = this;
        _super.prototype.init.call(this);
        setTimeout(function () {
            _this.last = {
                position: new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](_this.position),
                scale: new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](_this.scale),
                anchor: new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](_this.anchor),
                rotate: _this.rotate,
                opacity: _this.opacity,
            };
            _this.change.subscribe(function (changed) {
                if (changed) {
                    var changes = {};
                    if (!_this.position.equal(_this.last.position)) {
                        changes.position = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["e" /* SimpleChange */](_this.last.position, _this.position, true);
                    }
                    if (!_this.scale.equal(_this.last.scale)) {
                        changes.scale = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["e" /* SimpleChange */](_this.last.scale, _this.scale, true);
                    }
                    if (!_this.anchor.equal(_this.last.anchor)) {
                        changes.anchor = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["e" /* SimpleChange */](_this.last.anchor, _this.anchor, true);
                    }
                    if (_this.rotate != _this.last.rotate) {
                        changes.rotate = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["e" /* SimpleChange */](_this.last.rotate, _this.rotate, true);
                    }
                    if (_this.opacity != _this.last.opacity) {
                        changes.opacity = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["e" /* SimpleChange */](_this.last.opacity, _this.opacity, true);
                    }
                    _this.changes.next(changes);
                    _this.last.anchor.set(_this.anchor);
                    _this.last.position.set(_this.position);
                    _this.last.scale.set(_this.scale);
                    _this.last.rotate = _this.rotate;
                    _this.last.opacity = _this.opacity;
                }
            });
        });
        this.initialized = true;
    };
    AVLayer.prototype.destroy = function () {
        _super.prototype.destroy.call(this);
        this.anchor$.destroy();
        this.position$.destroy();
        this.rotate$.destroy();
        this.scale$.destroy();
        this.motionblur$.destroy();
        this.onRendered.complete();
    };
    AVLayer.prototype.getContainer = function (name) {
        if (name == this.groups.name)
            return this.groups;
        return this.groups.group.find(function (g) { return g.name == name; });
    };
    Object.defineProperty(AVLayer.prototype, "out", {
        get: function () {
            return this.offset + this.numframes - 1;
        },
        set: function (frame) {
            this.numframes = frame - this.offset + 1;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AVLayer.prototype, "frame", {
        get: function () {
            return this.comp.frame;
        },
        set: function (frame) {
            this.comp.frame = frame;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AVLayer.prototype, "tagcolor", {
        get: function () {
            return this.item ? this.item.tagcolor : this._tagcolor;
        },
        set: function (color) {
            if (this.item)
                this.item.tagcolor = color;
            else
                this._tagcolor = color;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AVLayer.prototype, "masks", {
        get: function () {
            return this.maskGroup.group;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AVLayer.prototype, "trackers", {
        get: function () {
            return this.trackerGroup.group;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AVLayer.prototype, "effects", {
        get: function () {
            return this.effectGroup.group;
        },
        set: function (fx) {
            this.effectGroup.group = fx;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AVLayer.prototype, "animations", {
        get: function () {
            return this.animationGroup.group;
        },
        set: function (fx) {
            this.animationGroup.group = fx;
        },
        enumerable: true,
        configurable: true
    });
    /*
        name() {
            if(this.item && this.item.name)
                return this.item.name();
            return super.name();
        }
    */
    AVLayer.prototype.reset = function () {
        this.anchor.x = 0;
        this.anchor.y = 0;
        this.position.x = 0;
        this.position.y = 0;
        this.scale.x = 100.0;
        this.scale.y = 100.0;
        this.rotate = 0;
        this.opacity = 100;
    };
    AVLayer.prototype.size = function () {
        var w = 0, h = 0;
        if (this.parent) {
            var parent = this.comp.findLayer(this.parent);
            if (parent) {
                w = parent.size().width;
                h = parent.size().height;
            }
        }
        // return new Size(this.width + w, this.height + h);
        return new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Size"](this.width, this.height);
    };
    AVLayer.prototype.pos = function () {
        var x = this.pastepos.x, y = this.pastepos.y;
        var parent = this.comp.findLayer(this.parent);
        if (parent) {
            x = parent.pos().x;
            y = parent.pos().y;
        }
        return new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](this.position.x + x, this.position.y + y);
    };
    return AVLayer;
}(__WEBPACK_IMPORTED_MODULE_5__layer__["a" /* Layer */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])("AVItem", { weak: true }),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__item__["j" /* AVItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__item__["j" /* AVItem */]) === "function" && _a || Object)
], AVLayer.prototype, "item", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], AVLayer.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], AVLayer.prototype, "height", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])("Point"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]) === "function" && _b || Object)
], AVLayer.prototype, "pastepos", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"]) === "function" && _c || Object)
], AVLayer.prototype, "anchor$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["AnimatableValue"])('anchor$'),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]) === "function" && _d || Object)
], AVLayer.prototype, "anchor", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"]) === "function" && _e || Object)
], AVLayer.prototype, "position$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["AnimatableValue"])('position$'),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]) === "function" && _f || Object)
], AVLayer.prototype, "position", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"]) === "function" && _g || Object)
], AVLayer.prototype, "scale$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["AnimatableValue"])('scale$'),
    __metadata("design:type", typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]) === "function" && _h || Object)
], AVLayer.prototype, "scale", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", Boolean)
], AVLayer.prototype, "linkedScale", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"]) === "function" && _j || Object)
], AVLayer.prototype, "rotate$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["AnimatableValue"])('rotate$'),
    __metadata("design:type", Number)
], AVLayer.prototype, "rotate", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"]) === "function" && _k || Object)
], AVLayer.prototype, "opacity$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["AnimatableValue"])('opacity$'),
    __metadata("design:type", Number)
], AVLayer.prototype, "opacity", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], AVLayer.prototype, "blendmode", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], AVLayer.prototype, "scaling", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], AVLayer.prototype, "contentoffset", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", Boolean)
], AVLayer.prototype, "enableMotionBlur", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_l = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"]) === "function" && _l || Object)
], AVLayer.prototype, "motionblur$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["AnimatableValue"])('motionblur$'),
    __metadata("design:type", Number)
], AVLayer.prototype, "motionblur", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_m = typeof __WEBPACK_IMPORTED_MODULE_6__matte__["a" /* Matte */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__matte__["a" /* Matte */]) === "function" && _m || Object)
], AVLayer.prototype, "trackmatte", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])('SelectionGroup'),
    __metadata("design:type", typeof (_o = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"]) === "function" && _o || Object)
], AVLayer.prototype, "transformGroup", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])('SelectionGroup'),
    __metadata("design:type", typeof (_p = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"]) === "function" && _p || Object)
], AVLayer.prototype, "effectGroup", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])('SelectionGroup'),
    __metadata("design:type", typeof (_q = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"]) === "function" && _q || Object)
], AVLayer.prototype, "animationGroup", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])('SelectionGroup'),
    __metadata("design:type", typeof (_r = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"]) === "function" && _r || Object)
], AVLayer.prototype, "trackerGroup", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])('SelectionGroup'),
    __metadata("design:type", typeof (_s = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"]) === "function" && _s || Object)
], AVLayer.prototype, "maskGroup", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])('SelectionGroup'),
    __metadata("design:type", typeof (_t = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionGroup"]) === "function" && _t || Object)
], AVLayer.prototype, "groups", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], AVLayer.prototype, "enableTransform", void 0);
AVLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_u = typeof __WEBPACK_IMPORTED_MODULE_3__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__composition__["a" /* Composition */]) === "function" && _u || Object, typeof (_v = typeof __WEBPACK_IMPORTED_MODULE_4__item__["j" /* AVItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__item__["j" /* AVItem */]) === "function" && _v || Object])
], AVLayer);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
//# sourceMappingURL=avlayer.js.map

/***/ }),

/***/ "./src/@fx/model/layers/complayer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__avlayer__ = __webpack_require__("./src/@fx/model/layers/avlayer.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CompLayer; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var CompLayer = (function (_super) {
    __extends(CompLayer, _super);
    function CompLayer(comp, compref) {
        var _this = _super.call(this, comp, compref) || this;
        _this.comp = comp;
        _this.compref = compref;
        return _this;
    }
    CompLayer.prototype.hasAudio = function () { return false; };
    return CompLayer;
}(__WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Composition", { weak: true }),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _a || Object)
], CompLayer.prototype, "compref", void 0);
CompLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _c || Object])
], CompLayer);

var _a, _b, _c;
//# sourceMappingURL=complayer.js.map

/***/ }),

/***/ "./src/@fx/model/layers/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__transform__ = __webpack_require__("./src/@fx/model/layers/transform.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__transform___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__transform__);
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "BLENDMODE")) __webpack_require__.d(__webpack_exports__, "BLENDMODE", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["BLENDMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Matte")) __webpack_require__.d(__webpack_exports__, "Matte", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Matte"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "FootageItem")) __webpack_require__.d(__webpack_exports__, "FootageItem", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["FootageItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "AssetSource")) __webpack_require__.d(__webpack_exports__, "AssetSource", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["AssetSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "RemoteSource")) __webpack_require__.d(__webpack_exports__, "RemoteSource", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["RemoteSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "ItemType")) __webpack_require__.d(__webpack_exports__, "ItemType", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["ItemType"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "SolidSource")) __webpack_require__.d(__webpack_exports__, "SolidSource", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["SolidSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "FontItem")) __webpack_require__.d(__webpack_exports__, "FontItem", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["FontItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "TrackType")) __webpack_require__.d(__webpack_exports__, "TrackType", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["TrackType"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "TrackPoint")) __webpack_require__.d(__webpack_exports__, "TrackPoint", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["TrackPoint"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "AVLayer")) __webpack_require__.d(__webpack_exports__, "AVLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["AVLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Layer")) __webpack_require__.d(__webpack_exports__, "Layer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Layer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "AudioLayer")) __webpack_require__.d(__webpack_exports__, "AudioLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["AudioLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "NullLayer")) __webpack_require__.d(__webpack_exports__, "NullLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["NullLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "SCALEMODE")) __webpack_require__.d(__webpack_exports__, "SCALEMODE", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["SCALEMODE"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "SolidLayer")) __webpack_require__.d(__webpack_exports__, "SolidLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["SolidLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "ImageLayer")) __webpack_require__.d(__webpack_exports__, "ImageLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["ImageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "VideoLayer")) __webpack_require__.d(__webpack_exports__, "VideoLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["VideoLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "ShapeLayer")) __webpack_require__.d(__webpack_exports__, "ShapeLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["ShapeLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "CompLayer")) __webpack_require__.d(__webpack_exports__, "CompLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["CompLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "TextLayer")) __webpack_require__.d(__webpack_exports__, "TextLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["TextLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "HorizontalAlignment")) __webpack_require__.d(__webpack_exports__, "HorizontalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["HorizontalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "VerticalAlignment")) __webpack_require__.d(__webpack_exports__, "VerticalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["VerticalAlignment"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "OverflowBehavior")) __webpack_require__.d(__webpack_exports__, "OverflowBehavior", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["OverflowBehavior"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Composition")) __webpack_require__.d(__webpack_exports__, "Composition", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Composition"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Project")) __webpack_require__.d(__webpack_exports__, "Project", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Project"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Movie")) __webpack_require__.d(__webpack_exports__, "Movie", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Movie"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "FolderItem")) __webpack_require__.d(__webpack_exports__, "FolderItem", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["FolderItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "NullItem")) __webpack_require__.d(__webpack_exports__, "NullItem", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["NullItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "DummyItem")) __webpack_require__.d(__webpack_exports__, "DummyItem", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["DummyItem"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "FXService")) __webpack_require__.d(__webpack_exports__, "FXService", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["FXService"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "SDLEncoder")) __webpack_require__.d(__webpack_exports__, "SDLEncoder", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["SDLEncoder"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "AEDataConverter")) __webpack_require__.d(__webpack_exports__, "AEDataConverter", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["AEDataConverter"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Animation")) __webpack_require__.d(__webpack_exports__, "Animation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Animation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Effect")) __webpack_require__.d(__webpack_exports__, "Effect", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Effect"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "MotionTracker")) __webpack_require__.d(__webpack_exports__, "MotionTracker", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["MotionTracker"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "CornerPin")) __webpack_require__.d(__webpack_exports__, "CornerPin", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["CornerPin"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Mask")) __webpack_require__.d(__webpack_exports__, "Mask", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Mask"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "FXShape")) __webpack_require__.d(__webpack_exports__, "FXShape", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["FXShape"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "VideoCodec")) __webpack_require__.d(__webpack_exports__, "VideoCodec", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["VideoCodec"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "AudioCodec")) __webpack_require__.d(__webpack_exports__, "AudioCodec", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["AudioCodec"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "MovieSettings")) __webpack_require__.d(__webpack_exports__, "MovieSettings", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["MovieSettings"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "FootageLayer")) __webpack_require__.d(__webpack_exports__, "FootageLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["FootageLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "TextContext")) __webpack_require__.d(__webpack_exports__, "TextContext", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["TextContext"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "SceneNode")) __webpack_require__.d(__webpack_exports__, "SceneNode", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["SceneNode"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Item")) __webpack_require__.d(__webpack_exports__, "Item", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Item"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "TransformableLayer")) __webpack_require__.d(__webpack_exports__, "TransformableLayer", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["TransformableLayer"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "SceneType")) __webpack_require__.d(__webpack_exports__, "SceneType", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["SceneType"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Fade")) __webpack_require__.d(__webpack_exports__, "Fade", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Fade"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "CrossFade")) __webpack_require__.d(__webpack_exports__, "CrossFade", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["CrossFade"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "LinearWipe")) __webpack_require__.d(__webpack_exports__, "LinearWipe", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["LinearWipe"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "LinearPush")) __webpack_require__.d(__webpack_exports__, "LinearPush", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["LinearPush"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "GaussianBlur")) __webpack_require__.d(__webpack_exports__, "GaussianBlur", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["GaussianBlur"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "DirectionalBlur")) __webpack_require__.d(__webpack_exports__, "DirectionalBlur", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["DirectionalBlur"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Saturation")) __webpack_require__.d(__webpack_exports__, "Saturation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Saturation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Flip")) __webpack_require__.d(__webpack_exports__, "Flip", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Flip"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "TextMask")) __webpack_require__.d(__webpack_exports__, "TextMask", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["TextMask"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "SlideInAnimation")) __webpack_require__.d(__webpack_exports__, "SlideInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["SlideInAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "SlideOutAnimation")) __webpack_require__.d(__webpack_exports__, "SlideOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["SlideOutAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "FadeInAnimation")) __webpack_require__.d(__webpack_exports__, "FadeInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["FadeInAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "FadeOutAnimation")) __webpack_require__.d(__webpack_exports__, "FadeOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["FadeOutAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "ZoomInAnimation")) __webpack_require__.d(__webpack_exports__, "ZoomInAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["ZoomInAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "ZoomOutAnimation")) __webpack_require__.d(__webpack_exports__, "ZoomOutAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["ZoomOutAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "KenBurnsAnimation")) __webpack_require__.d(__webpack_exports__, "KenBurnsAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["KenBurnsAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "CustomAnimation")) __webpack_require__.d(__webpack_exports__, "CustomAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["CustomAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "TypewriterAnimation")) __webpack_require__.d(__webpack_exports__, "TypewriterAnimation", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["TypewriterAnimation"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "removePropFromContexts")) __webpack_require__.d(__webpack_exports__, "removePropFromContexts", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["removePropFromContexts"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "FontSource")) __webpack_require__.d(__webpack_exports__, "FontSource", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["FontSource"]; });
/* harmony namespace reexport (by used) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0__transform__, "Scene")) __webpack_require__.d(__webpack_exports__, "Scene", function() { return __WEBPACK_IMPORTED_MODULE_0__transform__["Scene"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__layer__ = __webpack_require__("./src/@fx/model/layers/layer.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Layer", function() { return __WEBPACK_IMPORTED_MODULE_1__layer__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__avlayer__ = __webpack_require__("./src/@fx/model/layers/avlayer.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "BLENDMODE", function() { return __WEBPACK_IMPORTED_MODULE_2__avlayer__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "AVLayer", function() { return __WEBPACK_IMPORTED_MODULE_2__avlayer__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SCALEMODE", function() { return __WEBPACK_IMPORTED_MODULE_2__avlayer__["c"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__matte__ = __webpack_require__("./src/@fx/model/layers/matte.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Matte", function() { return __WEBPACK_IMPORTED_MODULE_3__matte__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__null__ = __webpack_require__("./src/@fx/model/layers/null.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "NullLayer", function() { return __WEBPACK_IMPORTED_MODULE_4__null__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__visuallayer__ = __webpack_require__("./src/@fx/model/layers/visuallayer.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "AudioLayer", function() { return __WEBPACK_IMPORTED_MODULE_5__visuallayer__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "ImageLayer", function() { return __WEBPACK_IMPORTED_MODULE_5__visuallayer__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "VideoLayer", function() { return __WEBPACK_IMPORTED_MODULE_5__visuallayer__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FootageLayer", function() { return __WEBPACK_IMPORTED_MODULE_5__visuallayer__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__solid__ = __webpack_require__("./src/@fx/model/layers/solid.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "SolidLayer", function() { return __WEBPACK_IMPORTED_MODULE_6__solid__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__complayer__ = __webpack_require__("./src/@fx/model/layers/complayer.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "CompLayer", function() { return __WEBPACK_IMPORTED_MODULE_7__complayer__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__shape__ = __webpack_require__("./src/@fx/model/layers/shape.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "ShapeLayer", function() { return __WEBPACK_IMPORTED_MODULE_8__shape__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "FXShape", function() { return __WEBPACK_IMPORTED_MODULE_8__shape__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__mask__ = __webpack_require__("./src/@fx/model/layers/mask.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "Mask", function() { return __WEBPACK_IMPORTED_MODULE_9__mask__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__text__ = __webpack_require__("./src/@fx/model/layers/text.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "TextLayer", function() { return __WEBPACK_IMPORTED_MODULE_10__text__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "HorizontalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_10__text__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "VerticalAlignment", function() { return __WEBPACK_IMPORTED_MODULE_10__text__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "OverflowBehavior", function() { return __WEBPACK_IMPORTED_MODULE_10__text__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "TextContext", function() { return __WEBPACK_IMPORTED_MODULE_10__text__["e"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "removePropFromContexts", function() { return __WEBPACK_IMPORTED_MODULE_10__text__["f"]; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LayerPosition", function() { return LayerPosition; });











// TODO: refactor as generic Array operations
var LayerPosition;
(function (LayerPosition) {
    LayerPosition[LayerPosition["TOP"] = 0] = "TOP";
    LayerPosition[LayerPosition["BEFORE"] = 1] = "BEFORE";
    LayerPosition[LayerPosition["AFTER"] = 2] = "AFTER";
    LayerPosition[LayerPosition["BOTTOM"] = 3] = "BOTTOM";
})(LayerPosition || (LayerPosition = {}));
//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/model/layers/layer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Layer; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var Layer = (function () {
    function Layer(comp, name) {
        this.$selected = false;
        this.active = false;
        this.change = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.changes = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this._name = null;
        this.visible = true;
        this.hidden = false;
        this.locked = false;
        this.open = false;
        this.solo = false;
        this.shy = false;
        this.audio = false;
        this.adjust = false;
        this.is3D = false;
        this.is360 = false;
        // Draw drop borders above or below this layer
        this.babove = false;
        this.bbelow = false;
        this.numframes = -1;
        this.offset = 0;
        this.varname = "";
        this.parent = null;
        this._tagcolor = __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].WHITE;
        this.id = __WEBPACK_IMPORTED_MODULE_1__fx_core__["UUID"].uuid4();
        this.comp = comp;
        this._name = name;
        this.init();
    }
    Object.defineProperty(Layer.prototype, "range", {
        get: function () {
            return new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"](this.offset, this.offset + this.numframes - 1);
        },
        enumerable: true,
        configurable: true
    });
    Layer.prototype.currentTime = function () {
        return this.comp.frame;
    };
    Layer.prototype.init = function () {
        var _this = this;
        this.change.subscribe(function (rerender) {
            if (_this.comp)
                _this.comp.change.next(rerender);
        });
    };
    Layer.prototype.name = function () {
        return this._name ? this._name : this.constructor.name;
    };
    Object.defineProperty(Layer.prototype, "tagcolor", {
        get: function () {
            return this._tagcolor;
        },
        enumerable: true,
        configurable: true
    });
    Layer.prototype.rename = function (name) {
        this._name = name != "" ? name : null;
    };
    Layer.prototype.destroy = function () {
        this.change.complete();
    };
    Layer.prototype.container = function () {
        return this.comp;
    };
    Object.defineProperty(Layer.prototype, "selected", {
        get: function () {
            return this.$selected;
        },
        enumerable: true,
        configurable: true
    });
    Layer.prototype.select = function () {
        this.$selected = true;
    };
    Layer.prototype.unselect = function () {
        this.$selected = false;
        this.active = false;
    };
    Layer.prototype.activate = function () {
        this.active = true;
    };
    return Layer;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Id"])(),
    __metadata("design:type", String)
], Layer.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], Layer.prototype, "_name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "visible", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "hidden", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "locked", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "open", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "solo", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "shy", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "audio", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "adjust", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "is3D", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Layer.prototype, "is360", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], Layer.prototype, "numframes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], Layer.prototype, "offset", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", String)
], Layer.prototype, "varname", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])("Layer", { weak: true }),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Layer)
], Layer.prototype, "parent", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])("Composition", { weak: true }),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__composition__["a" /* Composition */]) === "function" && _a || Object)
], Layer.prototype, "comp", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])("Color"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"]) === "function" && _b || Object)
], Layer.prototype, "_tagcolor", void 0);
Layer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__composition__["a" /* Composition */]) === "function" && _c || Object, String])
], Layer);

var _a, _b, _c;
//# sourceMappingURL=layer.js.map

/***/ }),

/***/ "./src/@fx/model/layers/mask.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__shape__ = __webpack_require__("./src/@fx/model/layers/shape.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__avlayer__ = __webpack_require__("./src/@fx/model/layers/avlayer.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Mask; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var Mask = (function () {
    function Mask(layer) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.inverted = false;
        this.selected = false;
        this.active = false;
        this.layer = layer;
        this.init();
    }
    Mask.prototype.init = function () {
        if (this.layer) {
            this.feather$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](this.layer, this, 0);
            this.opacity$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](this.layer, this, 0);
            this.expansion$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](this.layer, this, 0);
            this.newShape();
        }
    };
    Mask.prototype.newShape = function () {
        this.shape = new __WEBPACK_IMPORTED_MODULE_1__shape__["a" /* FXShape */](this.layer, this);
        this.shape.drawFill = true;
        this.shape.drawStroke = true;
        this.shape.fill = this.shape.stroke = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].WHITE;
        return this.shape;
    };
    Mask.prototype.container = function () {
        return this.layer.maskGroup;
    };
    Mask.prototype.select = function () {
        this.selected = true;
    };
    Mask.prototype.unselect = function () {
        this.selected = false;
        this.active = false;
    };
    Mask.prototype.activate = function () {
        this.active = true;
    };
    return Mask;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], Mask.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("FXShape"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__shape__["a" /* FXShape */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__shape__["a" /* FXShape */]) === "function" && _a || Object)
], Mask.prototype, "shape", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("AVLayer", { weak: true }),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]) === "function" && _b || Object)
], Mask.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _c || Object)
], Mask.prototype, "feather$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('feather$'),
    __metadata("design:type", Number)
], Mask.prototype, "feather", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _d || Object)
], Mask.prototype, "opacity$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('opacity$'),
    __metadata("design:type", Number)
], Mask.prototype, "opacity", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _e || Object)
], Mask.prototype, "expansion$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('expansion$'),
    __metadata("design:type", Number)
], Mask.prototype, "expansion", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", Boolean)
], Mask.prototype, "inverted", void 0);
Mask = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]) === "function" && _f || Object])
], Mask);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=mask.js.map

/***/ }),

/***/ "./src/@fx/model/layers/matte.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__avlayer__ = __webpack_require__("./src/@fx/model/layers/avlayer.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Matte; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var Matte = (function () {
    function Matte(layer, channel, invert) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.channel = 3;
        this.invert = false;
        this.layer = layer;
        this.channel = channel;
        this.invert = invert;
        this.init();
    }
    Matte.prototype.init = function () {
    };
    Matte.prototype.hasAudio = function () {
        return false;
    };
    return Matte;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", Object)
], Matte.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("AVLayer"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__avlayer__["b" /* AVLayer */]) === "function" && _a || Object)
], Matte.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Matte.prototype, "channel", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], Matte.prototype, "invert", void 0);
Matte = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__avlayer__["b" /* AVLayer */]) === "function" && _b || Object, Number, Boolean])
], Matte);

var _a, _b;
//# sourceMappingURL=matte.js.map

/***/ }),

/***/ "./src/@fx/model/layers/null.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__avlayer__ = __webpack_require__("./src/@fx/model/layers/avlayer.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return NullLayer; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var NullLayer = (function (_super) {
    __extends(NullLayer, _super);
    function NullLayer(comp, item) {
        return _super.call(this, comp, item) || this;
    }
    NullLayer.prototype.hasAudio = function () {
        return false;
    };
    return NullLayer;
}(__WEBPACK_IMPORTED_MODULE_3__avlayer__["b" /* AVLayer */]));
NullLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__item__["i" /* NullItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__item__["i" /* NullItem */]) === "function" && _b || Object])
], NullLayer);

var _a, _b;
//# sourceMappingURL=null.js.map

/***/ }),

/***/ "./src/@fx/model/layers/shape.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__avlayer__ = __webpack_require__("./src/@fx/model/layers/avlayer.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FXShape; });
/* unused harmony export FXRectShape */
/* unused harmony export FXEllipseShape */
/* unused harmony export FXStarShape */
/* unused harmony export FXPolygonShape */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ShapeLayer; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var FXShape = (function () {
    function FXShape(layer, group) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.lineWidth = 1;
        this.stroke = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].fromString('#0000ff');
        this.fill = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].fromString('#ff0000');
        this.drawStroke = true;
        this.drawFill = true;
        this.selected = false;
        this.layer = layer;
        this.group = group;
        if (layer) {
            this.path$ = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"](this.layer, this, new __WEBPACK_IMPORTED_MODULE_0__fx_core__["BezierPath"]());
        }
    }
    FXShape.prototype.container = function () {
        return this.group;
    };
    FXShape.prototype.select = function () {
        this.selected = true;
    };
    FXShape.prototype.unselect = function () {
        this.selected = false;
    };
    return FXShape;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], FXShape.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], FXShape.prototype, "lineWidth", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Color"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _a || Object)
], FXShape.prototype, "stroke", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Color"),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _b || Object)
], FXShape.prototype, "fill", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], FXShape.prototype, "drawStroke", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], FXShape.prototype, "drawFill", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("KeyframeAnimation"),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _c || Object)
], FXShape.prototype, "path$", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["AnimatableValue"])('path$'),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["BezierPath"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["BezierPath"]) === "function" && _d || Object)
], FXShape.prototype, "path", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("AVLayer", { weak: true }),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]) === "function" && _e || Object)
], FXShape.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Selectable", { weak: true }),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"]) === "function" && _f || Object)
], FXShape.prototype, "group", void 0);
FXShape = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"]) === "function" && _h || Object])
], FXShape);

var FXRectShape = (function (_super) {
    __extends(FXRectShape, _super);
    function FXRectShape(layer, group) {
        var _this = _super.call(this, layer, group) || this;
        _this.cornerradius = 0;
        var segments = [
            new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Segment"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](0, 0), null, null),
            new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Segment"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](99, 0), null, null),
            new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Segment"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](99, 99), null, null),
            new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Segment"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](0, 99), null, null),
        ];
        _this.path = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["BezierPath"](segments);
        _this.path.closed = true;
        return _this;
    }
    return FXRectShape;
}(FXShape));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], FXRectShape.prototype, "cornerradius", void 0);
FXRectShape = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"]) === "function" && _k || Object])
], FXRectShape);

var FXEllipseShape = (function (_super) {
    __extends(FXEllipseShape, _super);
    function FXEllipseShape(layer, group) {
        var _this = _super.call(this, layer, group) || this;
        _this.a = 100;
        _this.b = 300;
        return _this;
    }
    return FXEllipseShape;
}(FXShape));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], FXEllipseShape.prototype, "a", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], FXEllipseShape.prototype, "b", void 0);
FXEllipseShape = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_l = typeof __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]) === "function" && _l || Object, typeof (_m = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"]) === "function" && _m || Object])
], FXEllipseShape);

var FXStarShape = (function (_super) {
    __extends(FXStarShape, _super);
    function FXStarShape(layer, group) {
        var _this = _super.call(this, layer, group) || this;
        _this.corners = 5;
        return _this;
    }
    return FXStarShape;
}(FXShape));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], FXStarShape.prototype, "corners", void 0);
FXStarShape = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_o = typeof __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]) === "function" && _o || Object, typeof (_p = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"]) === "function" && _p || Object])
], FXStarShape);

var FXPolygonShape = (function (_super) {
    __extends(FXPolygonShape, _super);
    function FXPolygonShape(layer, group) {
        var _this = _super.call(this, layer, group) || this;
        _this.vertices = 5;
        return _this;
    }
    return FXPolygonShape;
}(FXShape));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], FXPolygonShape.prototype, "vertices", void 0);
FXPolygonShape = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_q = typeof __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]) === "function" && _q || Object, typeof (_r = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Selectable"]) === "function" && _r || Object])
], FXPolygonShape);

var ShapeLayer = (function (_super) {
    __extends(ShapeLayer, _super);
    function ShapeLayer(comp) {
        var _this = _super.call(this, comp, null) || this;
        _this.content = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"](_this, "Shapes");
        _this._name = "Shape Layer";
        _this.init();
        return _this;
    }
    ShapeLayer.prototype.init = function () {
        if (this.comp) {
            this.numframes = this.comp.numframes;
            this.width = this.comp.width;
            this.height = this.comp.height;
        }
    };
    Object.defineProperty(ShapeLayer.prototype, "shapes", {
        get: function () {
            return this.content.group;
        },
        enumerable: true,
        configurable: true
    });
    ShapeLayer.prototype.newShape = function (stroke, fill, lineWidth) {
        var shape = new FXShape(this, this.content);
        if (stroke)
            shape.stroke = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"](stroke);
        if (fill)
            shape.fill = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"](fill);
        if (lineWidth)
            shape.lineWidth = lineWidth;
        this.shapes.push(shape);
        return shape;
    };
    // get width() {return this.comp.width}
    // get height() {return this.comp.height}
    ShapeLayer.prototype.hasAudio = function () {
        return false;
    };
    return ShapeLayer;
}(__WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_s = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["SelectionGroup"]) === "function" && _s || Object)
], ShapeLayer.prototype, "content", void 0);
ShapeLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_t = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _t || Object])
], ShapeLayer);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
//# sourceMappingURL=shape.js.map

/***/ }),

/***/ "./src/@fx/model/layers/solid.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__visuallayer__ = __webpack_require__("./src/@fx/model/layers/visuallayer.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SolidLayer; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var SolidLayer = (function (_super) {
    __extends(SolidLayer, _super);
    function SolidLayer(comp, item) {
        var _this = _super.call(this, comp, item) || this;
        _this.item = item;
        return _this;
    }
    SolidLayer.prototype.hasAudio = function () {
        return false;
    };
    Object.defineProperty(SolidLayer.prototype, "color", {
        get: function () {
            return this.item.source.color;
        },
        set: function (color) {
            this.item.source.color = color;
        },
        enumerable: true,
        configurable: true
    });
    return SolidLayer;
}(__WEBPACK_IMPORTED_MODULE_2__visuallayer__["a" /* FootageLayer */]));
SolidLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */]) === "function" && _b || Object])
], SolidLayer);

var _a, _b;
//# sourceMappingURL=solid.js.map

/***/ }),

/***/ "./src/@fx/model/layers/text.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__avlayer__ = __webpack_require__("./src/@fx/model/layers/avlayer.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return VerticalAlignment; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return HorizontalAlignment; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return OverflowBehavior; });
/* unused harmony export TextProperties */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return TextContext; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TextLayer; });
/* harmony export (immutable) */ __webpack_exports__["f"] = removePropFromContexts;
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







function getSelectedText() {
    return window.getSelection().toString();
}
function stripTags(markup) {
    var div = document.createElement("div");
    div.innerHTML = markup;
    var text = div.textContent || div.innerText || "";
    div.remove();
    return text;
}
var VerticalAlignment;
(function (VerticalAlignment) {
    VerticalAlignment[VerticalAlignment["Top"] = 0] = "Top";
    VerticalAlignment[VerticalAlignment["Middle"] = 1] = "Middle";
    VerticalAlignment[VerticalAlignment["Bottom"] = 2] = "Bottom";
})(VerticalAlignment || (VerticalAlignment = {}));
var HorizontalAlignment;
(function (HorizontalAlignment) {
    HorizontalAlignment[HorizontalAlignment["Left"] = 0] = "Left";
    HorizontalAlignment[HorizontalAlignment["Center"] = 1] = "Center";
    HorizontalAlignment[HorizontalAlignment["Right"] = 2] = "Right";
})(HorizontalAlignment || (HorizontalAlignment = {}));
var OverflowBehavior;
(function (OverflowBehavior) {
    OverflowBehavior[OverflowBehavior["None"] = 0] = "None";
    OverflowBehavior[OverflowBehavior["Condense"] = 1] = "Condense";
    OverflowBehavior[OverflowBehavior["CondenseResize"] = 2] = "CondenseResize";
    OverflowBehavior[OverflowBehavior["Resize"] = 3] = "Resize";
})(OverflowBehavior || (OverflowBehavior = {}));
var TextProperties = (function () {
    function TextProperties() {
        this.id = __WEBPACK_IMPORTED_MODULE_1__fx_core__["UUID"].uuid4();
        this.lineheight = 50.0;
        this.kerning = 0;
        this.tracking = 0;
        this.xAlign = HorizontalAlignment.Left;
        this.yAlign = VerticalAlignment.Bottom;
        this.overflow = OverflowBehavior.None;
    }
    return TextProperties;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Id"])(),
    __metadata("design:type", Object)
], TextProperties.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Object)
], TextProperties.prototype, "lineheight", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Object)
], TextProperties.prototype, "kerning", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Object)
], TextProperties.prototype, "tracking", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], TextProperties.prototype, "xAlign", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], TextProperties.prototype, "yAlign", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], TextProperties.prototype, "overflow", void 0);
TextProperties = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])()
], TextProperties);

var TextContext = TextContext_1 = (function () {
    function TextContext(name) {
        this.id = __WEBPACK_IMPORTED_MODULE_1__fx_core__["UUID"].uuid4();
        this.change = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.selected = false;
        this.name = name;
    }
    TextContext.prototype.clone = function (newname) {
        var ctx = new TextContext_1(newname);
        ctx.fontsize = this.fontsize;
        ctx.font = this.font;
        ctx.color = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"](this.color);
        return ctx;
    };
    TextContext.prototype.isEmpty = function () {
        return this.font == undefined &&
            this.color == undefined &&
            this.fontsize == undefined;
    };
    TextContext.prototype.select = function () { this.selected = true; };
    TextContext.prototype.unselect = function () { this.selected = false; };
    TextContext.prototype.container = function () { return window; };
    ;
    return TextContext;
}());
TextContext.counter = 1;
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Id"])(),
    __metadata("design:type", Object)
], TextContext.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], TextContext.prototype, "name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", Number)
], TextContext.prototype, "fontsize", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"]) === "function" && _a || Object)
], TextContext.prototype, "color", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__item__["f" /* FontItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__item__["f" /* FontItem */]) === "function" && _b || Object)
], TextContext.prototype, "font", void 0);
TextContext = TextContext_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [String])
], TextContext);

var TextLayer = (function (_super) {
    __extends(TextLayer, _super);
    function TextLayer(comp) {
        var _this = _super.call(this, comp, null) || this;
        // @Observable("$text")
        _this.template = "Text: <red>Red</red>, <green>G<big>ree</big>n</green>, <blue>Blue</blue>";
        _this.context = []; //new Map<string, TextContext>();
        _this.variables = [];
        _this.width = 300;
        _this.height = 100;
        _this.defaultContext = new TextContext("");
        _this.defaultContext.color = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"](255, 255, 255, 255);
        _this.defaultContext.font = null;
        _this.defaultContext.fontsize = 42;
        _this.props = new TextProperties();
        var red = new TextContext("red");
        red.color = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"](255, 0, 0, 255);
        var green = new TextContext("green");
        green.color = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"](0, 255, 0, 255);
        var blue = new TextContext("blue");
        blue.color = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"](0, 0, 255, 255);
        var big = new TextContext("big");
        big.fontsize = 50;
        _this.context.push(red);
        _this.context.push(green);
        _this.context.push(blue);
        _this.context.push(big);
        return _this;
        // if Box size is AUTO
        //this.textChange = (<any>this)['$text'].subscribe((text: string) => {
        // this.width = text.length * this.fontsize;
        // this.height = this.fontsize * 2;
        //})
    }
    TextLayer.prototype.hasAudio = function () {
        return false;
    };
    /**
     * TODO: need better test
     */
    TextLayer.prototype.usesContexts = function () {
        return this.template.indexOf('</') != -1;
    };
    TextLayer.prototype.addContext = function (ctx) {
        var x = this.context.findIndex(function (c) { return c.name == name; });
        if (x != -1)
            this.context.splice(x, 1);
        this.context.push(ctx);
    };
    TextLayer.prototype.getContext = function (name) {
        name = name ? name.toLowerCase() : name;
        return this.context.find(function (ctx) { return ctx.name == name; }) || this.defaultContext;
    };
    Object.defineProperty(TextLayer.prototype, "text", {
        /**
         * Return plain text (no markup)
         */
        get: function () {
            return stripTags(this.template);
        },
        enumerable: true,
        configurable: true
    });
    TextLayer.prototype.getVariable = function (varpattern) {
        var match = varpattern.match(/\$\{(.*?)\}/);
        if (match.length) {
            var varname_1 = match[1];
            return this.variables.find(function (v) { return v.key == varname_1; });
        }
        return null;
    };
    // TODO: move below to TextHTMLAdapter
    TextLayer.prototype.makeTextNode = function (span, text) {
        if (!text || !text.length)
            return;
        if (text.startsWith("${")) {
            var variable = this.getVariable(text);
            if (variable) {
                text = variable.defaultValue;
                span.setAttribute("data-var", variable.key);
            }
        }
        var lines = text.split('\n');
        span.textContent = lines[0];
        if (lines.length > 1)
            lines.slice(1).forEach(function (line) {
                span.appendChild(document.createElement('br'));
                var textnode = document.createTextNode(line);
                span.appendChild(textnode);
            });
    };
    TextLayer.prototype.makeSpan = function (ctxname, text, fontfactor) {
        var ctx = this.getContext(ctxname) || this.defaultContext;
        ctxname = ctxname || "";
        var span = document.createElement('span');
        this.makeTextNode(span, text);
        this.styleSpan(span, ctx, fontfactor);
        return span;
    };
    TextLayer.prototype.styleSpan = function (span, ctx, fontfactor) {
        span.setAttribute('data-ctx', ctx.name);
        if (fontfactor) {
            if (ctx.color)
                span.style.color = ctx.color.rgb;
            if (ctx.fontsize)
                span.style.fontSize = ctx.fontsize * fontfactor + "px";
        }
    };
    TextLayer.prototype.parseContextNodes = function (parent, ctxname, nodes, fontfactor) {
        for (var i = 0; i < nodes.length; i++) {
            this.parseContextNode(parent, ctxname, nodes[i], fontfactor);
        }
    };
    TextLayer.prototype.parseContextNode = function (parent, ctxname, node, fontfactor) {
        switch (node.nodeType) {
            case Node.TEXT_NODE:
                if (parent instanceof HTMLSpanElement) {
                    this.makeTextNode(parent, node.nodeValue);
                }
                else {
                    var span = this.makeSpan(ctxname, node.nodeValue, fontfactor);
                    this.makeTextNode(span, node.nodeValue);
                    parent.appendChild(span);
                }
                break;
            case Node.ELEMENT_NODE:
                ctxname = node.nodeName.toLowerCase();
                if (node.hasChildNodes()) {
                    for (var i = 0; i < node.childNodes.length; i++) {
                        var child = node.childNodes[i];
                        var span = this.makeSpan(ctxname, child.nodeValue, fontfactor);
                        parent.appendChild(span);
                        this.parseContextNode(span, node.nodeName, child, fontfactor);
                    }
                }
                break;
        }
    };
    // return from Editing (convert HTML => TextContext)
    TextLayer.prototype.parseHTMLNodes = function (parent, ctxname, nodes) {
        for (var i = 0; i < nodes.length; i++) {
            this.parseHTMLNode(parent, ctxname, nodes[i]);
        }
    };
    TextLayer.prototype.parseHTMLNode = function (parent, ctxname, node, variable) {
        if (variable === void 0) { variable = ""; }
        var tag;
        switch (node.nodeType) {
            case Node.TEXT_NODE:
                var text = node.nodeValue;
                if (variable && variable != "") {
                    text = "${" + variable + "}";
                }
                tag = document.createTextNode(text);
                parent.appendChild(tag);
                break;
            case Node.ELEMENT_NODE:
                if (node.nodeName.toLowerCase() == "div") {
                    parent.appendChild(document.createTextNode("\n"));
                }
                if (node.nodeName.toLowerCase() == "br") {
                    parent.appendChild(document.createTextNode("\n"));
                }
                if (node.hasChildNodes()) {
                    var ctx = node.dataset['ctx'];
                    if (ctx) {
                        tag = document.createElement(ctx);
                        parent.appendChild(tag);
                    }
                    else {
                        tag = parent;
                    }
                    var variable_1 = node.dataset['var'];
                    for (var i = 0; i < node.childNodes.length; i++) {
                        var child = node.childNodes[i];
                        this.parseHTMLNode(tag, ctx, child, variable_1);
                    }
                }
                break;
        }
    };
    /**
     * Create HTML markup from template. Include data-ctx attributes in SPANs
     * to indicate text contexts
     *
     * @param fontfactor Current Zoom Factor in Editor. Set to 0 to disable styling
     */
    TextLayer.prototype.htmlFragment = function (fontfactor) {
        var result = document.createDocumentFragment();
        var parser = new DOMParser();
        var doc = parser.parseFromString(this.template, "text/html");
        this.parseContextNodes(result, null, doc.body.childNodes, fontfactor);
        console.log("edittext", this.template, result);
        return result;
    };
    /**
     *
     * @param content HTML with data-ctx
     */
    TextLayer.prototype.setContent = function (content) {
        var _this = this;
        var doc = document.createDocumentFragment();
        this.parseHTMLNodes(doc, "", content);
        var helper = document.createElement('div');
        helper.appendChild(doc);
        // TODO: empty context: Move content to parent Node
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["removeNodes"])(helper, function (node) { return emptyNodeOrContext(node, _this); });
        //removeEmptyNodes(helper);
        this.template = helper.innerHTML;
        console.log("template", helper, content, this.template);
    };
    return TextLayer;
}(__WEBPACK_IMPORTED_MODULE_4__avlayer__["b" /* AVLayer */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Undoable"])(),
    __metadata("design:type", String)
], TextLayer.prototype, "template", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Array)
], TextLayer.prototype, "context", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", TextContext)
], TextLayer.prototype, "defaultContext", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", Array)
], TextLayer.prototype, "variables", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", TextProperties)
], TextLayer.prototype, "props", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"]) === "function" && _c || Object)
], TextLayer.prototype, "background", void 0);
TextLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_3__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__composition__["a" /* Composition */]) === "function" && _d || Object])
], TextLayer);

function emptyNodeOrContext(node, layer) {
    //let ctxname = (<HTMLElement>node).dataset['ctx'];
    //let ctx = layer.getContext(ctxname);
    return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["isEmptyElementNode"])(node); // || ctx.isEmpty();
}
function removePropFromContexts(layer, frag, prop) {
    for (var i = 0; i < frag.childNodes.length; i++) {
        var child = frag.childNodes[i];
        if (child.nodeType == Node.ELEMENT_NODE) {
            var element = child;
            var ctxname = element.dataset['ctx'];
            var ctx = layer.getContext(ctxname);
            if (ctx && ctx[prop]) {
                ctx = ctx.clone("c" + (TextContext.counter++));
                ctx[prop] = undefined;
                layer.addContext(ctx);
                element.dataset['ctx'] = ctx.name;
            }
            removePropFromContexts(layer, child, prop);
        }
    }
    return frag;
}
window['Text'] = TextLayer;
var TextContext_1, _a, _b, _c, _d;
//# sourceMappingURL=text.js.map

/***/ }),

/***/ "./src/@fx/model/layers/transform.ts":
/***/ (function(module, exports) {

//# sourceMappingURL=transform.js.map

/***/ }),

/***/ "./src/@fx/model/layers/visuallayer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__avlayer__ = __webpack_require__("./src/@fx/model/layers/avlayer.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FootageLayer; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return ImageLayer; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return VideoLayer; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return AudioLayer; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var FootageLayer = (function (_super) {
    __extends(FootageLayer, _super);
    function FootageLayer(comp, item) {
        var _this = _super.call(this, comp, item) || this;
        _this.premulalpha = true;
        _this.ensure8bit = true;
        return _this;
    }
    FootageLayer.prototype.source = function () {
        return this.item.source;
    };
    FootageLayer.prototype.replace = function (source) {
        this.item.source = source;
        this.width = source.width();
        this.height = source.height();
        //this.numframes = source.numframes();
    };
    return FootageLayer;
}(__WEBPACK_IMPORTED_MODULE_2__avlayer__["b" /* AVLayer */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], FootageLayer.prototype, "premulalpha", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], FootageLayer.prototype, "ensure8bit", void 0);
FootageLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */]) === "function" && _b || Object])
], FootageLayer);

var ImageLayer = (function (_super) {
    __extends(ImageLayer, _super);
    function ImageLayer(comp, item) {
        return _super.call(this, comp, item) || this;
    }
    ImageLayer.prototype.hasAudio = function () {
        return false;
    };
    return ImageLayer;
}(FootageLayer));
ImageLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */]) === "function" && _d || Object])
], ImageLayer);

var VideoLayer = (function (_super) {
    __extends(VideoLayer, _super);
    function VideoLayer(comp, item) {
        var _this = _super.call(this, comp, item) || this;
        _this.enableSound = true;
        return _this;
    }
    VideoLayer.prototype.hasAudio = function () {
        return this.enableSound;
    };
    return VideoLayer;
}(FootageLayer));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], VideoLayer.prototype, "enableSound", void 0);
VideoLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */]) === "function" && _f || Object])
], VideoLayer);

var AudioLayer = (function (_super) {
    __extends(AudioLayer, _super);
    function AudioLayer(comp, item) {
        return _super.call(this, comp, item) || this;
    }
    AudioLayer.prototype.hasAudio = function () {
        return true;
    };
    return AudioLayer;
}(FootageLayer));
AudioLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__composition__["a" /* Composition */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__item__["a" /* FootageItem */]) === "function" && _h || Object])
], AudioLayer);

var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=visuallayer.js.map

/***/ }),

/***/ "./src/@fx/model/module.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common__ = __webpack_require__("./node_modules/@angular/common/@angular/common.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core_core_module__ = __webpack_require__("./src/@fx/core/core.module.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_api__ = __webpack_require__("./src/@fx/model/fx/api.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__sdl_SDLEncoder__ = __webpack_require__("./src/@fx/model/sdl/SDLEncoder.ts");
/* unused harmony export AppInjector */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ModelModule; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var AppInjector;
var ModelModule = (function () {
    function ModelModule(injector) {
        this.injector = injector;
        AppInjector = this.injector;
    }
    return ModelModule;
}());
ModelModule = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["c" /* NgModule */])({
        imports: [__WEBPACK_IMPORTED_MODULE_1__angular_common__["a" /* CommonModule */], __WEBPACK_IMPORTED_MODULE_2__fx_core_core_module__["a" /* CoreModule */]],
        providers: [__WEBPACK_IMPORTED_MODULE_3__fx_api__["a" /* FXService */], __WEBPACK_IMPORTED_MODULE_4__sdl_SDLEncoder__["a" /* SDLEncoder */]],
        declarations: [],
        exports: [],
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["l" /* Injector */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["l" /* Injector */]) === "function" && _a || Object])
], ModelModule);

var _a;
//# sourceMappingURL=module.js.map

/***/ }),

/***/ "./src/@fx/model/movie.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__project__ = __webpack_require__("./src/@fx/model/project.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* unused harmony export ParentNode */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return SceneNode; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return VideoCodec; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return AudioCodec; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Movie; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var ParentNode = (function () {
    function ParentNode(node, parent) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.selected = false;
        this.node = node;
        this.parent = parent;
    }
    ParentNode.prototype.select = function () { this.selected = true; };
    ParentNode.prototype.unselect = function () { this.selected = false; };
    ParentNode.prototype.container = function () { return this.node.movie; };
    return ParentNode;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], ParentNode.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("SceneNode"),
    __metadata("design:type", SceneNode)
], ParentNode.prototype, "node", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("SceneNode"),
    __metadata("design:type", SceneNode)
], ParentNode.prototype, "parent", void 0);
ParentNode = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [SceneNode, SceneNode])
], ParentNode);

var SceneNode = (function () {
    function SceneNode(movie, comp) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.parents = [];
        this.position = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"].RANDOM(600, 300);
        this.color = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].RANDOM();
        this.over = false;
        this.selectedParent = null;
        this.selected = false;
        this.movie = movie;
        this.comp = comp;
    }
    SceneNode.prototype.select = function () { this.selected = true; };
    SceneNode.prototype.unselect = function () { this.selected = false; };
    SceneNode.prototype.container = function () { return this.movie; };
    return SceneNode;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], SceneNode.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Movie"),
    __metadata("design:type", Object)
], SceneNode.prototype, "movie", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__composition__["a" /* Composition */]) === "function" && _a || Object)
], SceneNode.prototype, "comp", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Array)
], SceneNode.prototype, "parents", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], SceneNode.prototype, "condition", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"]) === "function" && _b || Object)
], SceneNode.prototype, "position", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _c || Object)
], SceneNode.prototype, "color", void 0);
SceneNode = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [Movie, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_3__composition__["a" /* Composition */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__composition__["a" /* Composition */]) === "function" && _d || Object])
], SceneNode);

window['ParentNode'] = ParentNode;
var VideoCodec;
(function (VideoCodec) {
    VideoCodec[VideoCodec["H264"] = 0] = "H264";
    VideoCodec[VideoCodec["WebM"] = 1] = "WebM";
    VideoCodec[VideoCodec["MPEG2"] = 2] = "MPEG2";
    VideoCodec[VideoCodec["WMV"] = 3] = "WMV";
    VideoCodec[VideoCodec["GIF"] = 4] = "GIF";
})(VideoCodec || (VideoCodec = {}));
var AudioCodec;
(function (AudioCodec) {
    AudioCodec[AudioCodec["AAC"] = 0] = "AAC";
    AudioCodec[AudioCodec["MP3"] = 1] = "MP3";
    AudioCodec[AudioCodec["Vorbis"] = 2] = "Vorbis";
})(AudioCodec || (AudioCodec = {}));
var Movie = (function (_super) {
    __extends(Movie, _super);
    function Movie(prj) {
        var _this = _super.call(this, prj) || this;
        _this.nodes = [];
        _this.open = false;
        _this.type = __WEBPACK_IMPORTED_MODULE_1__item__["d" /* ItemType */].DynamicMovie;
        return _this;
    }
    return Movie;
}(__WEBPACK_IMPORTED_MODULE_1__item__["k" /* Item */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Project", { weak: true }),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__project__["a" /* Project */]) === "function" && _e || Object)
], Movie.prototype, "project", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", SceneNode)
], Movie.prototype, "root", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Array)
], Movie.prototype, "nodes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Size"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Size"]) === "function" && _f || Object)
], Movie.prototype, "size", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Movie.prototype, "vcodec", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Movie.prototype, "acodec", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Movie.prototype, "videobitrate", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Movie.prototype, "audiobitrate", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Fractional"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Fractional"]) === "function" && _g || Object)
], Movie.prototype, "videoframerate", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Fractional"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Fractional"]) === "function" && _h || Object)
], Movie.prototype, "audioframerate", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Movie.prototype, "qp", void 0);
Movie = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_2__project__["a" /* Project */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__project__["a" /* Project */]) === "function" && _j || Object])
], Movie);

var _a, _b, _c, _d, _e, _f, _g, _h, _j;
//# sourceMappingURL=movie.js.map

/***/ }),

/***/ "./src/@fx/model/project.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__item__ = __webpack_require__("./src/@fx/model/item/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Project; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var Project = (function () {
    function Project() {
        this.scenes = [];
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        // open Viewer windows
        this.compositionViewer = [];
        this.layerViewer = [];
        this.footageViewer = [];
        this.movieViewer = [];
        this.name = "Untitled";
        // this.items = new Array();
        this.root = new __WEBPACK_IMPORTED_MODULE_1__item__["h" /* FolderItem */](this, "root");
    }
    Project.prototype.close = function () {
        //this.root.all().forEach(item => item.close());
        // this.items.forEach(item => item.close());
        // this.items = null;
    };
    Project.prototype.addItem = function (item, folder) {
        folder = folder || this.root;
        folder.add(item);
    };
    Project.prototype.select = function () { this.selected = true; };
    Project.prototype.unselect = function () { this.selected = false; };
    Project.prototype.container = function () { return this; };
    return Project;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], Project.prototype, "name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], Project.prototype, "prjuid", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], Project.prototype, "compid", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Array)
], Project.prototype, "scenes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("FolderItem"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__item__["h" /* FolderItem */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__item__["h" /* FolderItem */]) === "function" && _a || Object)
], Project.prototype, "root", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], Project.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], Project.prototype, "compositionViewer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], Project.prototype, "layerViewer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], Project.prototype, "footageViewer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], Project.prototype, "movieViewer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("AudioLayer"),
    __metadata("design:type", Object)
], Project.prototype, "bgSound", void 0);
Project = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [])
], Project);

var _a;
//# sourceMappingURL=project.js.map

/***/ }),

/***/ "./src/@fx/model/renderable.ts":
/***/ (function(module, exports) {

//# sourceMappingURL=renderable.js.map

/***/ }),

/***/ "./src/@fx/model/scene.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__variables__ = __webpack_require__("./src/@fx/model/variables.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SceneType; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return Scene; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var SceneType;
(function (SceneType) {
    SceneType[SceneType["Regular"] = 0] = "Regular";
    SceneType[SceneType["Optional"] = 1] = "Optional";
    SceneType[SceneType["Choice"] = 2] = "Choice";
})(SceneType || (SceneType = {}));
var Scene = (function () {
    function Scene(type) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.comps = [];
        this._selected = false;
        this.type = type;
    }
    Scene.prototype.addComp = function (comp) {
        this.comps.push(comp);
    };
    Scene.prototype.deleteComp = function (comp) {
        var idx = this.comps.findIndex(function (c) { return c == comp; });
        if (idx != -1)
            this.comps.splice(idx, 1);
    };
    Scene.prototype.selectComp = function (comp) {
        var c = this.comps.find(function (c) { return c == comp; });
        this.comp = c;
    };
    Scene.prototype.select = function () { this._selected = true; };
    Scene.prototype.unselect = function () { this._selected = false; };
    Scene.prototype.container = function () { return this; };
    return Scene;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], Scene.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], Scene.prototype, "type", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Array)
], Scene.prototype, "comps", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], Scene.prototype, "comp", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], Scene.prototype, "sound", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__variables__["a" /* MapVariable */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__variables__["a" /* MapVariable */]) === "function" && _a || Object)
], Scene.prototype, "condition", void 0);
Scene = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [Number])
], Scene);

var _a;
//# sourceMappingURL=scene.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/SDLEncoder.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layers__ = __webpack_require__("./src/@fx/model/layers/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__variables__ = __webpack_require__("./src/@fx/model/variables.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__composition__ = __webpack_require__("./src/@fx/model/composition.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__effects__ = __webpack_require__("./src/@fx/model/effects/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__transitions_crossfade__ = __webpack_require__("./src/@fx/model/sdl/transitions/crossfade.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__transitions_wipe__ = __webpack_require__("./src/@fx/model/sdl/transitions/wipe.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__transitions_push__ = __webpack_require__("./src/@fx/model/sdl/transitions/push.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__transitions_fade__ = __webpack_require__("./src/@fx/model/sdl/transitions/fade.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__TrackData__ = __webpack_require__("./src/@fx/model/sdl/TrackData.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__tvar__ = __webpack_require__("./src/@fx/model/sdl/tvar.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SDLEncoder; });
var __decorate = (this && this.__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 Proto = __WEBPACK_IMPORTED_MODULE_13_proto_Movie_js__["a" /* JetSDL */].Proto;
/**
 * SDLEncoder transforms FX Compositions into SDL Movies.
 * This file should be the only place where the FX data model and the SDL message model
 * come into contact with each other.
 */
var SDLEncoder = (function () {
    function SDLEncoder() {
    }
    SDLEncoder.prototype.encodeMovie = function (comp) {
        var _this = this;
        var comp0;
        var scenes;
        if (comp instanceof __WEBPACK_IMPORTED_MODULE_4__composition__["a" /* Composition */]) {
            comp0 = comp;
            scenes = [comp];
        }
        else {
            comp0 = comp[0];
            scenes = comp;
        }
        this._size = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Size"](comp0.width, comp0.height);
        var movie = Proto.Movie.create({
            ufssolution: Proto.Movie.UnexpectedFrameSizeSolution.UFS_COPY,
            params: Proto.StreamParams.create({
                vparams: Proto.VideoParams.create({
                    width: comp0.width,
                    height: comp0.height,
                    videoframerate: Proto.Fractional.create({
                        num: comp0.framerate.num,
                        den: comp0.framerate.den
                    })
                })
            })
        });
        if (scenes.length > 1) {
            var txscenes_1 = [];
            var last = scenes.reduce(function (prev, current, idx) {
                if (current.transition) {
                    var currentScene = _this.encodeScene(current, _this.activeLayers(current.layers));
                    var splits = _this.encodeTransition(comp0, prev, currentScene, current.transition);
                    txscenes_1.push.apply(txscenes_1, splits.slice(0, 2));
                    return splits.slice(-1)[0];
                }
                else {
                    if (prev)
                        txscenes_1.push(prev);
                    var s = _this.encodeScene(current, _this.activeLayers(current.layers));
                    return s;
                }
            }, null);
            txscenes_1.push(last);
            movie.scenes = txscenes_1;
        }
        else {
            movie.scenes = [this.encodeScene(scenes[0], this.activeLayers(scenes[0].layers))];
        }
        var hasAudio = movie.scenes.some(function (s) { return s.audio && !!s.audio.audiotracks.length; });
        if (hasAudio || comp0.project.bgSound) {
            movie.params.aparams = new Proto.AudioParams({
                audiocodec: Proto.Codec.AUDIO_AAC,
            });
            //DUMMY
            movie.audio = new Proto.Audio({});
            if (comp0.project.bgSound) {
                movie.audio.audiotracks = [
                    new Proto.AudioTrack({
                        type: Proto.AudioTrack.Type.video_mix,
                        source: {
                            path: "userdata/" + comp0.project.bgSound
                        }
                    })
                ];
            }
        }
        //movie.scenes = txscenes;
        console.log("Movie", movie.toObject());
        var buffer = Proto.Movie.encode(movie).finish();
        return buffer;
    };
    SDLEncoder.prototype.size = function () {
        return this._size;
    };
    SDLEncoder.prototype.visibleLayers = function (layers) {
        return this.activeLayers(layers)
            .filter(function (layer) { return !(layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["AudioLayer"]); });
    };
    SDLEncoder.prototype.audibleLayers = function (layers) {
        return this.activeLayers(layers)
            .filter(function (layer) { return layer.hasAudio(); });
    };
    SDLEncoder.prototype.activeLayers = function (layers) {
        var anySolo = layers.some(function (layer) { return layer.solo; });
        return layers
            .filter(function (layer) { return layer.visible; })
            .filter(function (layer) { return !layer.hidden; })
            .filter(function (layer) { return layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"]; })
            .filter(function (layer) { return !anySolo || layer.solo; })
            .filter(function (layer) { return !(layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["NullLayer"]); });
    };
    SDLEncoder.prototype.encodeSingleLayerAsMovie = function (layer, framerate) {
        var movie = Proto.Movie.create({
            params: Proto.StreamParams.create({
                vparams: Proto.VideoParams.create({
                    width: layer.width,
                    height: layer.height,
                    videoframerate: Proto.Fractional.create({
                        num: framerate.num,
                        den: framerate.den
                    })
                })
            }),
            scenes: [{
                    numframes: layer.numframes,
                    tracks: [this.encodeVisualTrack(layer, false, false, false)]
                }]
        });
        console.log("Layer", movie.toObject());
        return Proto.Movie.encode(movie).finish();
    };
    SDLEncoder.prototype.encodeFootageItemAsMovie = function (item) {
        var movie = Proto.Movie.create({
            params: Proto.StreamParams.create({
                vparams: Proto.VideoParams.create({
                    width: item.width,
                    height: item.height,
                    videoframerate: Proto.Fractional.create({
                        num: item.framerate.num,
                        den: item.framerate.den
                    })
                })
            }),
            scenes: [{
                    tracks: [new Proto.VisualTrack({
                            content: new Proto.ImageProvider({
                                type: Proto.ImageProvider.Type.video,
                                source: this.encodeSource(item.source)
                            })
                        })]
                }]
        });
        return Proto.Movie.encode(movie).finish();
    };
    SDLEncoder.prototype.encodeScene = function (comp, layers) {
        var _this = this;
        var scene = new Proto.Scene({
            numframes: comp.numframes,
            content: new Proto.ImageProvider({
                type: Proto.ImageProvider.Type.emptyimage,
                color: new Proto.Color(comp.bgcolor.toObject())
            }),
            tracks: this.visibleLayers(layers).map(function (layer) { return _this.encodeVisualTrack(layer, true, true, true); }),
        });
        var atracks = this.audibleLayers(layers).map(function (layer) { return _this.encodeAudioTrack(layer); });
        if (atracks.length) {
            scene.audio = new Proto.Audio({ audiotracks: atracks });
        }
        return scene;
    };
    SDLEncoder.prototype.encodeAudioTrack = function (layer) {
        var track = new Proto.AudioTrack({
            type: Proto.AudioTrack.Type.video_mix,
            source: this.encodeSource(layer.source())
        });
        return track;
    };
    SDLEncoder.prototype.encodeVisualTrack = function (layer, withTransforms, withEffects, withBlendMode) {
        var _this = this;
        var track = new Proto.VisualTrack({
            numframes: layer.numframes,
            x: layer.pastepos.x,
            y: layer.pastepos.y,
            offset: Math.max(0, layer.offset),
            blendmode: withBlendMode ? this.lookupBlendMode(layer.blendmode) : Proto.BlendMode.normal,
            transformations: new Array(),
        });
        track.content = this.encodeLayer(layer);
        if (layer.opacity$.frames.length) {
            track.opacityfunction = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_10__TrackData__["a" /* makeKeyframeFunction */])(layer.opacity$.frames, layer.numframes, 0.01);
            track.opacity = 1.0;
        }
        else {
            track.opacity = layer.opacity$.get() / 100.0;
        }
        layer.effects.filter(function (effect) { return withEffects && effect.enabled; }).forEach(function (effect) {
            var effecttx = _this.encodeEffect(track, effect);
            if (effecttx)
                track.transformations.push(effecttx);
        });
        if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] && layer.masks.length) {
            var masktx = this.encodeMasks(layer, layer.masks);
            (_a = track.transformations).push.apply(_a, masktx);
        }
        if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] && layer.trackmatte) {
            if (layer.width != layer.trackmatte.layer.width || layer.height != layer.trackmatte.layer.height) {
                var scaletx = new Proto.Transformation({
                    type: Proto.Transformation.Type.scalingaspect,
                    fixedsidesize: layer.comp.height,
                    specifiedside: "h",
                    aspectratio: layer.comp.width / layer.comp.height
                });
                track.transformations.push(scaletx);
            }
        }
        if (layer.scaling != __WEBPACK_IMPORTED_MODULE_2__layers__["SCALEMODE"].none) {
            track.transformations.unshift(new Proto.Transformation({
                type: this.lookupScaleMode(layer.scaling),
                width: layer.width,
                height: layer.height,
                centerx: true,
                centery: true,
                specifiedside: "h",
                fixedsidesize: layer.height,
                aspectratio: layer.width / layer.height
            }));
        }
        // Pre Transform Animations
        if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] && layer.animations.length) {
            layer.animations.filter(function (effect) { return effect.pre && withEffects && effect.enabled; }).forEach(function (effect) {
                var effecttx = _this.encodeEffect(track, effect);
                if (effecttx)
                    track.transformations.push(effecttx);
            });
        }
        if (withTransforms && layer.enableTransform) {
            //if(layer.scale$.modified || ...)
            // TODO: skip if not transformed
            // TODO: skip if disabled
            var tx = new Proto.Transformation({
                type: Proto.Transformation.Type.affine
            });
            tx.scaledata = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_10__TrackData__["b" /* makeTrackdata */])(layer, 'scale$', 0.01, 'mul');
            tx.rotatedata = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_10__TrackData__["b" /* makeTrackdata */])(layer, 'rotate$', -1, 'add');
            tx.translatedata = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_10__TrackData__["b" /* makeTrackdata */])(layer, 'position$', 1, 'add');
            tx.anchordata = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_10__TrackData__["b" /* makeTrackdata */])(layer, 'anchor$', 1, 'add');
            track.transformations.push(tx);
        }
        if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] && layer.trackmatte) {
            var masktx = this.encodeMatte(layer, layer.trackmatte);
            (_b = track.transformations).push.apply(_b, masktx);
        }
        // Post Transform Animations
        if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["AVLayer"] && layer.animations.length) {
            layer.animations.filter(function (effect) { return effect.post && withEffects && effect.enabled; }).forEach(function (effect) {
                var effecttx = _this.encodeEffect(track, effect);
                if (effecttx)
                    track.transformations.push(effecttx);
            });
        }
        // } else if(layer instanceof NullLayer) {
        //      // nothing for null layers
        // } else
        //     throw new Error("SDLEncoder: Unknown VisualLayer: " + layer.constructor.name)
        return track;
        var _a, _b;
    };
    SDLEncoder.prototype.encodeLayer = function (layer) {
        if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["SolidLayer"]) {
            return this.encodeSolidLayer(layer);
        }
        else if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["ImageLayer"]) {
            return this.encodeImageLayer(layer);
        }
        else if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["VideoLayer"]) {
            return this.encodeVideoLayer(layer);
        }
        else if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["ShapeLayer"]) {
            return this.encodeShapeLayer(layer);
        }
        else if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["CompLayer"]) {
            return this.encodeCompLayer(layer);
        }
        else if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__layers__["TextLayer"]) {
            return this.encodeTextLayer(layer);
        }
        else {
            throw new Error("Layer of unknown type: " + layer.constructor.name);
        }
    };
    SDLEncoder.prototype.encodeSolidLayer = function (layer) {
        var color = layer.item.source.color;
        return new Proto.ImageProvider({
            type: Proto.ImageProvider.Type.emptyimage,
            width: layer.width,
            height: layer.height,
            color: color.toObject()
        });
    };
    SDLEncoder.prototype.encodeImageLayer = function (layer) {
        var type = layer.source().location.mode == __WEBPACK_IMPORTED_MODULE_3__variables__["c" /* SourceAccessMode */].LOCAL ?
            Proto.ImageProvider.Type.stillimage : Proto.ImageProvider.Type.http;
        return new Proto.ImageProvider({
            type: type,
            uselocalhttpproxy: false,
            ensure8bit: layer.ensure8bit,
            source: this.encodeSource(layer.source())
        });
    };
    SDLEncoder.prototype.encodeVideoLayer = function (layer) {
        return new Proto.ImageProvider({
            type: Proto.ImageProvider.Type.video,
            videooffset: layer.contentoffset,
            uselocalhttpproxy: false,
            ensure8bit: layer.ensure8bit,
            downscale: false,
            source: this.encodeSource(layer.source())
        });
    };
    SDLEncoder.prototype.encodeShapeLayer = function (layer) {
        var strack = this.encodeShapes(layer, layer.shapes);
        return strack.content;
    };
    SDLEncoder.prototype.encodeShapes = function (layer, shapes) {
        var _this = this;
        return new Proto.VisualTrack({
            content: this.optimizeImageProviders(shapes.map(function (shape) { return _this.encodeShape(layer.width, layer.height, shape); }), layer.numframes)
        });
    };
    SDLEncoder.prototype.encodeShape = function (width, height, shape) {
        return new Proto.ImageProvider({
            type: Proto.ImageProvider.Type.path,
            width: width,
            height: height,
            pathdescription: {
                linewidth: shape.lineWidth,
                color: shape.stroke.toObject(),
                fillcolor: shape.fill.toObject(),
                pathtype: Proto.ImageProvider.PathDescription.PathType.type_bezier,
                drawmethod: this.drawMethod(shape),
                points: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_10__TrackData__["b" /* makeTrackdata */])(shape, 'path$', 1, 'add')
            }
        });
    };
    SDLEncoder.prototype.encodeTextLayer = function (layer) {
        var _this = this;
        var ip = new Proto.ImageProvider({
            type: Proto.ImageProvider.Type.textsimple,
            width: layer.width,
            height: layer.height,
            color: layer.defaultContext.color.toObject(),
            fontsize: layer.defaultContext.fontsize,
            fontspacing: layer.props.tracking,
            linespacing: layer.props.lineheight,
            text: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_12__tvar__["a" /* TemplateVariable */])(layer.template, layer.variables),
            xalignment: this.lookupHorizontalAlignment(layer.props.xAlign),
            yalignment: this.lookupVerticalAlignment(layer.props.yAlign),
            textoverflowbehaviour: this.lookupOverflowBehavior(layer.props.overflow),
            source: layer.defaultContext.font ? this.encodeSource(layer.defaultContext.font.source) : null,
        });
        if (layer.usesContexts) {
            ip.usetextcontextmarkup = true;
            ip.textcontexts = [];
            layer.context.forEach(function (ctx) {
                var textctx = new Proto.ImageProvider.TextContext({ name: ctx.name });
                if (ctx.fontsize)
                    textctx.fontsize = ctx.fontsize;
                if (ctx.color)
                    textctx.color = _this.encodeColor(ctx.color);
                if (ctx.font)
                    textctx.font = _this.encodeSource(ctx.font.source);
                ip.textcontexts.push(textctx);
            });
        }
        return ip;
    };
    SDLEncoder.prototype.encodeCompLayer = function (layer) {
        var refscene = this.encodeScene(layer.compref, layer.compref.layers);
        // refscene.content = null;
        return new Proto.ImageProvider({
            type: Proto.ImageProvider.Type.scenebased,
            sceneview: new Proto.SceneView({
                type: Proto.SceneView.Type.embedded,
                scenes: [
                    refscene
                ]
            })
        });
    };
    SDLEncoder.prototype.encodeEffect = function (track, effect) {
        var encoder = __WEBPACK_IMPORTED_MODULE_11__encoder__["b" /* Encoders */].get(effect.name);
        if (!encoder) {
            console.error("No encoder found for:", effect.name);
            return null;
        }
        var tx = encoder.encode(this, track, effect);
        return tx;
    };
    SDLEncoder.prototype.encodeMatte = function (layer, matte) {
        var matteTrack = this.encodeVisualTrack(matte.layer, true, true, true);
        matteTrack.content.loadpremulalpha = false;
        //TODO: channel, invert, offset
        return [new Proto.Transformation({
                type: Proto.Transformation.Type.mask,
                maskchannel: matte.channel,
                //maskinvert: matte.invert,
                image: this.trackToSceneViewImagerProvider(matteTrack, matte.layer.numframes)
            })];
    };
    SDLEncoder.prototype.encodeMasks = function (layer, masks) {
        var _this = this;
        /*
        return masks.map(mask =>
            new Proto.Transformation({
                type: Proto.Transformation.Type.mask,
                maskchannel: 3,
                invertmask: mask.inverted,
                image: this.encodeMaskShape(layer, mask)
            })
        )
*/
        var closed = masks.filter(function (mask) { return mask.shape.path.closed; });
        var shapes = closed.map(function (mask) { return _this.encodeShape(layer.width, layer.height, mask.shape); });
        // TODO: mask inverted must be on each mask
        // TODO: use invert tx
        return shapes.length ? [new Proto.Transformation({
                type: Proto.Transformation.Type.mask,
                maskchannel: 3,
                invertmask: !!masks.find(function (mask) { return mask.inverted; }),
                image: this.optimizeImageProviders(shapes, layer.numframes)
            })] : [];
    };
    // TODO; opacity, feather, expansion
    SDLEncoder.prototype.encodeMaskShape = function (layer, mask) {
        var track = new Proto.VisualTrack({
            content: this.encodeShape(layer.width, layer.height, mask.shape)
        });
        if (mask.opacity$.frames.length) {
            track.opacityfunction = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_10__TrackData__["a" /* makeKeyframeFunction */])(mask.opacity$.frames, layer.numframes, 0.01);
            track.opacity = 1.0;
        }
        else {
            track.opacity = mask.opacity$.get() / 100.0;
        }
        return this.trackToSceneViewImagerProvider(track, layer.numframes);
    };
    SDLEncoder.prototype.trackToSceneViewImagerProvider = function (track, numframes) {
        return new Proto.ImageProvider({
            type: Proto.ImageProvider.Type.scenebased,
            sceneview: new Proto.SceneView({
                type: Proto.SceneView.Type.embedded,
                scenes: [new Proto.Scene({
                        numframes: numframes,
                        tracks: [track]
                    })]
            })
        });
    };
    SDLEncoder.prototype.createSceneViewScene = function (scene, offset, numframes) {
        return new Proto.Scene({
            numframes: numframes,
            audio: scene.audio,
            tracks: [new Proto.VisualTrack({
                    content: new Proto.ImageProvider({
                        type: Proto.ImageProvider.Type.scenebased,
                        videooffset: offset,
                        sceneview: new Proto.SceneView({
                            type: Proto.SceneView.Type.embedded,
                            scenes: [scene]
                        })
                    })
                })]
        });
    };
    SDLEncoder.prototype.optimizeImageProviders = function (ips, numframes) {
        if (!ips.length) {
            return new Proto.ImageProvider({
                type: Proto.ImageProvider.Type.emptyimage
            });
        }
        if (ips.length == 1) {
            return ips[0];
        }
        return new Proto.ImageProvider({
            type: Proto.ImageProvider.Type.scenebased,
            sceneview: new Proto.SceneView({
                type: Proto.SceneView.Type.embedded,
                scenes: [new Proto.Scene({
                        numframes: numframes,
                        tracks: ips.map(function (ip) { return new Proto.VisualTrack({
                            content: ip
                        }); })
                    })]
            })
        });
    };
    SDLEncoder.prototype.encodeTransition = function (master, prev, current, transition) {
        var size = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Size"](master.width, master.height);
        if (prev) {
            var tdur = transition.duration.value;
            var part1 = this.createSceneViewScene(prev, 0, prev.numframes - tdur);
            var part3 = this.createSceneViewScene(current, tdur, current.numframes - tdur);
            var part2;
            switch (transition.name) {
                case "Crossfade":
                    part2 = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__transitions_crossfade__["a" /* createCrossfadeTransitionScene */])(size, prev, current, transition);
                    break;
                case "Swipe":
                    part2 = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_7__transitions_wipe__["a" /* createLinearWipeTransitionScene */])(size, prev, current, transition);
                    break;
                case "Push":
                    part2 = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_8__transitions_push__["a" /* createLinearPushTransitionScene */])(size, prev, current, transition);
                    break;
                case "Fade":
                    part2 = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_9__transitions_fade__["a" /* createFadeTransitionScene */])(size, prev, current, transition);
                    break;
                default:
                    console.error("Unknown Transition", transition.name);
            }
            return [part1, part2, part3];
        }
        return [current];
    };
    SDLEncoder.prototype.encodeAnimations = function (layer, animations) {
        return [new Proto.Transformation()];
    };
    SDLEncoder.prototype.drawMethod = function (shape) {
        if (shape.drawStroke && shape.drawFill)
            return Proto.ImageProvider.PathDescription.DrawMethod.draw_stroke_fill;
        if (shape.drawStroke && !shape.drawFill)
            return Proto.ImageProvider.PathDescription.DrawMethod.draw_stroke;
        if (!shape.drawStroke && shape.drawFill)
            return Proto.ImageProvider.PathDescription.DrawMethod.draw_fill;
        return Proto.ImageProvider.PathDescription.DrawMethod.draw_stroke;
    };
    SDLEncoder.prototype.encodeVariable = function (variable) {
        if (variable instanceof __WEBPACK_IMPORTED_MODULE_3__variables__["a" /* MapVariable */])
            return this.encodeStringVariable(variable.key, variable.defaultValue, variable.encodeURI);
    };
    SDLEncoder.prototype.encodeStringVariable = function (name, defaultValue, encodeValue) {
        return new Proto.StringVariable({
            type: Proto.StringVariable.Type.map,
            key: name,
            defaultvalue: encodeValue ? encodeURIComponent(defaultValue) : defaultValue
        });
    };
    SDLEncoder.prototype.encodeConstantVariable = function (value) {
        return new Proto.StringVariable({
            type: Proto.StringVariable.Type.constant,
            value: value
        });
    };
    SDLEncoder.prototype.encodeFileLocation = function (location) {
        return new Proto.FileLocation({
            path: location.path,
            variable: this.encodeVariable(location.variable)
        });
    };
    SDLEncoder.prototype.encodeSource = function (source) {
        return this.encodeFileLocation(source.location);
    };
    SDLEncoder.prototype.encodeColor = function (color) {
        return new Proto.Color({
            red: color.red,
            green: color.green,
            blue: color.blue,
            alpha: color.alpha
        });
    };
    SDLEncoder.prototype.lookupBlendMode = function (blendmode) {
        switch (blendmode) {
            case __WEBPACK_IMPORTED_MODULE_2__layers__["BLENDMODE"].normal:
                return Proto.BlendMode.normal;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["BLENDMODE"].screen:
                return Proto.BlendMode.screen;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["BLENDMODE"].hardlight:
                return Proto.BlendMode.hardlight;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["BLENDMODE"].overlay:
                return Proto.BlendMode.overlay;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["BLENDMODE"].multiply:
                return Proto.BlendMode.multiply;
            default:
                console.error("Unknown Blendmode", blendmode);
        }
    };
    SDLEncoder.prototype.lookupHorizontalAlignment = function (align) {
        switch (align) {
            case __WEBPACK_IMPORTED_MODULE_2__layers__["HorizontalAlignment"].Left:
                return Proto.ImageProvider.TextAlignment.flushleft;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["HorizontalAlignment"].Center:
                return Proto.ImageProvider.TextAlignment.centered;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["HorizontalAlignment"].Right:
                return Proto.ImageProvider.TextAlignment.flushright;
            default:
                console.error("Unknown HorizonatlAlignment", align);
        }
    };
    SDLEncoder.prototype.lookupVerticalAlignment = function (align) {
        switch (align) {
            case __WEBPACK_IMPORTED_MODULE_2__layers__["VerticalAlignment"].Top:
                return Proto.ImageProvider.TextPosition.top;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["VerticalAlignment"].Middle:
                return Proto.ImageProvider.TextPosition.middle;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["VerticalAlignment"].Bottom:
                return Proto.ImageProvider.TextPosition.bottom;
            default:
                console.error("Unknown VerticalAlignment", align);
        }
    };
    SDLEncoder.prototype.lookupOverflowBehavior = function (over) {
        switch (over) {
            case __WEBPACK_IMPORTED_MODULE_2__layers__["OverflowBehavior"].None:
                return Proto.ImageProvider.TextOverflowBehaviour.textoverflowbehaviour_none;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["OverflowBehavior"].Condense:
                return Proto.ImageProvider.TextOverflowBehaviour.textoverflowbehaviour_scale_x;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["OverflowBehavior"].CondenseResize:
                return Proto.ImageProvider.TextOverflowBehaviour.textoverflowbehaviour_fs_y_scale_x;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["OverflowBehavior"].Resize:
                return Proto.ImageProvider.TextOverflowBehaviour.textoverflowbehaviour_fs;
            default:
                console.error("Unknown OverflowBehavior", over);
        }
    };
    SDLEncoder.prototype.lookupScaleMode = function (mode) {
        switch (mode) {
            case __WEBPACK_IMPORTED_MODULE_2__layers__["SCALEMODE"].crop:
                return Proto.Transformation.Type.scalingcrop;
            case __WEBPACK_IMPORTED_MODULE_2__layers__["SCALEMODE"].letterbox:
                return Proto.Transformation.Type.scalingaspect;
            default:
                console.error("Unknown ScaleMode", mode);
        }
    };
    SDLEncoder.prototype.lookupFlipAxis = function (axis) {
        switch (axis) {
            case __WEBPACK_IMPORTED_MODULE_5__effects__["b" /* FlipAxis */].XAxis:
                return Proto.Transformation.FlipAxis.flipx;
            case __WEBPACK_IMPORTED_MODULE_5__effects__["b" /* FlipAxis */].YAxis:
                return Proto.Transformation.FlipAxis.flipy;
            default:
                console.error("Unknown FlipAxis", axis);
        }
    };
    return SDLEncoder;
}());
SDLEncoder = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], SDLEncoder);

//# sourceMappingURL=SDLEncoder.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/TrackData.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (immutable) */ __webpack_exports__["a"] = makeKeyframeFunction;
/* harmony export (immutable) */ __webpack_exports__["b"] = makeTrackdata;

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;

// for opacityfunction, volumefunction, etc.
function makeKeyframeFunction(frames, length, factor, func) {
    if (frames.length > 0) {
        func = func || new Proto.Function({
            type: Proto.Function.Type.keyframe,
            extrapolate: false,
            advancedkeyframes: [],
        });
        for (var i = 0; i < frames.length; i++) {
            var time = frames[i].time;
            var value = frames[i].value * factor;
            var kf = new Proto.Function.KeyFrame({
                time: time / length,
                value: value,
                incomingVelocity: frames[i].incoming_velocity,
                incomingInfluence: frames[i].incoming_influence,
                outgoingVelocity: frames[i].outgoing_velocity,
                outgoingInfluence: frames[i].outgoing_influence,
            });
            func.advancedkeyframes.push(kf);
        }
        return func;
    }
    return null;
}
function isPoint(value) {
    return value.x !== undefined;
}
function collectPoints(value) {
    var points = [];
    if (!value.segments.length)
        return points;
    var path = value.segments.slice();
    if (value.closed)
        path.splice(path.length, 0, value.segments[0]);
    points.push(value.segments[0].position);
    path.slice(1).reduce(function (prev, seg, idx) {
        points.push(prev.c2, seg.c1, seg.position);
        return seg;
    }, value.segments[0]);
    return points;
}
function adjust(value, factor) {
    if (value instanceof Array)
        return value.map(function (v) { return adjust(v, factor); });
    else if (value instanceof __WEBPACK_IMPORTED_MODULE_1__fx_core__["BezierPath"]) {
        var points = collectPoints(value);
        return points.map(function (v) { return adjust(v, factor); });
    }
    else if (isPoint(value)) {
        return { x: value.x * factor, y: value.y * factor };
    }
    else {
        return { x: value * factor, y: 0 };
    }
}
function addOrMulValue(value, op, operand) {
    if (typeof value === 'number')
        value = { x: value, y: 0 };
    if (typeof operand === 'number')
        operand = { x: operand, y: 0 };
    if (value instanceof Array) {
        return value.map(function (v) { return addOrMulValue(v, op, operand); });
    }
    if (value instanceof __WEBPACK_IMPORTED_MODULE_1__fx_core__["BezierPath"]) {
        var points = collectPoints(value);
        return points.map(function (v) { return addOrMulValue(v, op, operand); });
    }
    if (isPoint(value)) {
        if (op == 'add')
            return { x: value.x + operand.x, y: value.y + operand.y };
        if (op == 'mul')
            return { x: value.x * operand.x, y: value.y * operand.y };
    }
    throw new Error("SDLEncoder: addOrMulValue: Unknown type of operands");
}
function addParentValue(value, layer, prop, factor, op) {
    var anim = layer[prop];
    if (layer.parent) {
        var pvalue = addParentValue(value, layer.parent, prop, factor, op);
        return addOrMulValue(value, op, pvalue);
    }
    else {
        return value; //adjust(anim.get(), factor);
    }
}
function makeTrackdata(layer, prop, factor, op) {
    var anim = layer[prop];
    if (!anim.frames.length) {
        var value = addParentValue(adjust(anim.get(), factor), layer, prop, factor, op);
        return new Proto.TrackData({
            type: Proto.TrackData.Type.keyframe,
            numframes: 1,
            keyframes: [new Proto.KeyFrameTrackData({
                    points: new Proto.PointsVector({
                        points: [].concat(value)
                    })
                })]
        });
    }
    // TODO: advancedkeyframes
    // 
    var frames = [];
    for (var i = 0; i < anim.frames.length; i++) {
        var keyframe = anim.frames[i];
        value = addParentValue(adjust(keyframe.value, factor), layer, prop, factor, op);
        //adjusted = adjust(prop, value, factor);
        frames.push(new Proto.KeyFrameTrackData({
            offset: keyframe.time,
            points: new Proto.PointsVector({
                points: [].concat(value)
            }),
            incomingVelocity: keyframe.incoming_velocity,
            incomingInfluence: keyframe.incoming_influence,
            outgoingVelocity: keyframe.outgoing_velocity,
            outgoingInfluence: keyframe.outgoing_influence,
        }));
    }
    var td = new Proto.TrackData({
        type: Proto.TrackData.Type.keyframe,
        numframes: anim.last().time,
        keyframes: frames
    });
    return td;
}
//# sourceMappingURL=TrackData.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/encoder.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return Encoders; });
/* harmony export (immutable) */ __webpack_exports__["a"] = registerEncoder;
var Encoders = new Map();
function registerEncoder(name, encoder) {
    Encoders.set(name, encoder);
}
//# sourceMappingURL=encoder.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__SDLEncoder__ = __webpack_require__("./src/@fx/model/sdl/SDLEncoder.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__SDLEncoder__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__transformations__ = __webpack_require__("./src/@fx/model/sdl/transformations/index.ts");


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/blur.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;

var GaussianBlurTransformationEncoder = (function () {
    function GaussianBlurTransformationEncoder() {
    }
    GaussianBlurTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var tx = new Proto.Transformation({
            type: Proto.Transformation.Type.blur,
            blurlength: effect.blurlength.value,
            blurfactor: effect.blurfactor.value
        });
        return tx;
    };
    return GaussianBlurTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Gaussian Blur", new GaussianBlurTransformationEncoder);
//# sourceMappingURL=blur.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/cornerpin.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;

var CornerPinTransformationEncoder = (function () {
    function CornerPinTransformationEncoder() {
    }
    CornerPinTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var keyframes = [], numframes = 1;
        if (effect.upperleft$.frames.length) {
            numframes = effect.upperleft$.frames.length;
            for (var i = 0; i < numframes; i++) {
                var ul = effect.upperleft$.frames[i], ur = effect.upperright$.frames[i], lr = effect.lowerright$.frames[i], ll = effect.lowerleft$.frames[i];
                var data = [
                    { x: ul.value.x, y: ul.value.y },
                    { x: ur.value.x, y: ur.value.y },
                    { x: lr.value.x, y: lr.value.y },
                    { x: ll.value.x, y: ll.value.y },
                ];
                var kf = new Proto.KeyFrameTrackData({
                    offset: ul.time,
                    points: new Proto.PointsVector({
                        points: [].concat(data)
                    })
                });
                keyframes.push(kf);
            }
        }
        else {
            var data = [
                { x: effect.upperleft.x, y: effect.upperleft.y },
                { x: effect.upperright.x, y: effect.upperright.y },
                { x: effect.lowerright.x, y: effect.lowerright.y },
                { x: effect.lowerleft.x, y: effect.lowerleft.y },
            ];
            keyframes = [new Proto.KeyFrameTrackData({
                    points: new Proto.PointsVector({
                        points: [].concat(data)
                    })
                })];
        }
        var tx = new Proto.Transformation({
            type: Proto.Transformation.Type.quadtracking,
            trackdata: new Proto.TrackData({
                type: Proto.TrackData.Type.keyframe,
                numframes: numframes,
                keyframes: keyframes
            })
        });
        return tx;
    };
    return CornerPinTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Corner Pin", new CornerPinTransformationEncoder);
//# sourceMappingURL=cornerpin.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/directionalblur.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;

var DirectionalBlurTransformationEncoder = (function () {
    function DirectionalBlurTransformationEncoder() {
    }
    DirectionalBlurTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var tx = new Proto.Transformation({
            type: Proto.Transformation.Type.motionblur,
            blurlength: effect.length.value,
            blurfactor: effect.angle.value,
        });
        return tx;
    };
    return DirectionalBlurTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Directional Blur", new DirectionalBlurTransformationEncoder);
//# sourceMappingURL=directionalblur.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/fade.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__animation__ = __webpack_require__("./src/@fx/model/animation/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__TrackData__ = __webpack_require__("./src/@fx/model/sdl/TrackData.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;




var FadeTransformationEncoder = (function () {
    function FadeTransformationEncoder() {
    }
    FadeTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var start = effect instanceof __WEBPACK_IMPORTED_MODULE_3__animation__["g" /* FadeInAnimation */] ? 0 : effect.layer.numframes - effect.duration.value;
        var end = effect instanceof __WEBPACK_IMPORTED_MODULE_3__animation__["g" /* FadeInAnimation */] ? effect.duration.value : effect.layer.numframes - 1;
        var startValue = effect instanceof __WEBPACK_IMPORTED_MODULE_3__animation__["g" /* FadeInAnimation */] ? 0 : 1;
        var endValue = effect instanceof __WEBPACK_IMPORTED_MODULE_3__animation__["g" /* FadeInAnimation */] ? 1 : 0;
        var frames = [
            new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Keyframe"](effect.layer, start, startValue),
            new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Keyframe"](effect.layer, end, endValue),
        ];
        track.opacityfunction = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_4__TrackData__["a" /* makeKeyframeFunction */])(frames, effect.layer.numframes, 1, track.opacityfunction);
        return null;
    };
    return FadeTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__encoder__["a" /* registerEncoder */])("Fade In", new FadeTransformationEncoder);
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__encoder__["a" /* registerEncoder */])("Fade Out", new FadeTransformationEncoder);
//# sourceMappingURL=fade.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/flip.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;

var FlipTransformationEncoder = (function () {
    function FlipTransformationEncoder() {
    }
    FlipTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var tx = new Proto.Transformation({
            type: Proto.Transformation.Type.flip,
            flipaxis: parent.lookupFlipAxis(effect.axis.value)
        });
        return tx;
    };
    return FlipTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Flip", new FlipTransformationEncoder);
//# sourceMappingURL=flip.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__saturation__ = __webpack_require__("./src/@fx/model/sdl/transformations/saturation.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__cornerpin__ = __webpack_require__("./src/@fx/model/sdl/transformations/cornerpin.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__blur__ = __webpack_require__("./src/@fx/model/sdl/transformations/blur.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__uvmap__ = __webpack_require__("./src/@fx/model/sdl/transformations/uvmap.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__directionalblur__ = __webpack_require__("./src/@fx/model/sdl/transformations/directionalblur.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__textmask__ = __webpack_require__("./src/@fx/model/sdl/transformations/textmask.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__flip__ = __webpack_require__("./src/@fx/model/sdl/transformations/flip.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__kenburns__ = __webpack_require__("./src/@fx/model/sdl/transformations/kenburns.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__fade__ = __webpack_require__("./src/@fx/model/sdl/transformations/fade.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__zoom__ = __webpack_require__("./src/@fx/model/sdl/transformations/zoom.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__slide__ = __webpack_require__("./src/@fx/model/sdl/transformations/slide.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__typewriter__ = __webpack_require__("./src/@fx/model/sdl/transformations/typewriter.ts");












//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/kenburns.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;


var KenBurnsTransformationEncoder = (function () {
    function KenBurnsTransformationEncoder() {
    }
    KenBurnsTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var w = effect.layer.width * effect.zoom.value / 100, h = effect.layer.height * effect.zoom.value / 100, x = (effect.layer.width - w) / 2, y = (effect.layer.height - h) / 2;
        var rect = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](x, y), w, h);
        var tx = new Proto.Transformation({
            type: Proto.Transformation.Type.linearzoomin,
            numframes: effect.duration.value,
            offset: 0,
            trackdata: new Proto.TrackData({
                failfast: false,
                type: Proto.TrackData.Type.embedded,
                embeddeddata: this.makeData(rect)
            })
        });
        return tx;
    };
    KenBurnsTransformationEncoder.prototype.makeData = function (rect) {
        return new Proto.EmbeddedTrackData({
            frames: [
                new Proto.PointsVector({
                    points: [
                        { x: rect.left, y: rect.top },
                        { x: rect.right, y: rect.top },
                        { x: rect.right, y: rect.bottom },
                        { x: rect.left, y: rect.bottom }
                    ]
                })
            ]
        });
    };
    return KenBurnsTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__encoder__["a" /* registerEncoder */])("Ken Burns", new KenBurnsTransformationEncoder);
//# sourceMappingURL=kenburns.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/saturation.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;

var SaturationTransformationEncoder = (function () {
    function SaturationTransformationEncoder() {
    }
    SaturationTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var tx = new Proto.Transformation({
            type: Proto.Transformation.Type.intensity,
            saturation: effect.intensity.value / 100.0
        });
        return tx;
    };
    return SaturationTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Saturation", new SaturationTransformationEncoder);
//# sourceMappingURL=saturation.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/slide.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__animation__ = __webpack_require__("./src/@fx/model/animation/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SlideTransformationEncoder; });

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;


var SlideTransformationEncoder = (function () {
    function SlideTransformationEncoder() {
    }
    SlideTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var start = effect instanceof __WEBPACK_IMPORTED_MODULE_2__animation__["c" /* SlideInAnimation */] ? 0 : effect.layer.numframes - effect.duration.value;
        var end = effect instanceof __WEBPACK_IMPORTED_MODULE_2__animation__["c" /* SlideInAnimation */] ? effect.duration.value : effect.layer.numframes - 1;
        var easeIn = effect.easeIn ? 0.8 : 0;
        var easeOut = effect.easeOut ? 0.8 : 0;
        var width = effect.layer.comp.width, height = effect.layer.comp.height;
        var _a = this.computeStartEnd(effect.direction.value, effect instanceof __WEBPACK_IMPORTED_MODULE_2__animation__["d" /* SlideOutAnimation */], width, height), startValue = _a.startValue, endValue = _a.endValue;
        return this.createTX(start, end, startValue, endValue, easeIn, easeOut);
    };
    SlideTransformationEncoder.prototype.computeStartEnd = function (direction, reverse, width, height) {
        var startValue, endValue;
        reverse = !reverse;
        switch (direction) {
            case __WEBPACK_IMPORTED_MODULE_2__animation__["e" /* SlideDirection */].TOP:
                startValue = reverse ?
                    { x: 0, y: -height } : { x: 0, y: 0 };
                endValue = reverse ?
                    { x: 0, y: 0 } : { x: 0, y: -height };
                break;
            case __WEBPACK_IMPORTED_MODULE_2__animation__["e" /* SlideDirection */].BOTTOM:
                startValue = reverse ?
                    { x: 0, y: height } : { x: 0, y: 0 };
                endValue = reverse ?
                    { x: 0, y: 0 } : { x: 0, y: height };
                break;
            case __WEBPACK_IMPORTED_MODULE_2__animation__["e" /* SlideDirection */].RIGHT:
                startValue = reverse ?
                    { x: width, y: 0 } : { x: 0, y: 0 };
                endValue = reverse ?
                    { x: 0, y: 0 } : { x: width, y: 0 };
                break;
            case __WEBPACK_IMPORTED_MODULE_2__animation__["e" /* SlideDirection */].LEFT:
                startValue = reverse ?
                    { x: -width, y: 0 } : { x: 0, y: 0 };
                endValue = reverse ?
                    { x: 0, y: 0 } : { x: -width, y: 0 };
                break;
        }
        return { startValue: startValue, endValue: endValue };
    };
    SlideTransformationEncoder.prototype.createTX = function (start, end, startValue, endValue, easeIn, easeOut) {
        var tx = new Proto.Transformation({
            type: Proto.Transformation.Type.affine,
            translatedata: new Proto.TrackData({
                type: Proto.TrackData.Type.keyframe,
                numframes: end + 1,
                keyframes: [
                    new Proto.KeyFrameTrackData({
                        offset: start,
                        //incomingInfluence: easeIn,
                        //outgoingInfluence: easeOut,
                        points: new Proto.PointsVector({
                            points: [startValue]
                        })
                    }),
                    new Proto.KeyFrameTrackData({
                        offset: end,
                        incomingInfluence: easeIn,
                        outgoingInfluence: 0,
                        points: new Proto.PointsVector({
                            points: [endValue]
                        })
                    }),
                ]
            })
        });
        return tx;
    };
    return SlideTransformationEncoder;
}());

__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Slide In", new SlideTransformationEncoder);
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Slide Out", new SlideTransformationEncoder);
//# sourceMappingURL=slide.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/textmask.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;

var TextMaskTransformationEncoder = (function () {
    function TextMaskTransformationEncoder() {
    }
    TextMaskTransformationEncoder.prototype.encode = function (parent, track, effect) {
        track.content = new Proto.ImageProvider({
            type: Proto.ImageProvider.Type.emptyimage,
            width: parent.size().width,
            height: parent.size().height,
            color: effect.color.toObject()
        });
        var layer = parent.encodeLayer(effect.layer);
        if (!effect.layer.size().equal(parent.size())) {
            layer = new Proto.ImageProvider({
                type: Proto.ImageProvider.Type.scenebased,
                width: parent.size().width,
                height: parent.size().height,
                sceneview: new Proto.SceneView({
                    type: Proto.SceneView.Type.embedded,
                    width: parent.size().width,
                    height: parent.size().height,
                    scenes: [new Proto.Scene({
                            numframes: effect.layer.numframes,
                            tracks: [new Proto.VisualTrack({
                                    numframes: effect.layer.numframes,
                                    content: layer
                                })]
                        })]
                })
            });
        }
        var tx = new Proto.Transformation({
            type: Proto.Transformation.Type.mask,
            image: layer,
            maskchannel: 3,
            invertmask: true
        });
        return tx;
    };
    return TextMaskTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Text Mask", new TextMaskTransformationEncoder);
//# sourceMappingURL=textmask.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/typewriter.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__TrackData__ = __webpack_require__("./src/@fx/model/sdl/TrackData.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;



var TypewriterTransformationEncoder = (function () {
    function TypewriterTransformationEncoder() {
    }
    TypewriterTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var layer = effect.layer;
        var frames = [
            new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Keyframe"](effect.layer, 0, 0),
            new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Keyframe"](effect.layer, effect.duration.value, 1),
        ];
        track.content.texttypewritereffect = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__TrackData__["a" /* makeKeyframeFunction */])(frames, effect.layer.numframes, 1);
        return null;
    };
    return TypewriterTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__encoder__["a" /* registerEncoder */])("Typewriter", new TypewriterTransformationEncoder);
//# sourceMappingURL=typewriter.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/uvmap.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;

var UVMapTransformationEncoder = (function () {
    function UVMapTransformationEncoder() {
    }
    UVMapTransformationEncoder.prototype.encode = function (parent, track, effect) {
        if (effect.texture) {
            track.content = parent.encodeLayer(effect.texture);
            var uvmap = parent.encodeLayer(effect.layer);
            uvmap.ensure8bit = false;
            return new Proto.Transformation({
                type: Proto.Transformation.Type.texturemapping32f,
                image: uvmap
            });
        }
        return null;
    };
    return UVMapTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("UV Map", new UVMapTransformationEncoder);
//# sourceMappingURL=uvmap.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transformations/zoom.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__encoder__ = __webpack_require__("./src/@fx/model/sdl/encoder.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__animation__ = __webpack_require__("./src/@fx/model/animation/index.ts");

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;


var ZoomTransformationEncoder = (function () {
    function ZoomTransformationEncoder() {
    }
    ZoomTransformationEncoder.prototype.encode = function (parent, track, effect) {
        var start = effect instanceof __WEBPACK_IMPORTED_MODULE_2__animation__["f" /* ZoomInAnimation */] ? 0 : effect.layer.numframes - effect.duration.value;
        var end = effect instanceof __WEBPACK_IMPORTED_MODULE_2__animation__["f" /* ZoomInAnimation */] ? effect.duration.value : effect.layer.numframes - 1;
        var startValue = effect instanceof __WEBPACK_IMPORTED_MODULE_2__animation__["f" /* ZoomInAnimation */] ? 0.5 : 2;
        var tx = new Proto.Transformation({
            type: Proto.Transformation.Type.affine,
            scaledata: new Proto.TrackData({
                type: Proto.TrackData.Type.keyframe,
                numframes: end,
                keyframes: [
                    new Proto.KeyFrameTrackData({
                        offset: start,
                        points: new Proto.PointsVector({
                            points: [{ x: startValue, y: startValue }]
                        })
                    }),
                    new Proto.KeyFrameTrackData({
                        offset: end,
                        points: new Proto.PointsVector({
                            points: [{ x: 1, y: 1 }]
                        })
                    }),
                ]
            })
        });
        return tx;
    };
    return ZoomTransformationEncoder;
}());
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Zoom In", new ZoomTransformationEncoder);
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__encoder__["a" /* registerEncoder */])("Zoom Out", new ZoomTransformationEncoder);
//# sourceMappingURL=zoom.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transitions/crossfade.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony export (immutable) */ __webpack_exports__["a"] = createCrossfadeTransitionScene;

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;
function createCrossfadeTransitionScene(size, scene1, scene2, transition) {
    return new Proto.Scene({
        numframes: transition.duration.value,
        tracks: [new Proto.VisualTrack({
                opacityfunction: new Proto.Function({
                    type: Proto.Function.Type.keyframe,
                    extrapolate: false,
                    advancedkeyframes: [new Proto.Function.KeyFrame({
                            time: 0,
                            type: Proto.Function.KeyFrame.Type.frame,
                            origin: Proto.Function.KeyFrame.OriginType.origin_start,
                            value: 1,
                        }), new Proto.Function.KeyFrame({
                            time: transition.duration.value,
                            type: Proto.Function.KeyFrame.Type.frame,
                            origin: Proto.Function.KeyFrame.OriginType.origin_start,
                            value: 0
                        })]
                }),
                content: new Proto.ImageProvider({
                    type: Proto.ImageProvider.Type.scenebased,
                    videooffset: scene1.numframes - transition.duration.value,
                    sceneview: new Proto.SceneView({
                        type: Proto.SceneView.Type.embedded,
                        scenes: [scene1]
                    })
                })
            }), new Proto.VisualTrack({
                offset: 0,
                opacityfunction: new Proto.Function({
                    type: Proto.Function.Type.keyframe,
                    extrapolate: false,
                    advancedkeyframes: [new Proto.Function.KeyFrame({
                            time: 0,
                            type: Proto.Function.KeyFrame.Type.frame,
                            origin: Proto.Function.KeyFrame.OriginType.origin_start,
                            value: 0,
                        }), new Proto.Function.KeyFrame({
                            time: transition.duration.value,
                            type: Proto.Function.KeyFrame.Type.frame,
                            origin: Proto.Function.KeyFrame.OriginType.origin_start,
                            value: 1
                        })]
                }),
                content: new Proto.ImageProvider({
                    type: Proto.ImageProvider.Type.scenebased,
                    sceneview: new Proto.SceneView({
                        type: Proto.SceneView.Type.embedded,
                        scenes: [scene2]
                    })
                })
            })]
    });
}
//# sourceMappingURL=crossfade.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transitions/fade.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony export (immutable) */ __webpack_exports__["a"] = createFadeTransitionScene;

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;
function createFadeTransitionScene(size, scene1, scene2, transition) {
    var midpoint = Math.floor(transition.duration.value / 2);
    return new Proto.Scene({
        numframes: transition.duration.value,
        tracks: [
            new Proto.VisualTrack({
                content: new Proto.ImageProvider({
                    type: Proto.ImageProvider.Type.scenebased,
                    videooffset: scene1.numframes - midpoint,
                    sceneview: new Proto.SceneView({
                        type: Proto.SceneView.Type.embedded,
                        scenes: [scene1]
                    })
                })
            }),
            new Proto.VisualTrack({
                offset: midpoint,
                content: new Proto.ImageProvider({
                    type: Proto.ImageProvider.Type.scenebased,
                    sceneview: new Proto.SceneView({
                        type: Proto.SceneView.Type.embedded,
                        scenes: [scene2]
                    })
                })
            }),
            new Proto.VisualTrack({
                offset: 0,
                content: new Proto.ImageProvider({
                    type: Proto.ImageProvider.Type.emptyimage,
                    color: transition.color.toObject()
                }),
                opacityfunction: new Proto.Function({
                    type: Proto.Function.Type.keyframe,
                    extrapolate: false,
                    advancedkeyframes: [
                        new Proto.Function.KeyFrame({
                            time: 0,
                            type: Proto.Function.KeyFrame.Type.frame,
                            origin: Proto.Function.KeyFrame.OriginType.origin_start,
                            value: 0,
                        }), new Proto.Function.KeyFrame({
                            time: midpoint,
                            type: Proto.Function.KeyFrame.Type.frame,
                            origin: Proto.Function.KeyFrame.OriginType.origin_start,
                            value: 1
                        }), new Proto.Function.KeyFrame({
                            time: transition.duration.value,
                            type: Proto.Function.KeyFrame.Type.frame,
                            origin: Proto.Function.KeyFrame.OriginType.origin_start,
                            value: 0
                        })
                    ]
                })
            })
        ]
    });
}
//# sourceMappingURL=fade.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transitions/push.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__animation__ = __webpack_require__("./src/@fx/model/animation/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__transformations_slide__ = __webpack_require__("./src/@fx/model/sdl/transformations/slide.ts");
/* harmony export (immutable) */ __webpack_exports__["a"] = createLinearPushTransitionScene;

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;


function createLinearPushTransitionScene(size, scene1, scene2, transition) {
    var animator = new __WEBPACK_IMPORTED_MODULE_2__transformations_slide__["a" /* SlideTransformationEncoder */]();
    var start = 0, end = transition.duration.value;
    var easeIn = 0;
    var easeOut = 0;
    var width = size.width, height = size.height, dir = transition.direction.value, revdir = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__animation__["h" /* ReverseSlideDirection */])(dir);
    var _a = animator.computeStartEnd(revdir, true, width, height), sv1 = _a.startValue, ev1 = _a.endValue;
    var tx1 = animator.createTX(start, end, sv1, ev1, easeIn, easeOut);
    var _b = animator.computeStartEnd(dir, false, width, height), sv2 = _b.startValue, ev2 = _b.endValue;
    var tx2 = animator.createTX(start, end, sv2, ev2, easeIn, easeOut);
    return new Proto.Scene({
        numframes: transition.duration.value,
        tracks: [new Proto.VisualTrack({
                content: new Proto.ImageProvider({
                    type: Proto.ImageProvider.Type.scenebased,
                    videooffset: scene1.numframes - transition.duration.value,
                    sceneview: new Proto.SceneView({
                        type: Proto.SceneView.Type.embedded,
                        scenes: [scene1]
                    })
                }),
                transformations: [tx1]
            }), new Proto.VisualTrack({
                offset: 0,
                content: new Proto.ImageProvider({
                    type: Proto.ImageProvider.Type.scenebased,
                    sceneview: new Proto.SceneView({
                        type: Proto.SceneView.Type.embedded,
                        scenes: [scene2]
                    })
                }),
                transformations: [tx2]
            })]
    });
}
//# sourceMappingURL=push.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/transitions/wipe.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__transformations_slide__ = __webpack_require__("./src/@fx/model/sdl/transformations/slide.ts");
/* harmony export (immutable) */ __webpack_exports__["a"] = createLinearWipeTransitionScene;

var Proto = __WEBPACK_IMPORTED_MODULE_0_proto_Movie_js__["a" /* JetSDL */].Proto;

function createLinearWipeTransitionScene(size, scene1, scene2, transition) {
    var animator = new __WEBPACK_IMPORTED_MODULE_1__transformations_slide__["a" /* SlideTransformationEncoder */]();
    var start = 0, end = transition.duration.value;
    var easeIn = 0;
    var easeOut = 0;
    var width = size.width, height = size.height;
    var _a = animator.computeStartEnd(transition.direction.value, false, width, height), startValue = _a.startValue, endValue = _a.endValue;
    var tx = animator.createTX(start, end, startValue, endValue, easeIn, easeOut);
    return new Proto.Scene({
        numframes: transition.duration.value,
        tracks: [new Proto.VisualTrack({
                content: new Proto.ImageProvider({
                    type: Proto.ImageProvider.Type.scenebased,
                    videooffset: scene1.numframes - transition.duration.value,
                    sceneview: new Proto.SceneView({
                        type: Proto.SceneView.Type.embedded,
                        scenes: [scene1]
                    })
                }),
            }), new Proto.VisualTrack({
                offset: 0,
                content: new Proto.ImageProvider({
                    type: Proto.ImageProvider.Type.scenebased,
                    sceneview: new Proto.SceneView({
                        type: Proto.SceneView.Type.embedded,
                        scenes: [scene2]
                    })
                }),
                transformations: [tx]
            })]
    });
}
//# sourceMappingURL=wipe.js.map

/***/ }),

/***/ "./src/@fx/model/sdl/tvar.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__variables__ = __webpack_require__("./src/@fx/model/variables.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_proto_Movie_js__ = __webpack_require__("./src/proto/Movie.js");
/* harmony export (immutable) */ __webpack_exports__["a"] = TemplateVariable;


var Proto = __WEBPACK_IMPORTED_MODULE_1_proto_Movie_js__["a" /* JetSDL */].Proto;
function encodeStringVariable(name, defaultValue) {
    return new Proto.StringVariable({
        type: Proto.StringVariable.Type.map,
        key: name,
        defaultvalue: defaultValue
    });
}
function findOrCreateVariable(variables, name) {
    var v2 = variables.find(function (v) { return v.key == name; });
    if (!v2) {
        v2 = new __WEBPACK_IMPORTED_MODULE_0__variables__["a" /* MapVariable */](name, "[" + name + "]");
    }
    return v2;
}
function TemplateVariable(template, variables) {
    var exact = /^\$\{(\w+)\}$/;
    var regex = /\$\{(\w+)\}/g;
    var match = null; //template.match(regex);
    var prev = null;
    var sv = new Proto.StringVariable();
    var V = sv;
    if (template.search(regex) == -1) {
        sv.type = Proto.StringVariable.Type.constant;
        sv.value = template;
        return sv;
    }
    if (template.search(exact) == 0) {
        match = exact.exec(template);
        if (match.length) {
            var variable = findOrCreateVariable(variables, match[1]);
            return encodeStringVariable(variable.key, variable.defaultValue);
        }
    }
    while (match = regex.exec(template)) {
        if (regex.lastIndex == match.index)
            regex.lastIndex++;
        sv.type = Proto.StringVariable.Type.add;
        if (match.index && !prev) {
            prev = { lastIndex: 0 };
        }
        if (prev && match.index != prev.lastIndex) {
            sv.variable1 = new Proto.StringVariable();
            sv.variable2 = new Proto.StringVariable();
            sv.variable1.type = Proto.StringVariable.Type.constant;
            sv.variable1.value = template.substr(prev.lastIndex, match.index - prev.lastIndex);
            var v2 = findOrCreateVariable(variables, match[1]);
            sv.variable2.type = Proto.StringVariable.Type.add;
            sv.variable2.variable1 = encodeStringVariable(v2.key, v2.defaultValue);
            sv.variable2.variable2 = new Proto.StringVariable();
            sv = sv.variable2.variable2;
        }
        else {
            var v1 = findOrCreateVariable(variables, match[1]);
            sv.variable1 = encodeStringVariable(v1.key, v1.defaultValue);
            sv.variable2 = new Proto.StringVariable();
            sv = sv.variable2;
        }
        prev = { lastIndex: regex.lastIndex };
    }
    if (prev && prev.lastIndex != template.length) {
        sv.type = Proto.StringVariable.Type.constant;
        sv.value = template.substr(prev.lastIndex);
    }
    else {
        sv.type = Proto.StringVariable.Type.constant;
        sv.value = "";
    }
    return V;
}
;
//# sourceMappingURL=tvar.js.map

/***/ }),

/***/ "./src/@fx/model/tag.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* unused harmony export Tag */
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var Tag = (function () {
    function Tag() {
    }
    return Tag;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Color"),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _a || Object)
], Tag.prototype, "color", void 0);
Tag = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], Tag);

var _a;
//# sourceMappingURL=tag.js.map

/***/ }),

/***/ "./src/@fx/model/transitions/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__transition__ = __webpack_require__("./src/@fx/model/transitions/transition.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__transition__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__standard__ = __webpack_require__("./src/@fx/model/transitions/standard.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__standard__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__standard__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_1__standard__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_1__standard__["d"]; });


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/model/transitions/standard.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__animation__ = __webpack_require__("./src/@fx/model/animation/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__transition__ = __webpack_require__("./src/@fx/model/transitions/transition.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Fade; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return CrossFade; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return LinearWipe; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return LinearPush; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var Fade = (function (_super) {
    __extends(Fade, _super);
    function Fade() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Fade";
        _this.color = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"](__WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].BLACK);
        return _this;
    }
    Fade.prototype.info = function () {
        return [
            { instance: this, name: "Color", type: "color", anim: null, prop: this.color },
        ];
    };
    return Fade;
}(__WEBPACK_IMPORTED_MODULE_2__transition__["a" /* Transition */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], Fade.prototype, "name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"]) === "function" && _a || Object)
], Fade.prototype, "color", void 0);
Fade = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], Fade);

var CrossFade = (function (_super) {
    __extends(CrossFade, _super);
    function CrossFade() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Crossfade";
        return _this;
    }
    CrossFade.prototype.info = function () { return []; };
    return CrossFade;
}(__WEBPACK_IMPORTED_MODULE_2__transition__["a" /* Transition */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], CrossFade.prototype, "name", void 0);
CrossFade = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], CrossFade);

var LinearWipe = (function (_super) {
    __extends(LinearWipe, _super);
    function LinearWipe() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Swipe";
        _this.direction = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](__WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].LEFT);
        return _this;
    }
    LinearWipe.prototype.info = function () {
        return [
            { instance: this, name: "Direction", anim: null, type: "option", prop: this.direction, options: [
                    { name: "Top", value: __WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].TOP },
                    { name: "Bottom", value: __WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].BOTTOM },
                    { name: "Left", value: __WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].LEFT },
                    { name: "Right", value: __WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].RIGHT },
                ] }
        ];
    };
    return LinearWipe;
}(__WEBPACK_IMPORTED_MODULE_2__transition__["a" /* Transition */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], LinearWipe.prototype, "name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _b || Object)
], LinearWipe.prototype, "direction", void 0);
LinearWipe = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], LinearWipe);

var LinearPush = (function (_super) {
    __extends(LinearPush, _super);
    function LinearPush() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Push";
        _this.direction = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](__WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].LEFT);
        return _this;
    }
    LinearPush.prototype.info = function () {
        return [
            { instance: this, name: "Direction", anim: null, type: "option", prop: this.direction, options: [
                    { name: "Top", value: __WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].TOP },
                    { name: "Bottom", value: __WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].BOTTOM },
                    { name: "Left", value: __WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].LEFT },
                    { name: "Right", value: __WEBPACK_IMPORTED_MODULE_1__animation__["e" /* SlideDirection */].RIGHT },
                ] }
        ];
    };
    return LinearPush;
}(__WEBPACK_IMPORTED_MODULE_2__transition__["a" /* Transition */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Object)
], LinearPush.prototype, "name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _c || Object)
], LinearPush.prototype, "direction", void 0);
LinearPush = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], LinearPush);

var _a, _b, _c;
//# sourceMappingURL=standard.js.map

/***/ }),

/***/ "./src/@fx/model/transitions/transition.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Transition; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

var Transition = (function () {
    function Transition() {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.duration = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"](12);
    }
    return Transition;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], Transition.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["Scalar"]) === "function" && _a || Object)
], Transition.prototype, "duration", void 0);
Transition = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])()
], Transition);

var _a;
//# sourceMappingURL=transition.js.map

/***/ }),

/***/ "./src/@fx/model/variables.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return SourceAccessMode; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return FileLocation; });
/* unused harmony export Variable */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MapVariable; });
/* unused harmony export CounterVariable */
/* harmony export (immutable) */ __webpack_exports__["e"] = EncodeMapVariable;
/* harmony export (immutable) */ __webpack_exports__["d"] = DecodeMapVariable;
/* harmony export (immutable) */ __webpack_exports__["f"] = DecodeTextTemplate;
/* harmony export (immutable) */ __webpack_exports__["g"] = EncodeTextTemplate;
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

var SourceAccessMode;
(function (SourceAccessMode) {
    SourceAccessMode[SourceAccessMode["NOTAPPLICABLE"] = 0] = "NOTAPPLICABLE";
    SourceAccessMode[SourceAccessMode["LOCAL"] = 1] = "LOCAL";
    SourceAccessMode[SourceAccessMode["REMOTE"] = 2] = "REMOTE";
})(SourceAccessMode || (SourceAccessMode = {}));
var FileLocation = (function () {
    function FileLocation(mode, path, variable) {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
        this.mode = SourceAccessMode.LOCAL;
        this.mode = mode;
        this._path = path;
        this.variable = variable;
    }
    Object.defineProperty(FileLocation.prototype, "path", {
        get: function () {
            return this.mode == SourceAccessMode.LOCAL ? "userdata/" + this._path : this.sanitizeUrl(this._path);
        },
        set: function (value) {
            this._path = value;
        },
        enumerable: true,
        configurable: true
    });
    FileLocation.prototype.name = function () {
        return this._path;
    };
    Object.defineProperty(FileLocation.prototype, "filename", {
        get: function () {
            return this._path;
        },
        set: function (fname) {
            this._path = fname;
        },
        enumerable: true,
        configurable: true
    });
    FileLocation.prototype.sanitizeUrl = function (url) {
        var secure = url.indexOf('https') != -1 ? 's' : '';
        var clean = url.replace(/http:\/\/|https:\/\//g, '');
        return "http" + secure + "://" + clean;
    };
    return FileLocation;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], FileLocation.prototype, "id", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], FileLocation.prototype, "_path", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])("Variable"),
    __metadata("design:type", Variable)
], FileLocation.prototype, "variable", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Number)
], FileLocation.prototype, "mode", void 0);
FileLocation = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [Number, String, Variable])
], FileLocation);

var Variable = (function () {
    function Variable() {
        this.id = __WEBPACK_IMPORTED_MODULE_0__fx_core__["UUID"].uuid4();
    }
    return Variable;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Id"])(),
    __metadata("design:type", String)
], Variable.prototype, "id", void 0);
Variable = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [])
], Variable);

var MapVariable = (function (_super) {
    __extends(MapVariable, _super);
    function MapVariable(key, defaultValue, encodeURI) {
        if (encodeURI === void 0) { encodeURI = false; }
        var _this = _super.call(this) || this;
        _this.key = key;
        _this.defaultValue = defaultValue;
        _this.encodeURI = encodeURI;
        return _this;
    }
    MapVariable.prototype.assign = function (other) {
        this.key = other.key;
        this.defaultValue = other.defaultValue;
        this.encodeURI = other.encodeURI;
    };
    return MapVariable;
}(Variable));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], MapVariable.prototype, "key", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", String)
], MapVariable.prototype, "defaultValue", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Boolean)
], MapVariable.prototype, "encodeURI", void 0);
MapVariable = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [String, String, Boolean])
], MapVariable);

var CounterVariable = (function (_super) {
    __extends(CounterVariable, _super);
    function CounterVariable(start, end, timing) {
        var _this = _super.call(this) || this;
        _this.start = start;
        _this.end = end;
        _this.timing = timing;
        return _this;
    }
    return CounterVariable;
}(Variable));

__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Variable)
], CounterVariable.prototype, "start", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", Variable)
], CounterVariable.prototype, "end", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__fx_core__["KeyframeAnimation"]) === "function" && _a || Object)
], CounterVariable.prototype, "timing", void 0);
//https://stackoverflow.com/questions/8493195/how-can-i-parse-a-csv-string-with-javascript-which-contains-comma-in-data
function CSVtoArray(text) {
    var re_valid = /^\s*(?:'[^'\\]*(?:\\[\S\s][^'\\]*)*'|"[^"\\]*(?:\\[\S\s][^"\\]*)*"|[^,'"\s\\]*(?:\s+[^,'"\s\\]+)*)\s*(?:,\s*(?:'[^'\\]*(?:\\[\S\s][^'\\]*)*'|"[^"\\]*(?:\\[\S\s][^"\\]*)*"|[^,'"\s\\]*(?:\s+[^,'"\s\\]+)*)\s*)*$/;
    var re_value = /(?!\s*$)\s*(?:'([^'\\]*(?:\\[\S\s][^'\\]*)*)'|"([^"\\]*(?:\\[\S\s][^"\\]*)*)"|([^,'"\s\\]*(?:\s+[^,'"\s\\]+)*))\s*(?:,|$)/g;
    // Return NULL if input string is not well formed CSV string.
    if (!re_valid.test(text))
        return null;
    var a = []; // Initialize array to receive values.
    text.replace(re_value, // "Walk" the string using replace with callback.
    function (m0, m1, m2, m3) {
        // Remove backslash from \' in single quoted values.
        if (m1 !== undefined)
            a.push(m1.replace(/\\'/g, "'"));
        else if (m2 !== undefined)
            a.push(m2.replace(/\\"/g, '"'));
        else if (m3 !== undefined)
            a.push(m3);
        return ''; // Return empty string.
    });
    // Handle special case of empty last value.
    if (/,\s*$/.test(text))
        a.push('');
    return a;
}
;
function EncodeMapVariable(value) {
    var regex = /\$\{(.*)\}/g;
    var match = regex.exec(value);
    var key, defaultvalue = "", options = "";
    if (match && match.length) {
        var elems = CSVtoArray(match[1]);
        key = elems[0].trim();
        if (elems.length > 1) {
            defaultvalue = elems[1].trim();
            if (defaultvalue.indexOf("'") != -1 || defaultvalue.indexOf('"') != -1) {
                // Quoted default value
                defaultvalue = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["unquote"])(defaultvalue);
            }
        }
        if (elems.length > 2) {
            options = elems[2];
            // more options?
        }
        return new MapVariable(key, defaultvalue, !!options);
    }
    console.error("EncodeMapVariable: ValueError", value);
    return null;
}
function DecodeMapVariable(variable) {
    var value = '${' + variable.key + ",'" + variable.defaultValue + "'";
    if (variable.encodeURI) {
        value += ', enc';
    }
    value += '}';
    return value;
}
function DecodeTextTemplate(variables, template) {
    var regex = /\$\{(.*)\}/g;
    var match, prev, result = "";
    if (template.search(regex) == -1) {
        return template;
    }
    while (match = regex.exec(template)) {
        if (regex.lastIndex == match.index)
            regex.lastIndex++;
        if (match.index && !prev) {
            prev = { lastIndex: 0 };
        }
        if (prev && match.index != prev.lastIndex) {
            result += template.substr(prev.lastIndex, match.index - prev.lastIndex);
            var v2 = variables.find(function (v) { return v.key == match[1]; });
            result += DecodeMapVariable(v2);
        }
        else {
            var v1 = variables.find(function (v) { return v.key == match[1]; });
            result += DecodeMapVariable(v1);
        }
        prev = { lastIndex: regex.lastIndex };
    }
    if (prev && prev.lastIndex != template.length) {
        result += template.substr(prev.lastIndex);
    }
    return result;
}
/**
 * Convert a text string with zero or more text templates of
 * in form ${key, defafualtValue, options} into a simpler form of
 * ${key} and an arrray of MapsVariables.
 *
 * @param variables
 * @param template
 */
function EncodeTextTemplate(variables, template) {
    var regex = /\$\{(.*)\}/g;
    var match, prev, result = "";
    if (template.search(regex) == -1) {
        return template;
    }
    while (match = regex.exec(template)) {
        if (regex.lastIndex == match.index)
            regex.lastIndex++;
        if (match.index && !prev) {
            prev = { lastIndex: 0 };
        }
        if (prev && match.index != prev.lastIndex) {
            result += template.substr(prev.lastIndex, match.index - prev.lastIndex);
            var v2 = EncodeMapVariable(match[0]);
            var found = variables.find(function (v) { return v.key == v2.key; });
            if (!found)
                variables.push(found);
            else
                found.assign(v2);
            var key = found ? found.key : v2.key;
            result += '${' + key + '}';
        }
        else {
            var v1 = EncodeMapVariable(match[0]);
            var found = variables.find(function (v) { return v.key == v1.key; });
            if (!found)
                variables.push(found);
            else
                found.assign(v1);
            var key = found ? found.key : v2.key;
            result += '${' + key + '}';
        }
        prev = { lastIndex: regex.lastIndex };
    }
    if (prev && prev.lastIndex != template.length) {
        result += template.substr(prev.lastIndex);
    }
    return result;
}
var _a;
//# sourceMappingURL=variables.js.map

/***/ }),

/***/ "./src/@fx/services/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common__ = __webpack_require__("./node_modules/@angular/common/@angular/common.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core_core_module__ = __webpack_require__("./src/@fx/core/core.module.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model_module__ = __webpack_require__("./src/@fx/model/module.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__preferences__ = __webpack_require__("./src/@fx/services/preferences.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__model_service__ = __webpack_require__("./src/@fx/services/model-service.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__project_service__ = __webpack_require__("./src/@fx/services/project-service.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__iv__ = __webpack_require__("./src/@fx/services/iv.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__play_service__ = __webpack_require__("./src/@fx/services/play-service.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_4__preferences__["a"]; });
/* unused harmony reexport Preferences */
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_5__model_service__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_6__project_service__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_6__project_service__["b"]; });
/* unused harmony reexport IVConverter */
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_8__play_service__["a"]; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ServiceModule; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};














var ServiceModule = (function () {
    function ServiceModule() {
    }
    return ServiceModule;
}());
ServiceModule = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["c" /* NgModule */])({
        imports: [__WEBPACK_IMPORTED_MODULE_1__angular_common__["a" /* CommonModule */], __WEBPACK_IMPORTED_MODULE_2__fx_core_core_module__["a" /* CoreModule */], __WEBPACK_IMPORTED_MODULE_3__fx_model_module__["a" /* ModelModule */]],
        providers: [__WEBPACK_IMPORTED_MODULE_4__preferences__["a" /* PreferenceService */], __WEBPACK_IMPORTED_MODULE_5__model_service__["a" /* ModelService */], __WEBPACK_IMPORTED_MODULE_6__project_service__["a" /* ProjectService */], __WEBPACK_IMPORTED_MODULE_8__play_service__["a" /* PlayService */], __WEBPACK_IMPORTED_MODULE_7__iv__["a" /* IVConverter */]],
        declarations: [],
        exports: [],
    }),
    __metadata("design:paramtypes", [])
], ServiceModule);

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/services/iv.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__project_service__ = __webpack_require__("./src/@fx/services/project-service.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__model_service__ = __webpack_require__("./src/@fx/services/model-service.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return IVConverter; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (_) try {
            if (f = 1, y && (t = y[op[0] & 2 ? "return" : op[0] ? "throw" : "next"]) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [0, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};





//import { LoadableAsset } from '../loadable';




var IVBlendModes = {
    'Normal': __WEBPACK_IMPORTED_MODULE_2__fx_model__["BLENDMODE"].normal,
    'Multiply': __WEBPACK_IMPORTED_MODULE_2__fx_model__["BLENDMODE"].multiply,
    'Overlay': __WEBPACK_IMPORTED_MODULE_2__fx_model__["BLENDMODE"].overlay,
    'InverseMultiply': __WEBPACK_IMPORTED_MODULE_2__fx_model__["BLENDMODE"].screen,
    'SoftLight': __WEBPACK_IMPORTED_MODULE_2__fx_model__["BLENDMODE"].softlight,
};
var IVConverter = (function () {
    function IVConverter(prj, model, undo) {
        this.prj = prj;
        this.model = model;
        this.undo = undo;
    }
    IVConverter.prototype.import = function (iv) {
        return __awaiter(this, void 0, void 0, function () {
            var comp;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0:
                        this.undo.disable();
                        return [4 /*yield*/, this._import(iv)];
                    case 1:
                        comp = _a.sent();
                        this.undo.enable();
                        return [2 /*return*/, comp];
                }
            });
        });
    };
    IVConverter.prototype._import = function (iv) {
        return __awaiter(this, void 0, void 0, function () {
            var _this = this;
            var comp, video;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0:
                        comp = this.createComp(iv);
                        return [4 /*yield*/, this.loadVideo(comp, iv.videoname)];
                    case 1:
                        video = _a.sent();
                        iv.tracks.slice(1, 10).forEach(function (track, idx) {
                            console.log("tracker", idx);
                            var mt = _this.createMotionTracker(comp, video, track);
                            track.layers.reverse().forEach(function (layer) { return __awaiter(_this, void 0, void 0, function () {
                                var offset_scale, avlayer, mask, m, i;
                                return __generator(this, function (_a) {
                                    switch (_a.label) {
                                        case 0:
                                            console.log("start layer", layer.name);
                                            offset_scale = [
                                                new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](layer.options.offset_x, layer.options.offset_y),
                                                new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](layer.options.offset_x + layer.options.scale_x, layer.options.offset_y),
                                                new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](layer.options.offset_x + layer.options.scale_x, layer.options.offset_y + layer.options.scale_y),
                                                new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](layer.options.offset_x, layer.options.offset_y + layer.options.scale_y)
                                            ];
                                            return [4 /*yield*/, this.createLayer(comp, layer, mt)];
                                        case 1:
                                            avlayer = _a.sent();
                                            this.model.applyMotionTracker(mt, avlayer, offset_scale);
                                            if (!layer.options.mask.masked) return [3 /*break*/, 3];
                                            return [4 /*yield*/, this.createMask(comp, layer.options.mask)];
                                        case 2:
                                            mask = _a.sent();
                                            mask.visible = false;
                                            m = comp.layers.indexOf(mask);
                                            comp.layers.splice(m, 1);
                                            i = comp.layers.indexOf(avlayer);
                                            comp.layers.splice(i + 1, 0, mask);
                                            avlayer.trackmatte = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["Matte"](mask, layer.options.mask.channel, layer.options.mask.invert);
                                            _a.label = 3;
                                        case 3: return [2 /*return*/];
                                    }
                                });
                            }); });
                        });
                        return [2 /*return*/, comp];
                }
            });
        });
    };
    IVConverter.prototype.createComp = function (iv) {
        var settings = {
            name: iv.name,
            width: iv.width,
            height: iv.height,
            numframes: iv.maxframes,
            bgcolor: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString('#000000'),
            framerate: __WEBPACK_IMPORTED_MODULE_2__fx_model__["Framerate"].fromString(iv.fps)
        };
        return this.prj.newComposition(settings);
    };
    IVConverter.prototype.loadVideo = function (comp, name) {
        return __awaiter(this, void 0, void 0, function () {
            var asset, video;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0: return [4 /*yield*/, this.prj.loadAssetByName(name)];
                    case 1:
                        asset = _a.sent();
                        video = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageItem"](this.prj.project, new __WEBPACK_IMPORTED_MODULE_2__fx_model__["AssetSource"](asset));
                        this.prj.project.addItem(video);
                        this.prj.change.next(true);
                        return [2 /*return*/, this.model.newLayerFromItem(comp, video)];
                }
            });
        });
    };
    IVConverter.prototype.createLayer = function (comp, layer, mt) {
        return __awaiter(this, void 0, void 0, function () {
            var avlayer, bbox, _a, font, source, url, variable, fitem, sitem, solidsFolder;
            return __generator(this, function (_b) {
                switch (_b.label) {
                    case 0:
                        avlayer = null, bbox = mt.getMaxBoundingRect();
                        _a = layer.options.content.type;
                        switch (_a) {
                            case "text": return [3 /*break*/, 1];
                            case "image": return [3 /*break*/, 4];
                            case "video": return [3 /*break*/, 6];
                            case "http": return [3 /*break*/, 8];
                            case "background": return [3 /*break*/, 9];
                        }
                        return [3 /*break*/, 10];
                    case 1:
                        avlayer = this.prj.newTextLayer(comp);
                        avlayer.numframes = layer.numframes;
                        avlayer.template = layer.options.content.text_text;
                        avlayer.defaultContext.color = __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#" + layer.options.content.text_color);
                        avlayer.defaultContext.fontsize = layer.options.content.text_size;
                        if (!layer.options.content.text_font) return [3 /*break*/, 3];
                        return [4 /*yield*/, this.createFont(comp, layer.options.content.text_font)];
                    case 2:
                        font = _b.sent();
                        avlayer.defaultContext.font = font;
                        _b.label = 3;
                    case 3: return [3 /*break*/, 11];
                    case 4:
                        source = layer.options.content.image_source;
                        return [4 /*yield*/, this.createFootageLayer(comp, source)];
                    case 5:
                        avlayer = _b.sent();
                        return [3 /*break*/, 11];
                    case 6:
                        source = layer.options.content.video_source;
                        return [4 /*yield*/, this.createFootageLayer(comp, source)];
                    case 7:
                        avlayer = _b.sent();
                        return [3 /*break*/, 11];
                    case 8:
                        url = "http://" + layer.options.content.variable_pattern;
                        variable = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["MapVariable"](layer.options.content.variable, "https://placeimg.com/240/180/any" || layer.options.content.http_defaulturl);
                        fitem = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageItem"](this.prj.project, new __WEBPACK_IMPORTED_MODULE_2__fx_model__["RemoteSource"](__WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"].Image, new __WEBPACK_IMPORTED_MODULE_2__fx_model__["FileLocation"](__WEBPACK_IMPORTED_MODULE_2__fx_model__["SourceAccessMode"].REMOTE, url, variable), bbox.width, bbox.height));
                        this.prj.project.root.add(fitem);
                        avlayer = this.model.newLayerFromItem(comp, fitem);
                        return [3 /*break*/, 11];
                    case 9:
                        sitem = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageItem"](this.prj.project, new __WEBPACK_IMPORTED_MODULE_2__fx_model__["SolidSource"](__WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString(layer.options.background_color), 100, 100, null));
                        solidsFolder = this.prj.findFolder("Solids");
                        if (solidsFolder)
                            solidsFolder.add(sitem);
                        else
                            this.prj.project.root.add(sitem);
                        avlayer = this.model.newLayerFromItem(comp, sitem);
                        return [3 /*break*/, 11];
                    case 10:
                        debugger;
                        _b.label = 11;
                    case 11:
                        avlayer._name = layer.name;
                        avlayer.opacity = layer.options.intensity * 100;
                        avlayer.blendmode = IVBlendModes[layer.options.blendmode];
                        avlayer.numframes = layer.numframes;
                        avlayer.offset = layer.startframe;
                        this.prj.change.next(true);
                        return [2 /*return*/, avlayer];
                }
            });
        });
    };
    IVConverter.prototype.createMask = function (comp, mask) {
        return __awaiter(this, void 0, void 0, function () {
            var matte;
            return __generator(this, function (_a) {
                matte = this.createFootageLayer(comp, mask.source);
                // TODO: offset, channel, invert
                return [2 /*return*/, matte];
            });
        });
    };
    IVConverter.prototype.createFootageLayer = function (comp, source) {
        return __awaiter(this, void 0, void 0, function () {
            var slash, name, fxasset, footage, avlayer;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0:
                        slash = source.lastIndexOf('/');
                        name = source.substr(slash + 1);
                        return [4 /*yield*/, this.prj.loadAssetByName(name)];
                    case 1:
                        fxasset = _a.sent();
                        footage = this.prj.find(function (f) { return f instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageItem"] && f.source.uid == fxasset.Uid; });
                        if (!footage) {
                            //let asset = new LoadableAsset(this.prj.project, fxasset.Uid, fxasset);
                            footage = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageItem"](this.prj.project, new __WEBPACK_IMPORTED_MODULE_2__fx_model__["AssetSource"](fxasset));
                            this.prj.project.addItem(footage);
                            this.prj.change.next(true);
                        }
                        avlayer = this.model.newLayerFromItem(comp, footage);
                        return [2 /*return*/, avlayer];
                }
            });
        });
    };
    IVConverter.prototype.createFont = function (comp, source) {
        return __awaiter(this, void 0, void 0, function () {
            var slash, name, fxasset, fontitem;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0:
                        slash = source.lastIndexOf('/');
                        name = source.substr(slash + 1);
                        return [4 /*yield*/, this.prj.loadAssetByName(name)];
                    case 1:
                        fxasset = _a.sent();
                        fontitem = this.prj.find(function (f) { return f instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["FontItem"] && f.uid == fxasset.Uid; });
                        if (!fontitem) {
                            //let asset = new LoadableAsset(this.prj.project, fxasset.Uid, fxasset);
                            fontitem = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["FontItem"](this.prj.project, new __WEBPACK_IMPORTED_MODULE_2__fx_model__["AssetSource"](fxasset));
                            this.prj.project.addItem(fontitem);
                            this.prj.change.next(true);
                        }
                        return [2 /*return*/, fontitem];
                }
            });
        });
    };
    IVConverter.prototype.createMotionTracker = function (comp, video, track) {
        var mt = this.model.addMotionTracker(comp, video);
        switch (track.type) {
            case "PointTracker":
                mt.type = __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackType"].Transform;
                mt.rows = 1;
                mt.cols = 1;
                this.loadPointTrackpoint(mt, track.positions, track.startframe, track.numframes);
                break;
            case "PerspectiveTracker":
                mt.type = __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackType"].CornerPin;
                mt.rows = 2;
                mt.cols = 2;
                this.loadPerspectiveTrackpoints(mt, track.positions, track.startframe, track.numframes);
                break;
        }
        mt.recalcAnchor();
        return mt;
    };
    IVConverter.prototype.loadPointTrackpoint = function (mt, positions, startframe, numframes) {
        var tp = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackPoint"](mt, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]());
        for (var i = 0, t = startframe; i < numframes; i++, t++) {
            var p = positions[t];
            tp.pos$.add(t, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](p[0][0], p[0][1]));
        }
        mt.trackpoints = [[tp]];
    };
    IVConverter.prototype.loadPerspectiveTrackpoints = function (mt, positions, startframe, numframes) {
        var topleft = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackPoint"](mt, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]()), topright = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackPoint"](mt, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]()), bottomleft = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackPoint"](mt, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]()), bottomright = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackPoint"](mt, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]());
        for (var i = 0, t = startframe; i < numframes - 1; i++, t++) {
            var p = positions[t];
            try {
                topleft.pos$.add(t, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](p[0][0], p[0][1]));
                topright.pos$.add(t, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](p[1][0], p[1][1]));
                bottomleft.pos$.add(t, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](p[3][0], p[3][1]));
                bottomright.pos$.add(t, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](p[2][0], p[2][1]));
            }
            catch (e) {
                console.error("Cannot load trackpoint", i, t, p, positions);
                throw e;
            }
        }
        mt.trackpoints = [[topleft, topright], [bottomleft, bottomright]];
    };
    return IVConverter;
}());
IVConverter = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__project_service__["a" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__project_service__["a" /* ProjectService */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_4__model_service__["a" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__model_service__["a" /* ModelService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"]) === "function" && _c || Object])
], IVConverter);

var _a, _b, _c;
//# sourceMappingURL=iv.js.map

/***/ }),

/***/ "./src/@fx/services/model-service.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__project_service__ = __webpack_require__("./src/@fx/services/project-service.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__preferences__ = __webpack_require__("./src/@fx/services/preferences.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ModelService; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var ModelService = (function () {
    function ModelService(ss, serial, cb, prefs, fxService, prj) {
        this.ss = ss;
        this.serial = serial;
        this.cb = cb;
        this.prefs = prefs;
        this.fxService = fxService;
        this.prj = prj;
        /**
         * List of all Selection Manager subscriptions
         */
        this.subscriptions = [];
    }
    ModelService.prototype.setActiveComposition = function (comp) {
        this.comp = comp;
        this.unsubscribeAll();
        this.subscribeAll();
    };
    ModelService.prototype.getActiveComposition = function () {
        return this.comp;
    };
    ModelService.prototype.unsubscribeAll = function () {
        this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
    };
    ModelService.prototype.subscribeAll = function () {
        var _this = this;
        var sm = this.ss.getSelectionManager(this.comp);
        this.subscriptions.push(sm.on("copy", function (event) { return _this.copySelected(event, sm.selected); }), sm.on("paste", function (event) { return _this.paste(event, sm.selected); }), sm.on("delete", function (event) { return _this.deleteSelected(sm.selected); }), sm.on("cut", function (event) { return _this.cutSelected(event, sm.selected); }));
        /*
                this.comp.avlayers.forEach(layer => {
        
                    // Delete Trackpoint
                    var sub5 = layer.trackers.map(tracker => {
                        var tm = this.ss.getSelectionManager(tracker);
                        return tm.on("delete", () => {
                            var tps = tm.selectedWithType<TrackPoint>();
                            tps.forEach(tp => tracker.deleteTrackpoint(tp));
                            tracker.layer.change.next(null);
                        })
                    });
        
                })
                */
    };
    ModelService.prototype.copySelected = function (event, selected) {
        var _this = this;
        var archive = selected.map(function (s) { return _this.serial.encode(s); });
        var clipboard = event.detail.event.clipboardData;
        var r = clipboard.setData('text/plain', JSON.stringify(archive));
        return r;
    };
    ModelService.prototype.getLayer = function (target) {
        if (!target.container)
            return null;
        if (target == target.container()) {
            console.warn("Selected object does not have a parent layer?");
            return null;
        }
        if (target instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["AVLayer"])
            return target;
        return this.getLayer(target.container());
    };
    ModelService.prototype.paste = function (event, targets) {
        var _this = this;
        var archive = this.getParsedClipboardData(event);
        if (!archive || !(archive instanceof Array))
            return;
        var target = targets.length ? targets[0] : null;
        if (!target)
            return;
        var layer = this.getLayer(target);
        if (!layer)
            return;
        var created = [];
        archive.forEach(function (obj) {
            var pasteInto = layer.getContainer(obj.__container);
            switch (obj.__container) {
                case "Composition":
                    created.push(_this.pasteLayerFromClipboard(_this.comp, obj));
                    break;
                case "Layer Properties Group":
                    obj.group.map(function (e) {
                        var g = layer.getContainer(e.__container);
                        var fx = _this.serial.decode(e, { layer: layer, group: g });
                        g.group.push(fx);
                        created.push(fx);
                    });
                    break;
                case "Effects":
                case "Masks":
                    var fx = _this.serial.decode(obj, { layer: layer, group: pasteInto });
                    pasteInto.group.push(fx);
                    created.push(fx);
                    break;
                case "Transform":
                    var anim = _this.serial.decode(obj, { ot: layer, group: layer.transformGroup });
                    var targetType = target._value.constructor.name;
                    var sourceType = anim._value.constructor.name;
                    if (sourceType != targetType) {
                        alert("Cannot paste " + sourceType + " data into " + targetType + " property");
                    }
                    else {
                        target._value = anim._value;
                        target.replace(anim);
                    }
                    break;
            }
        });
        this.ss.selectMulti(created);
        layer.change.next(true);
    };
    ModelService.prototype.deleteSelected = function (targets) {
        var _this = this;
        console.log("delete", targets);
        var update = false;
        targets.slice().forEach(function (target) {
            var container = target.container();
            _this.ss.unselect(target);
            if (target instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Layer"]) {
                _this.comp.deleteLayer(target);
                update = true;
            }
            else if (container instanceof __WEBPACK_IMPORTED_MODULE_1__fx_core__["KeyframeAnimation"] && target instanceof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Keyframe"]) {
                container.delete(target);
            }
            else if (container instanceof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionGroup"]) {
                if (container.name == "Layer Properties Group") {
                    var group_1 = target;
                    group_1.group.forEach(function (member) { return group_1.remove(member); });
                }
                else {
                    container.remove(target);
                }
                update = true;
            }
        });
        if (update)
            this.comp.change.next(true);
    };
    ModelService.prototype.cutSelected = function (event, targets) {
        this.copySelected(event, targets);
        this.deleteSelected(targets);
    };
    ModelService.prototype.getParsedClipboardData = function (event) {
        var _this = this;
        var clipboard = event.detail.event.clipboardData;
        var data = clipboard.getData('text/plain');
        if (data.indexOf("Adobe After Effects") != -1) {
            var decoder = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["AEDataConverter"]();
            var tdata = decoder.read(data);
            var anims = decoder.convert(tdata);
            data = JSON.stringify(anims.map(function (a) { return _this.serial.encode(a); }));
        }
        var parsed = this.serial.parse(data);
        return parsed;
    };
    ModelService.prototype.getSelectedLayers = function (comp) {
        return this.ss.getSelectionManager(comp).selectedWithType();
    };
    ModelService.prototype.selectAllLayers = function (comp) {
        this.ss.selectMulti(comp.layers);
    };
    ModelService.prototype.deselectAllLayers = function (comp) {
        this.ss.unselectAll(comp.layers);
    };
    ModelService.prototype.invertSelection = function (comp) {
        var unselected = this.comp.layers.filter(function (layer) { return !layer.selected; });
        this.ss.unselectAll(comp.layers);
        this.ss.selectMulti(unselected);
    };
    ModelService.prototype.pasteLayerFromClipboard = function (comp, obj) {
        var layer = this.serial.decode(obj, { comp: comp });
        comp.insertLayer(0, layer);
        comp.change.next(true);
        return layer;
    };
    ModelService.prototype.duplicateSelectedLayers = function (comp) {
        var _this = this;
        var sm = this.ss.getSelectionManager(comp);
        var archive = sm.selected.map(function (layer) { return _this.serial.encode(layer); });
        var layers = archive.map(function (obj) { return _this.serial.decode(obj, { comp: comp }); });
        layers.forEach(function (layer) {
            //layer.comp = comp;
            comp.appendLayer(layer);
        });
        return true;
    };
    // TODO: Complete add to project
    ModelService.prototype.preComposeSelectedLayers = function (comp) {
        var sm = this.ss.getSelectionManager(comp);
        var layers = sm.selected;
        var preCompName = this.prj.uniqueNameWithNumber("Pre-Comp");
        var newcomp = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["Composition"](comp.project, preCompName);
        newcomp.width = comp.width;
        newcomp.height = comp.height;
        newcomp.bgcolor = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"](0, 0, 0, 0);
        layers.forEach(function (layer) { return newcomp.addLayer(layer); });
        layers.slice().forEach(function (layer) { return comp.removeLayer(layer); });
        comp.project.addItem(newcomp);
        var complayer = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["CompLayer"](comp, newcomp);
        complayer.numframes = Math.max.apply(Math, layers.map(function (l) { return l.numframes; }));
        comp.addLayer(complayer);
        comp.change.next(true);
        this.prj.change.next(true);
    };
    ModelService.prototype.unComposeCompLayer = function (layer) {
        layer.compref.layers.forEach(function (layer) { return layer.comp.addLayer(layer); });
        layer.comp.removeLayer(layer);
        layer.comp.change.next(true);
    };
    ModelService.prototype.rearrangeSelectedLayers = function (comp, insertPosition) {
        var sm = this.ss.getSelectionManager(comp);
        var layers = sm.selected;
        var idxs = layers.map(function (layer) { return comp.layers.indexOf(layer); });
        var insertIdx = 0;
        switch (insertPosition) {
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["LayerPosition"].TOP:
                insertIdx = comp.layers.length;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["LayerPosition"].BOTTOM:
                insertIdx = 0;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["LayerPosition"].BEFORE:
                insertIdx = Math.max.apply(null, idxs) + 1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["LayerPosition"].AFTER:
                insertIdx = Math.max(Math.min.apply(null, idxs) - 1, 0);
                break;
        }
        var moved = idxs.reduce(function (acc, idx) { return acc.concat(comp.layers.splice(idx, 1)); }, []);
        (_a = comp.layers).splice.apply(_a, [insertIdx, 0].concat(moved));
        var _a;
    };
    ModelService.prototype.splitSelectedLayers = function (comp) {
        var _this = this;
        var sm = this.ss.getSelectionManager(comp);
        sm.selectedWithType().map(function (layer) {
            var layerIdx = comp.layers.indexOf(layer);
            var copy = _this.serial.decode(_this.serial.encode(layer), { comp: comp });
            if (comp.frame > layer.offset && comp.frame < (layer.offset + layer.numframes)) {
                layer.numframes = (comp.frame - layer.offset);
                copy.offset = comp.frame;
                copy.numframes -= layer.numframes;
                comp.insertLayer(layerIdx + 1, copy);
            }
        });
    };
    ModelService.prototype.newLayerFromItem = function (comp, item, check) {
        if (check === void 0) { check = true; }
        var layer;
        switch (item.type) {
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"].Audio:
                layer = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["AudioLayer"](comp, item);
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"].Image:
                layer = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["ImageLayer"](comp, item);
                layer.numframes = comp.numframes;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"].Video:
                var video = item;
                if (check && video.framerate.ratio() != comp.framerate.ratio()) {
                    alert("Framerates don't match");
                    break;
                }
                layer = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["VideoLayer"](comp, video);
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"].Solid:
                layer = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["SolidLayer"](comp, item);
                layer.numframes = comp.numframes;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"].Composition:
                layer = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["CompLayer"](comp, item);
                break;
        }
        if (layer) {
            // layer.comp = comp;
            if (layer.item)
                layer.item.tagcolor = this.prefs.defaultColor(__WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"][item.type]);
            comp.addLayer(layer);
        }
        return layer;
    };
    ModelService.prototype.addEffectToSelectedLayers = function (comp, fx, settings) {
        var _this = this;
        var sm = this.ss.getSelectionManager(comp);
        sm.selected.map(function (s) {
            var layer = _this.getLayer(s);
            _this.addEffect(layer, fx, settings);
        });
    };
    ModelService.prototype.addEffect = function (layer, fx, settings) {
        var effect = new fx(layer, layer.effectGroup, settings);
        // sorry for the "group" hack. was not planned this way.
        if (effect instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Animation"]) {
            layer.animations.push(effect);
            effect.group = layer.animationGroup;
        }
        else if (effect instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Effect"]) {
            layer.effects.push(effect);
            effect.group = layer.effectGroup;
        }
        else {
            throw new Error("Unknow Effect Type");
        }
        return effect;
    };
    ModelService.prototype.addMotionTracker = function (comp, layer) {
        var tracker = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["MotionTracker"](layer, this.fxService);
        // var tp = tracker.addTrackpoint();
        layer.trackers.push(tracker);
        this.ss.select(tracker);
        return tracker;
    };
    ModelService.prototype.applyMotionTracker = function (tracker, layer, offscale) {
        switch (tracker.type) {
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackType"].Transform:
                this.mtApplyTransform(tracker, layer);
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackType"].CornerPin:
                this.mtApplyCornerPin(tracker, layer, offscale);
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackType"].Grid:
                this.mtApplyGrid(tracker, layer);
                break;
        }
    };
    ModelService.prototype.mtApplyTransform = function (tracker, layer) {
        var tp = tracker.atIndex(0);
        tp.pos$.frames.forEach(function (f, idx) {
            if (tracker.doPos)
                layer.position$.add(f.time, f.value);
            if (tracker.doScale && idx && tracker.length > 1) {
                var prev = tp.pos$.frames[idx - 1];
                var scale = 100 * tracker.getScale(prev.time, f.time);
                layer.scale$.add(f.time, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](scale, scale));
            }
            if (tracker.doRotate && tracker.length > 1) {
                var angle = tracker.getRotate(f.time);
                layer.rotate$.add(f.time, angle);
            }
        });
        tracker.layer.change.next(true);
    };
    ModelService.prototype.mtApplyCornerPin = function (tracker, layer, offscale) {
        var start = new Date();
        var cp = layer.effects.find(function (fx) { return fx instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["CornerPin"]; });
        if (!cp)
            cp = this.addEffect(layer, __WEBPACK_IMPORTED_MODULE_2__fx_model__["CornerPin"], undefined);
        var src = [new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 0), new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](1, 0), new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](1, 1), new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 1)];
        var pos = tracker.atIndex(0).pos$.frames.map(function (p, idx) {
            var corners = tracker.getPerspectiveTrackpoints(idx);
            var points = corners.map(function (tp) { return tp.value; });
            var pt = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["PerspectiveTransform"](src, points, false);
            if (offscale) {
                points = offscale.map(function (p) { return pt.transformPoint(p); });
            }
            points.forEach(function (p, idx) {
                cp.getByIndex(idx).add(corners[0].time - layer.offset, p);
            });
        });
        // let end = new Date();
        // let diff = end.getTime() - start.getTime();
        // console.log("apply mt took", diff, "ms")
        // tracker.atIndex(0).pos$.frames.forEach(p => cp.upperleft$.add(p.time, p.value));
        // tracker.atIndex(1).pos$.frames.forEach(p => cp.upperright$.add(p.time, p.value));
        // tracker.atIndex(2).pos$.frames.forEach(p => cp.lowerleft$.add(p.time, p.value));
        // tracker.atIndex(3).pos$.frames.forEach(p => cp.lowerright$.add(p.time, p.value));
    };
    ModelService.prototype.mtApplyGrid = function (tracker, layer) {
        debugger;
    };
    ModelService.prototype.addMask = function (comp, layer) {
        var mask = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["Mask"](layer);
        layer.masks.push(mask);
        return mask;
    };
    // TODO: Implementation 
    ModelService.prototype.rippleInsert = function (comp, item) {
        var layer = this.newLayerFromItem(comp, item);
    };
    // TODO: Implementation 
    ModelService.prototype.overlayInsert = function (comp, item) {
        var layer = this.newLayerFromItem(comp, item);
    };
    return ModelService;
}());
ModelService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Serializer"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["ClipboardService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["ClipboardService"]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_4__preferences__["a" /* PreferenceService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__preferences__["a" /* PreferenceService */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["FXService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["FXService"]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_3__project_service__["a" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__project_service__["a" /* ProjectService */]) === "function" && _f || Object])
], ModelService);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=model-service.js.map

/***/ }),

/***/ "./src/@fx/services/play-service.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__project_service__ = __webpack_require__("./src/@fx/services/project-service.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PlayService; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var PlayService = (function () {
    function PlayService(zone, prj, ss) {
        this.zone = zone;
        this.prj = prj;
        this.ss = ss;
    }
    // private get target(): Renderable {
    //     return this.em.item;
    // }
    PlayService.prototype.firstFrame = function (target) {
        target.frame = 0;
        target.change.next(null);
    };
    PlayService.prototype.previousFrame = function (target) {
        target.frame = Math.max(0, target.frame - 1);
        target.change.next(null);
    };
    PlayService.prototype.nextFrame = function (target) {
        target.frame = Math.min(target.numframes - 1, target.frame + 1);
        target.change.next(null);
    };
    PlayService.prototype.lastFrame = function (target) {
        target.frame = target.numframes - 1;
        target.change.next(null);
    };
    PlayService.prototype.play = function (target, asVideo) {
        if (asVideo)
            this.playAsVideo(target);
        else
            this.playFrameByFrame(target);
    };
    PlayService.prototype.playAsVideo = function (item) {
        var box = "\n            <div id=\"loader\" style=\"position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index:100; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; background: transparent\">\n                <div onclick=\"javascript:document.getElementById('loader').remove()\" style=\"flex: 0 0 600px;  height: 300px; background: #2f2f2f; border: 1px solid #444\">\n                    <div id=\"playerdiv\">\n                        <video width=\"640\" height=\"360\" src=\"\" id=\"player\"></video>\n                    </div>\n                </div>\n            </div>";
        var frag = new DOMParser().parseFromString(box, 'text/html');
        document.body.appendChild(frag.body.firstChild);
        var player = document.getElementById('player');
        if (item instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Composition"]) {
            this.prj.previewCompVideo(item, "mp4")
                .subscribe(function (blob) {
                var dataurl = window.URL.createObjectURL(blob);
                player.setAttribute('src', dataurl);
                player.onload = function () { return window.URL.revokeObjectURL(dataurl); };
                player.play();
            });
        }
        if (item instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["AVLayer"]) {
            this.prj.renderLayerFrame(item, item.frame, "mp4")
                .subscribe(function (blob) {
                var dataurl = window.URL.createObjectURL(blob);
                player.setAttribute('src', dataurl);
                player.onload = function () { return window.URL.revokeObjectURL(dataurl); };
                player.play();
            });
        }
        if (item instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageItem"]) {
            if (item.source instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["AssetSource"]) {
                player.setAttribute('src', item.source.url());
                player.play();
            }
        }
    };
    PlayService.prototype.playFrameByFrame = function (item) {
        var _this = this;
        var playfunc = function () {
            item.frame = Math.min(item.numframes - 1, item.frame + 1);
            item.change.next(null);
            if (item.frame >= item.numframes - 1)
                _this.playing.unsubscribe();
        };
        if (!this.playing || this.playing.closed) {
            this.playing = item.onRendered.subscribe(function () {
                _this.zone.run(playfunc);
            });
            playfunc();
            return true;
        }
        else {
            this.playing.unsubscribe();
            return false;
        }
    };
    return PlayService;
}());
PlayService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__project_service__["a" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__project_service__["a" /* ProjectService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _c || Object])
], PlayService);

var _a, _b, _c;
//# sourceMappingURL=play-service.js.map

/***/ }),

/***/ "./src/@fx/services/preferences.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PreferenceService; });
var __decorate = (this && this.__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 DefaultPreferences = {
    general: {
        foo: "Bar"
    },
    preview: {
        boo: "Baz"
    },
    display: {
        doo: "Duh"
    },
    labels: {
        defaults: {
            Composition: "Sandstone",
            Solid: "Red",
            Audio: "Sea Foam",
            Video: "Aqua",
            Still: "Lavender",
            Shape: "Blue",
            Folder: "Brown",
            Adjustment: "Orange",
            "Null Object": "Pink",
            Text: "Blue"
        },
        colors: [
            { name: "Red", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#ff3838") },
            { name: "Green", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#4Aff4C") },
            { name: "Blue", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#677Dff") },
            { name: "Yellow", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#ffff4C") },
            { name: "Aqua", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#A9CBC7") },
            { name: "Orange", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#fa7821") },
            { name: "Pink", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#E5BCC9") },
            { name: "Lavender", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#A9A9CA") },
            { name: "Peach", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#E7C19E") },
            { name: "Seafoam", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#B3C7B3") },
            { name: "Purple", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#8E2C9A") },
            { name: "Brown", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#7F452A") },
            { name: "Fuchsia", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#F46DD6") },
            { name: "Cyan", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#3DA2A5") },
            { name: "Sandstone", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#A89677") },
            { name: "Darkgreen", color: __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString("#1E401E") }
        ]
    },
    defaults: {},
    effects: {},
    account: {}
};
var PreferenceService = (function () {
    function PreferenceService() {
        this.prefs = DefaultPreferences;
    }
    // TODO: load & save prefs in user profile
    PreferenceService.prototype.defaultColor = function (forType) {
        var colorname = DefaultPreferences.labels.defaults[forType];
        var color = DefaultPreferences.labels.colors.find(function (c) { return c.name == colorname; });
        return color ? color.color : __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString('#11ff11');
    };
    return PreferenceService;
}());
PreferenceService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], PreferenceService);

//# sourceMappingURL=preferences.js.map

/***/ }),

/***/ "./src/@fx/services/project-service.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__("./node_modules/@angular/http/@angular/http.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_BehaviorSubject__ = __webpack_require__("./node_modules/rxjs/BehaviorSubject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_BehaviorSubject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_rxjs_BehaviorSubject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_Observable__ = __webpack_require__("./node_modules/rxjs/Observable.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_Observable___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_rxjs_Observable__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rxjs_add_observable_forkJoin__ = __webpack_require__("./node_modules/rxjs/add/observable/forkJoin.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rxjs_add_observable_forkJoin___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_rxjs_add_observable_forkJoin__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rxjs_add_observable_fromPromise__ = __webpack_require__("./node_modules/rxjs/add/observable/fromPromise.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rxjs_add_observable_fromPromise___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_rxjs_add_observable_fromPromise__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__preferences__ = __webpack_require__("./src/@fx/services/preferences.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_bytebuffer__ = __webpack_require__("./node_modules/bytebuffer/dist/bytebuffer.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_bytebuffer___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_bytebuffer__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return FontDescription; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ProjectService; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (_) try {
            if (f = 1, y && (t = y[op[0] & 2 ? "return" : op[0] ? "throw" : "next"]) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [0, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};













var FontDescription = (function () {
    function FontDescription(family, subFamily, fontItem) {
        this.family = family;
        this.subFamily = subFamily;
        this.fontItem = fontItem;
    }
    return FontDescription;
}());

/**
 *
 */
var ProjectService = (function () {
    function ProjectService(http, fxService, prefs, ss, serializer, encoder) {
        this.http = http;
        this.fxService = fxService;
        this.prefs = prefs;
        this.ss = ss;
        this.serializer = serializer;
        this.encoder = encoder;
        /**
         * When items are added or removed the onchange Subject is triggered
         * TODO: May include a description of changes.
         */
        this.change = new __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__["Subject"]();
        /**
         * Assets known at this point
         */
        this.assets = [];
        this.subscriptions = new Array();
        this.subject = new __WEBPACK_IMPORTED_MODULE_3_rxjs_BehaviorSubject__["BehaviorSubject"](this.assets);
        this.emptyProject();
    }
    ProjectService.prototype.unsubscribeAll = function () {
        console.log("Un-Subscribe");
        this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
    };
    ProjectService.prototype.subscribeAll = function () {
        var _this = this;
        console.log("Subscribe");
        var changeSub = this.change.subscribe(function () {
            console.log("Project changed");
            var list = _this.listAssets();
            list.then(function (assets) { return _this.subject.next(assets); }, function (error) { return console.error("list: Error", error); });
        });
        var sm = this.ss.getSelectionManager(this.project);
        this.subscriptions.push(sm.on("copy", function (event) { return _this.copySelected(event, sm.selected); }), sm.on("paste", function (event) { return _this.paste(event, sm.selected); }), sm.on("delete", function (event) { return _this.deleteSelected(sm.selected); }), sm.on("cut", function (event) { return _this.cutSelected(event, sm.selected); }), changeSub);
    };
    Object.defineProperty(ProjectService.prototype, "compositionViewer", {
        get: function () {
            return this.project ? this.project.compositionViewer : [];
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(ProjectService.prototype, "layerViewer", {
        get: function () {
            return this.project ? this.project.layerViewer : [];
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(ProjectService.prototype, "footageViewer", {
        get: function () {
            return this.project ? this.project.footageViewer : [];
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(ProjectService.prototype, "movieViewer", {
        get: function () {
            return this.project ? this.project.movieViewer : [];
        },
        enumerable: true,
        configurable: true
    });
    ProjectService.prototype.copySelected = function (event, items) { };
    ProjectService.prototype.paste = function (event, items) {
        var clipboard = event.detail.event.clipboardData;
        //        var data = clipboard.getData('text/plain');
        //        console.log(data);
        Array.from(clipboard.items).forEach(function (item) {
            switch (item.type) {
                case "text/plain":
                default:
            }
            //             let reader = new FileReader();
            //             let file = item.getAsFile();
            //             console.log("read", item, file)
            // //            reader.readAsDataURL(item.getAsFile());
            //             reader.addEventListener('loadend', event => {
            //                 console.log(file.name, item.type, reader.result)
            //             });
            //             reader.readAsText(file);
        });
    };
    ProjectService.prototype.deleteSelected = function (items) {
        var _this = this;
        items.forEach(function (item) { return _this.deleteItem(item); });
    };
    ProjectService.prototype.cutSelected = function (event, items) {
        this.copySelected(event, items);
        this.deleteSelected(items);
    };
    ProjectService.prototype.createProject = function (region, name) {
        //this.unsubscribeAll();
        return this.fxService.createProject(region, name);
    };
    ProjectService.prototype.newProject = function (region, prjuid) {
        this.unsubscribeAll();
        __WEBPACK_IMPORTED_MODULE_7__fx_core__["UndoManager"].instance.disable();
        this.project = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["Project"]();
        this.project.name = "Untitled";
        this.project.prjuid = prjuid;
        this.newFolder(null, "Solids");
        this.fxService.useProject(region, prjuid);
        this.subscribeAll();
        this.change.next(true);
        return this.project;
    };
    ProjectService.prototype.emptyProject = function () {
        this.unsubscribeAll();
        this.project = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["Project"]();
        this.project.name = "Untitled";
        this.newFolder(null, "Solids");
        this.change.next(true);
        this.subscribeAll();
        return this.project;
    };
    ProjectService.prototype.newMovie = function (settings) {
        var movie = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["Movie"](this.project);
        movie._name = settings._name;
        movie.size = new __WEBPACK_IMPORTED_MODULE_7__fx_core__["Size"](settings.size);
        this.project.root.add(movie);
    };
    ProjectService.prototype.exportMovie = function (comp, name) {
        var movie = this.encoder.encodeMovie(comp);
        var buf = __WEBPACK_IMPORTED_MODULE_10_bytebuffer__["wrap"](movie);
        return this.fxService.createMovie(buf, name);
    };
    ProjectService.prototype.saveProject = function (name) {
        var prj = this.serializer.encode(this.project);
        return this.fxService.saveCompVersion(prj, name);
    };
    ProjectService.prototype.loadProject = function (compid) {
        return __awaiter(this, void 0, void 0, function () {
            var _this = this;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0: return [4 /*yield*/, this.fxService.loadCompVersion(this.project.prjuid, compid)
                            .then(function (data) {
                            _this.unsubscribeAll();
                            __WEBPACK_IMPORTED_MODULE_7__fx_core__["UndoManager"].instance.disable();
                            var project = _this.serializer.decode(data, {});
                            project.compid = compid;
                            _this.project = project;
                            __WEBPACK_IMPORTED_MODULE_7__fx_core__["UndoManager"].instance.reset();
                            __WEBPACK_IMPORTED_MODULE_7__fx_core__["UndoManager"].instance.enable();
                            _this.subscribeAll();
                            return project;
                        })];
                    case 1: return [2 /*return*/, _a.sent()];
                }
            });
        });
    };
    ProjectService.prototype.loadIVCompositionVersion = function (vuid, version) {
        return __awaiter(this, void 0, void 0, function () {
            var compversion;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0: return [4 /*yield*/, this.fxService.loadIVCompVersion(vuid, version)];
                    case 1:
                        compversion = _a.sent();
                        console.log(compversion);
                        return [2 /*return*/, compversion];
                }
            });
        });
    };
    ProjectService.prototype.newFolder = function (parent, name) {
        var foldername = name || "New Folder " + (this.findItemsWithSubstring("New Folder").length + 1);
        var folder = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["FolderItem"](this.project, foldername);
        if (parent)
            parent.add(folder);
        else
            this.project.root.add(folder);
        folder.tagcolor = this.prefs.defaultColor(__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"][__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"].Folder]);
        this.change.next(true);
        return folder;
    };
    ProjectService.prototype.newComposition = function (settings, selectionParent) {
        if (selectionParent === void 0) { selectionParent = "self"; }
        var comp = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["Composition"](this.project, settings.name, selectionParent);
        comp.bgcolor = settings.bgcolor;
        comp.width = settings.width;
        comp.height = settings.height;
        comp.framerate = settings.framerate;
        comp.numframes = settings.numframes;
        comp.tagcolor = this.prefs.defaultColor(__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"][__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"].Composition]);
        comp.frame = 0;
        //var item = new CompItem(this.project, comp);
        this.project.root.add(comp);
        this.change.next(true);
        return comp;
    };
    ProjectService.prototype.newNullObject = function (comp) {
        var item = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["NullItem"](this.project, 0);
        var layer = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["NullLayer"](comp, item);
        // layer.comp = comp;
        layer.item.tagcolor = this.prefs.defaultColor(__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"][__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"].Null]);
        comp.addLayer(layer);
        return layer;
    };
    ProjectService.prototype.newShapeLayer = function (comp) {
        var layer = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["ShapeLayer"](comp);
        layer._tagcolor = this.prefs.defaultColor(__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"][__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"].Shape]);
        comp.addLayer(layer);
        return layer;
    };
    ProjectService.prototype.newTextLayer = function (comp) {
        var item = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["DummyItem"](this.project, "Text");
        var layer = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["TextLayer"](comp);
        layer._tagcolor = this.prefs.defaultColor(__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"][__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"].Text]);
        layer.numframes = comp.numframes;
        comp.addLayer(layer);
        return layer;
    };
    ProjectService.prototype.newSolidLayer = function (comp, name, color, size, duration) {
        var item = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["FootageItem"](this.project, new __WEBPACK_IMPORTED_MODULE_8__fx_model__["SolidSource"](color, size.width, size.height, name));
        var solidsFolder = this.findFolder("Solids");
        if (solidsFolder)
            solidsFolder.add(item);
        else
            this.project.root.add(item);
        var layer = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["SolidLayer"](comp, item);
        // layer.comp = comp;
        // layer.width = size.width;
        // layer.height = size.height;
        layer.numframes = duration;
        layer._name = name;
        layer.item.tagcolor = this.prefs.defaultColor(__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"][__WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"].Solid]);
        comp.addLayer(layer);
        this.change.next(true);
        return layer;
    };
    ProjectService.prototype.canClose = function () {
        return true;
    };
    ProjectService.prototype.closeProject = function () {
        this.project.close();
        this.project = null;
        this.change.next(true);
    };
    ProjectService.prototype.renderCompFrame = function (comp, framenumber, extension, params) {
        if (params === void 0) { params = {}; }
        var movie = this.encoder.encodeMovie(comp);
        return this.fxService.renderFrame(movie, framenumber, extension, params);
    };
    ProjectService.prototype.previewCompVideo = function (comp, extension, params) {
        if (params === void 0) { params = {}; }
        var movie = this.encoder.encodeMovie(comp);
        return this.fxService.renderMovie(movie, extension, params);
    };
    ProjectService.prototype.renderCompVideo = function (name, comp, extension, params) {
        var _this = this;
        if (params === void 0) { params = {}; }
        var movie = this.encoder.encodeMovie(comp);
        var buf = __WEBPACK_IMPORTED_MODULE_10_bytebuffer__["wrap"](movie);
        return this.fxService.createMovie(buf, name)
            .then(function () { return _this.fxService.getRenderURL(name, extension, params); });
    };
    ProjectService.prototype.renderLayerFrame = function (layer, framenumber, extension) {
        var movie = this.encoder.encodeSingleLayerAsMovie(layer, layer.comp.framerate);
        return this.fxService.renderFrame(movie, framenumber, extension);
    };
    ProjectService.prototype.renderAssetThumbnail = function (item, frame, scaling, extension) {
        if (item.source instanceof __WEBPACK_IMPORTED_MODULE_8__fx_model__["RemoteSource"]) {
            var movie = this.encoder.encodeFootageItemAsMovie(item);
            return this.fxService.renderFrame(movie, frame, extension);
        }
        return this.fxService.assetThumbnail(item.source.location.name(), frame, scaling, extension);
    };
    ProjectService.prototype.renderFXAssetThumbnail = function (asset, frame, scaling, extension) {
        return this.fxService.assetThumbnail(asset.Name, frame, scaling, extension);
    };
    ProjectService.prototype.findUsage = function (item) {
        var found = 0;
        this.project.root.findAll(function (i) {
            if (i instanceof __WEBPACK_IMPORTED_MODULE_8__fx_model__["Composition"]) {
                i.avlayers.forEach(function (layer) {
                    if (layer.item == item)
                        found++;
                });
            }
            return false;
        });
        return found;
    };
    ProjectService.prototype.find = function (predicate) {
        return this.project.root.find(predicate);
    };
    ProjectService.prototype.findItems = function (predicate) {
        return this.project.root.findAll(predicate);
    };
    ProjectService.prototype.findItem = function (id) {
        return this.project.root.find(function (item) { return item.id == id; });
    };
    ProjectService.prototype.findItemFolder = function (item) {
        return item.folder;
    };
    ProjectService.prototype.findItemsWithSubstring = function (str) {
        return this.project.root.findAll(function (item) { return item.name().indexOf(str) != -1; });
    };
    ProjectService.prototype.findItemsWithRegex = function (re) {
        return this.project.root.findAll(function (item) { return item.name().match(re).length > 0; });
    };
    ProjectService.prototype.findFolder = function (name) {
        return this.project.root.find(function (item) { return item.name() == name && item instanceof __WEBPACK_IMPORTED_MODULE_8__fx_model__["FolderItem"]; });
    };
    ProjectService.prototype.uniqueNameWithNumber = function (base) {
        var _loop_1 = function (i) {
            var name = base + " " + i;
            var exists = this_1.find(function (item) { return item.name() == name; });
            if (!exists)
                return { value: name };
        };
        var this_1 = this;
        for (var i = 1; i < 9999; i++) {
            var state_1 = _loop_1(i);
            if (typeof state_1 === "object")
                return state_1.value;
        }
        return base + " " + Math.round(100000000 * Math.random());
    };
    ProjectService.prototype.allComps = function () {
        return this.project.root.findAll(function (item) { return item instanceof __WEBPACK_IMPORTED_MODULE_8__fx_model__["Composition"]; });
    };
    ProjectService.prototype.allMovies = function () {
        return this.project.root.findAll(function (item) { return item instanceof __WEBPACK_IMPORTED_MODULE_8__fx_model__["Movie"]; });
    };
    ProjectService.prototype.listProjects = function (region) {
        return __WEBPACK_IMPORTED_MODULE_4_rxjs_Observable__["Observable"].fromPromise(this.fxService.listProjects(region));
    };
    ProjectService.prototype.listAllProjects = function () {
        var _this = this;
        var regions = ['eu-west-1', 'eu-central-1', 'us-west-2', 'ap-southeast-2'];
        return __WEBPACK_IMPORTED_MODULE_4_rxjs_Observable__["Observable"].forkJoin(regions.map(function (region) { return __WEBPACK_IMPORTED_MODULE_4_rxjs_Observable__["Observable"].fromPromise(_this.fxService.listProjects(region)); }))
            .flatMap(function (p) { return __WEBPACK_IMPORTED_MODULE_4_rxjs_Observable__["Observable"].of(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_7__fx_core__["flatten"])(p)); });
    };
    ProjectService.prototype.listAssets = function () {
        var _this = this;
        return this.fxService.listAssets().then(function (assets) {
            _this.assets = assets;
            return assets;
        });
    };
    ProjectService.prototype.observeAssets = function () {
        return this.subject.asObservable();
    };
    // getAssetsAsObservable() {
    //    return Observable.fromPromise(this.listAssets());
    // }
    ProjectService.prototype.loadFont = function (font) {
        return this.fxService.loadFont(font);
    };
    ProjectService.prototype.loadFonts = function () {
        var _this = this;
        console.log("loading Fonts...");
        var fontMap = new Map();
        fontMap.set("Open Sans", [new FontDescription("Open Sans", 'Regular', null)]);
        var addFont = function (item) {
            var family = item.font.names.fontFamily.en;
            var subFamily = item.font.names.fontSubfamily.en;
            var subs = fontMap.get(family);
            if (!subs) {
                subs = [];
                fontMap.set(family, subs);
            }
            subs.push(new FontDescription(family, subFamily, item));
        };
        var items = this.findItems(function (item) { return item instanceof __WEBPACK_IMPORTED_MODULE_8__fx_model__["FontItem"]; });
        items.filter(function (item) { return item.font; }).forEach(function (item) { return addFont(item); });
        var load = __WEBPACK_IMPORTED_MODULE_4_rxjs_Observable__["Observable"].forkJoin(items.filter(function (item) { return !item.font; })
            .map(function (item) { return _this.loadFont(item.source.name())
            .map(function (font) {
            item.font = font;
            addFont(item);
            return item;
        }); }), function () { return fontMap; });
        // let result = Observable.forkJoin(load.map(items => items.map(item => {
        //     addFont(item);
        // })), () => fontMap);
        return load;
    };
    ProjectService.prototype.importFootageFromLocal = function (file) {
        return this.fxService.uploadAsset(file)
            .then(function (response) { return response['Resource-Name']; });
    };
    ProjectService.prototype.loadAssetByID = function (id) {
        return __awaiter(this, void 0, void 0, function () {
            var _a;
            return __generator(this, function (_b) {
                switch (_b.label) {
                    case 0:
                        if (!!this.assets.length) return [3 /*break*/, 2];
                        _a = this;
                        return [4 /*yield*/, this.fxService.listAssets()];
                    case 1:
                        _a.assets = _b.sent();
                        _b.label = 2;
                    case 2: return [2 /*return*/, this.assets.find(function (asset) { return asset.Uid == id; })];
                }
            });
        });
    };
    ProjectService.prototype.loadAssetByName = function (name) {
        return __awaiter(this, void 0, void 0, function () {
            var _a;
            return __generator(this, function (_b) {
                switch (_b.label) {
                    case 0:
                        if (!!this.assets.length) return [3 /*break*/, 2];
                        _a = this;
                        return [4 /*yield*/, this.fxService.listAssets()];
                    case 1:
                        _a.assets = _b.sent();
                        _b.label = 2;
                    case 2: return [2 /*return*/, this.assets.find(function (asset) { return asset.Name == name; })];
                }
            });
        });
    };
    ProjectService.prototype.describeDatasource = function (dsname) {
        return this.fxService.describeDatasource(dsname);
    };
    ProjectService.prototype.loadDatasource = function (dsname) {
        return this.fxService.loadDatasource(dsname);
    };
    /*
        importFootageFromFX(projectID: string, name: string) {
            var source = new AssetSource( name, ItemType.Asset);
            var item = new FootageItem(this.project, source);
    
            this.project.items.push(item);
            return item.refresh(this.fxService);
        }
    */
    ProjectService.prototype.newItem = function (source, forceType) {
        var item;
        var type = forceType || source.type;
        switch (type) {
            case __WEBPACK_IMPORTED_MODULE_8__fx_model__["ItemType"].Font:
                item = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["FontItem"](this.project, source);
                break;
            default:
                item = new __WEBPACK_IMPORTED_MODULE_8__fx_model__["FootageItem"](this.project, source);
                break;
        }
        item.type = type;
        return item;
    };
    ProjectService.prototype.deleteItem = function (item) {
        var layers = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_7__fx_core__["flatten"])(this.allComps()
            .map(function (comp) { return comp.layers; })
            .map(function (layers) { return layers.map(function (layer) { return layer; })
            .filter(function (v) { return v.item && v.item == item; }); }));
        if (confirm("Delete item " + item.name() + " and all layers referencing this item?")) {
            var compsAffected = new Set(layers.map(function (layer) { return layer.comp; }));
            layers.forEach(function (layer) { return layer.comp.deleteLayer(layer); });
            compsAffected.forEach(function (comp) { return comp.change.next(true); });
            item.folder.remove(item);
            this.change.next(true);
        }
    };
    return ProjectService;
}());
ProjectService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_http__["e" /* Http */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_http__["e" /* Http */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_8__fx_model__["FXService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_8__fx_model__["FXService"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_9__preferences__["a" /* PreferenceService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_9__preferences__["a" /* PreferenceService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_7__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_7__fx_core__["SelectionService"]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_7__fx_core__["Serializer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_7__fx_core__["Serializer"]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_8__fx_model__["SDLEncoder"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_8__fx_model__["SDLEncoder"]) === "function" && _f || Object])
], ProjectService);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=project-service.js.map

/***/ }),

/***/ "./src/@fx/ui/components/contextmenu/ctx-component.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ctx_service__ = __webpack_require__("./src/@fx/ui/components/contextmenu/ctx-service.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ContextMenuComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var ContextMenuComponent = (function () {
    function ContextMenuComponent(contextMenuService) {
        var _this = this;
        this.contextMenuService = contextMenuService;
        this.links = [];
        this.isShown = false;
        this.mouseLocation = { left: 0, top: 0 };
        contextMenuService.show.subscribe(function (e) { return _this.showMenu(e.event, e.items); });
    }
    Object.defineProperty(ContextMenuComponent.prototype, "locationCss", {
        get: function () {
            return {
                'position': 'fixed',
                'display': this.isShown ? 'block' : 'none',
                left: this.mouseLocation.left + 'px',
                top: this.mouseLocation.top + 'px',
            };
        },
        enumerable: true,
        configurable: true
    });
    ContextMenuComponent.prototype.clickedOutside = function () {
        this.isShown = false;
    };
    ContextMenuComponent.prototype.showMenu = function (event, links) {
        this.isShown = true;
        this.links = links;
        this.mouseLocation = {
            left: event.clientX,
            top: event.clientY
        };
    };
    ContextMenuComponent.prototype.execute = function (item, mouse) {
        this.isShown = false;
        var event = new CustomEvent("FX_MENUEVENT", {
            detail: {
                name: item.command,
                event: mouse,
            },
            bubbles: true,
            cancelable: true
        });
        setTimeout(function () { return item.subject.next(event); });
    };
    return ContextMenuComponent;
}());
ContextMenuComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'context-menu-component',
        styles: [
            '.container { width:200px; background-color: #ddd; color: #333; cursor: default }',
            '.link { }',
            '.link:hover { background-color:#444; color: #ddd}',
            'ul { margin:0px; padding:3px 0; border: 1px solid #ddd; list-style-type: none }',
            'ul li { margin:0px; padding:5px; }'
        ],
        host: {
            '(document:click)': 'clickedOutside()',
        },
        template: "<div [ngStyle]=\"locationCss\" class=\"container\">\n      <ul>\n        <li (click)=\"execute(link, $event)\" class=\"link\" *ngFor=\"let link of links\">\n          {{link.text}}\n        </li>\n      </ul>\n    </div>\n  "
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__ctx_service__["a" /* ContextMenuService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__ctx_service__["a" /* ContextMenuService */]) === "function" && _a || Object])
], ContextMenuComponent);

var _a;
//# sourceMappingURL=ctx-component.js.map

/***/ }),

/***/ "./src/@fx/ui/components/contextmenu/ctx-directive.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ctx_service__ = __webpack_require__("./src/@fx/ui/components/contextmenu/ctx-service.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ContextMenuDirective; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var ContextMenuDirective = (function () {
    function ContextMenuDirective(contextMenuService) {
        this.contextMenuService = contextMenuService;
    }
    ContextMenuDirective.prototype.rightClicked = function (event) {
        this.contextMenuService.show.next({ event: event, items: this.links });
        event.preventDefault();
    };
    return ContextMenuDirective;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])('context-menu'),
    __metadata("design:type", Array)
], ContextMenuDirective.prototype, "links", void 0);
ContextMenuDirective = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["L" /* Directive */])({
        selector: '[context-menu]',
        host: { '(contextmenu)': 'rightClicked($event)' }
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__ctx_service__["a" /* ContextMenuService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__ctx_service__["a" /* ContextMenuService */]) === "function" && _a || Object])
], ContextMenuDirective);

var _a;
//# sourceMappingURL=ctx-directive.js.map

/***/ }),

/***/ "./src/@fx/ui/components/contextmenu/ctx-service.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ContextMenuService; });
var __decorate = (this && this.__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 ContextMenuService = (function () {
    function ContextMenuService() {
        this.show = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]();
    }
    return ContextMenuService;
}());
ContextMenuService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], ContextMenuService);

//# sourceMappingURL=ctx-service.js.map

/***/ }),

/***/ "./src/@fx/ui/components/contextmenu/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__ctx_service__ = __webpack_require__("./src/@fx/ui/components/contextmenu/ctx-service.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__ctx_service__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ctx_directive__ = __webpack_require__("./src/@fx/ui/components/contextmenu/ctx-directive.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__ctx_directive__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__ctx_component__ = __webpack_require__("./src/@fx/ui/components/contextmenu/ctx-component.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__ctx_component__["a"]; });



//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/ui/components/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__treetable_api__ = __webpack_require__("./src/@fx/ui/components/treetable/api.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__treetable_api___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__treetable_api__);
/* unused harmony reexport TreeNode */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__treetable_tt_content__ = __webpack_require__("./src/@fx/ui/components/treetable/tt-content.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_1__treetable_tt_content__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__treetable_tt_node__ = __webpack_require__("./src/@fx/ui/components/treetable/tt-node.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__treetable_tt_node__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__treetable_tt_children__ = __webpack_require__("./src/@fx/ui/components/treetable/tt-children.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_3__treetable_tt_children__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__treetable_treetable__ = __webpack_require__("./src/@fx/ui/components/treetable/treetable.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_4__treetable_treetable__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__openbox__ = __webpack_require__("./src/@fx/ui/components/openbox.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return __WEBPACK_IMPORTED_MODULE_5__openbox__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__select_mark__ = __webpack_require__("./src/@fx/ui/components/select-mark.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "o", function() { return __WEBPACK_IMPORTED_MODULE_6__select_mark__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__togglebar__ = __webpack_require__("./src/@fx/ui/components/togglebar.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return __WEBPACK_IMPORTED_MODULE_7__togglebar__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__rulers_frameruler__ = __webpack_require__("./src/@fx/ui/components/rulers/frameruler.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_8__rulers_frameruler__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__contextmenu__ = __webpack_require__("./src/@fx/ui/components/contextmenu/index.ts");
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_9__contextmenu__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return __WEBPACK_IMPORTED_MODULE_9__contextmenu__["b"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return __WEBPACK_IMPORTED_MODULE_9__contextmenu__["c"]; });
/* unused harmony reexport MenuItem */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__rulers_ruler__ = __webpack_require__("./src/@fx/ui/components/rulers/ruler.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "n", function() { return __WEBPACK_IMPORTED_MODULE_10__rulers_ruler__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "p", function() { return __WEBPACK_IMPORTED_MODULE_10__rulers_ruler__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "q", function() { return __WEBPACK_IMPORTED_MODULE_10__rulers_ruler__["c"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__rangeslider_rangeslider__ = __webpack_require__("./src/@fx/ui/components/rangeslider/rangeslider.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_11__rangeslider_rangeslider__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "r", function() { return __WEBPACK_IMPORTED_MODULE_11__rangeslider_rangeslider__["b"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__numberslider_numberslider__ = __webpack_require__("./src/@fx/ui/components/numberslider/numberslider.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_12__numberslider_numberslider__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__tag_tag_component__ = __webpack_require__("./src/@fx/ui/components/tag/tag-component.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_13__tag_tag_component__["a"]; });
// var jqueryui = require('jqueryui');
//var dragslider = require('dragslider');
//import * as jqueryui from 'jqueryui';














//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/ui/components/numberslider/numberslider.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_forms__ = __webpack_require__("./node_modules/@angular/forms/@angular/forms.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* unused harmony export CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return NumberSliderComponent; });
/**
 * NumberSlider transforms any div or span into a draggble numerial input control
 * which can be modified with the mouse dragging.
 *
 * Mouse drags without Control or Meta key increment/decrement the value by "base" amount.
 * With Control/Meta key the value is changed in "precision" steps.
 *
 *
 * Display (ViewModel) values are transformed/formatted via the "TransformerPipe".
 * Dragstart, dragend, drag events are emitted during modification.
 */
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR = {
    provide: __WEBPACK_IMPORTED_MODULE_1__angular_forms__["b" /* NG_VALUE_ACCESSOR */],
    useExisting: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_8" /* forwardRef */])(function () { return NumberSliderComponent; }),
    multi: true
};
var NumberSliderComponent = (function () {
    function NumberSliderComponent(cd, undo) {
        this.cd = cd;
        this.undo = undo;
        this.fmt = "%d";
        this.base = 1;
        this.range = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](-1000, 1000);
        this.precision = 1.0;
        this.increment = 1.0;
        /**
         * Fired whenever the value changes due to mouse events
         */
        this.drag = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        /**
         * Fired on first drag
         */
        this.dragstart = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        /**
         * Fired when mouse button goes up
         */
        this.dragstop = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.sign = "";
        this._value = null;
        this.edit = false;
        this._prevValue = null;
    }
    NumberSliderComponent.prototype.ngAfterViewInit = function () {
        this.edits.changes.subscribe(function (changes) {
            if (changes.length) {
                var input_1 = changes.first.nativeElement;
                setTimeout(function () {
                    input_1.select();
                    input_1.focus();
                });
            }
        });
    };
    NumberSliderComponent.prototype.isNumber = function (n) {
        return n != null && n !== undefined && !isNaN(n);
    };
    NumberSliderComponent.prototype.blur = function () {
        this.edit = false;
    };
    NumberSliderComponent.prototype.keydown = function (event) {
        // console.log("blur", event)
        if (event.keyCode == 9) {
            event.stopPropagation();
            this.commit();
            if (this.linkTo) {
                this.startChange();
                this.linkTo.startChange();
                this.linkTo.edit = true;
            }
        }
    };
    NumberSliderComponent.prototype.keyup = function (event) {
        if (event.keyCode == 13) {
            this.commit();
        }
        if (event.keyCode == 27) {
            this.onChange(this._prevValue);
            this.writeValue(this._prevValue);
            this.dragstop.emit(true);
            this.edit = false;
        }
    };
    NumberSliderComponent.prototype.startChange = function () {
        this._prevValue = this._value;
    };
    NumberSliderComponent.prototype.commit = function () {
        if (!this.edit)
            return;
        if (this.link && this.linkTo) {
            this.linkTo.value = this.linkTo._prevValue * this.value / this._prevValue;
        }
        this.onChange(this._value);
        this.drag.emit(new __WEBPACK_IMPORTED_MODULE_0__angular_core__["e" /* SimpleChange */](this._value, this._value, false));
        this.dragstop.emit(true);
        this.edit = false;
    };
    Object.defineProperty(NumberSliderComponent.prototype, "value", {
        /**
         * Internal (for Angular)
         */
        get: function () {
            return this._value;
        },
        /**
         * Internal (for Angular)
         */
        set: function (val) {
            var n = parseFloat(val);
            if (this.isNumber(n)) {
                var newvalue = this.edit ? n : Math.min(Math.max(n, this.range.start), this.range.end);
                this._value = newvalue;
            }
            else {
                this._value = val;
            }
        },
        enumerable: true,
        configurable: true
    });
    /**
     * Internal (for Angular) (write to view)
     */
    NumberSliderComponent.prototype.writeValue = function (value) {
        //        this._prevValue = value;
        this.value = value;
        this.cd.markForCheck();
    };
    /**
     * Internal (for Angular) (write to Model)
     */
    NumberSliderComponent.prototype.registerOnChange = function (fn) {
        this.onChange = fn;
    };
    /**
     * Internal (for Angular)
     */
    NumberSliderComponent.prototype.registerOnTouched = function (fn) {
        this.onTouched = fn;
    };
    NumberSliderComponent.prototype.mouse = function ($event) {
        var _this = this;
        if (this.edit) {
            $event.stopPropagation();
            return;
        }
        var x = $event.screenX, y = $event.screenY, value = this.value || 0;
        var mousemove = function ($event) {
            var keys = $event.ctrlKey || $event.metaKey;
            var offx = $event.screenX - x;
            var offy = $event.screenY - y;
            var factor = keys ? _this.precision : _this.increment;
            var delta = offx * factor;
            var newvalue = value + delta;
            newvalue = Math.min(Math.max(newvalue, _this.range.start), _this.range.end);
            if (_this.link && _this.linkTo) {
                _this.linkTo.value = _this.linkTo._prevValue * newvalue / value;
            }
            _this.onChange(newvalue);
            _this.drag.emit(new __WEBPACK_IMPORTED_MODULE_0__angular_core__["e" /* SimpleChange */](value, newvalue, false));
            _this.value = newvalue;
        };
        var mouseup = function () {
            if (_this.value == _this._prevValue && !_this.edit) {
                _this.edit = true;
                _this._value = _this._value || 0;
            }
            _this.dragstop.emit(_this.value != _this._prevValue);
            //                this._prevValue = this.value;
            document.removeEventListener("mousemove", mousemove, true);
            document.removeEventListener("mouseup", mouseup, true);
            _this.undo.endUndoGroup();
        };
        document.addEventListener("mousemove", mousemove, true);
        document.addEventListener("mouseup", mouseup, true);
        this.undo.beginUndoGroup();
        this.dragstart.emit(true);
        this.startChange();
        if (this.link && this.linkTo)
            this.linkTo.startChange();
        $event.preventDefault();
        $event.stopPropagation();
    };
    return NumberSliderComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", String)
], NumberSliderComponent.prototype, "fmt", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], NumberSliderComponent.prototype, "base", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"]) === "function" && _a || Object)
], NumberSliderComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], NumberSliderComponent.prototype, "precision", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], NumberSliderComponent.prototype, "increment", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", NumberSliderComponent)
], NumberSliderComponent.prototype, "linkTo", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], NumberSliderComponent.prototype, "link", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _b || Object)
], NumberSliderComponent.prototype, "drag", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _c || Object)
], NumberSliderComponent.prototype, "dragstart", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _d || Object)
], NumberSliderComponent.prototype, "dragstop", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_9" /* ViewChildren */])('edit'),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */]) === "function" && _e || Object)
], NumberSliderComponent.prototype, "edits", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* HostListener */])('mousedown', ['$event']),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], NumberSliderComponent.prototype, "mouse", null);
NumberSliderComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: '[number-slider]',
        template: "\n        <span *ngIf=\"!edit && !isNumber(value)\">-</span>\n\n        <span *ngIf=\"!edit && isNumber(value)\">{{sign}}{{value|formatter:fmt:base}}</span>\n        <input #edit *ngIf=\"edit\" type=\"text\" class=\"fx-numberedit\" \n            [(ngModel)]=\"value\" (blur)=\"blur()\"\n            (keydown)=\"keydown($event)\" (keyup)=\"keyup($event)\" >\n    ",
        providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR],
    }),
    __metadata("design:paramtypes", [typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["UndoManager"]) === "function" && _g || Object])
], NumberSliderComponent);

var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=numberslider.js.map

/***/ }),

/***/ "./src/@fx/ui/components/openbox.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return OpenBox; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

var OpenBox = (function () {
    function OpenBox() {
        this.icon = "";
        this.enabled = true;
        this.openChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.iconclick = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
    }
    return OpenBox;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", String)
], OpenBox.prototype, "title", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", String)
], OpenBox.prototype, "icon", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], OpenBox.prototype, "open", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], OpenBox.prototype, "enabled", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], OpenBox.prototype, "openChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], OpenBox.prototype, "iconclick", void 0);
OpenBox = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'openbox',
        styles: [
            '.disabled { pointer-events: none; opacity: 0.4;}'
        ],
        template: "\n        <div [ngClass]=\"{disabled: !enabled}\" fxLayout=\"column\"  \n            fxLayoutAlign=\"start center\" \n            style=\"width: 100%; overflow-x: hidden; margin-bottom: 5px;\">\n\n            <div fxFlex fxFill>\n                <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"width: 100%; xheight: 25px; background: #333;  border-bottom: 1px solid #444\">\n                    <div (click)=\"open=!open; openChange.next(open)\"  style=\"flex: 1 1 100%; cursor: default\" >\n                        <span class=\"fa fa-fw\" [ngClass]=\"{'fa-caret-right': !open, 'fa-caret-down': open}\"></span> &nbsp;{{title}}\n                    </div>\n\n                    <div fxFlex (click)=\"iconclick.next(true)\" style=\"width: 20px; cursor: default\" >\n                         <span class=\"fa fa-fw\" [ngClass]=\"icon\"></span>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngIf=\"open\" fxFlex fxFill style=\"padding: 5px 10px\">\n                <ng-content></ng-content>\n            </div>\n        <div>\n    ",
    })
], OpenBox);

//# sourceMappingURL=openbox.js.map

/***/ }),

/***/ "./src/@fx/ui/components/rangeslider/rangeslider.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return RangeChangeType; });
/* unused harmony export RangeChange */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return RangeSliderComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
/**
 * An adjustable slider where the start and end value can be set and changed.
 * This component will emit a RateChange event while dragging
 * (and at beginning and end of dragging).
 *
 */



var RangeChangeType;
(function (RangeChangeType) {
    RangeChangeType[RangeChangeType["START"] = 0] = "START";
    RangeChangeType[RangeChangeType["CHANGE"] = 1] = "CHANGE";
    RangeChangeType[RangeChangeType["STOP"] = 2] = "STOP";
})(RangeChangeType || (RangeChangeType = {}));
var RangeChange = (function () {
    function RangeChange(event, offset, size, deltaoffset, deltasize) {
        this.event = event;
        this.offset = offset;
        this.size = size;
        this.deltaoffset = deltaoffset;
        this.deltasize = deltasize;
    }
    return RangeChange;
}());

var RangeSliderComponent = (function () {
    function RangeSliderComponent(zone, host, cd, differs, undo) {
        this.zone = zone;
        this.host = host;
        this.cd = cd;
        this.differs = differs;
        this.undo = undo;
        /**
         * "Width" of slider (value in domain coordinates)
         */
        this.size = 100;
        /**
         * "Left offset" of slider (value in domain coordinates)
         */
        this.offset = 0;
        /**
         * EventEmitter that is fired for every change
         */
        this.change = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */]();
        /**
         * fillcolor
         */
        this.color = __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"].fromString("#ff0000");
        this.resizable = true;
        this.resized = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.destroyed$ = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.differ = differs.find({}).create(null);
    }
    RangeSliderComponent.prototype.ngOnInit = function () {
        //console.log("rangeslide:init", this.width);
    };
    RangeSliderComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        this.render();
        this.resized
            .takeUntil(this.destroyed$)
            .subscribe(function () {
            //this.clientWidth = this.host.nativeElement.clientWidth;
            _this.render();
            _this.cd.markForCheck();
        });
        this.resized.next(true);
    };
    RangeSliderComponent.prototype.ngDoCheck = function () {
        var diffs = this.differ.diff(this.range);
        if (diffs) {
            this.render();
            this.cd.markForCheck();
        }
    };
    RangeSliderComponent.prototype.ngOnDestroy = function () {
        this.destroyed$.next(true);
    };
    Object.defineProperty(RangeSliderComponent.prototype, "left", {
        get: function () {
            return this.model2view(this.offset);
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(RangeSliderComponent.prototype, "barwidth", {
        get: function () {
            return this.modelsize2view(this.size);
        },
        enumerable: true,
        configurable: true
    });
    RangeSliderComponent.prototype.render = function () {
        var _this = this;
        var $el = $(this.el.nativeElement);
        var $parent = $el.parent();
        var startoffset, startsize, change;
        $el.draggable({
            axis: "x",
            scroll: false,
            containment: this.containment,
            grid: [this.grid(), 0],
            start: function (event, ui) {
                event.stopPropagation();
                _this.undo.beginUndoGroup();
                ui.position.top = 0;
                startoffset = _this.offset;
                change = new RangeChange(RangeChangeType.START, _this.offset, _this.size, 0, 0);
                _this.change.emit(change);
            },
            drag: function (event, ui) {
                event.stopPropagation();
                ui.position.top = 0;
                var offset = Math.round(_this.view2model(ui.position.left));
                var delta = offset - startoffset;
                change = new RangeChange(RangeChangeType.CHANGE, offset, _this.size, delta, 0);
                _this.change.emit(change);
            },
            stop: function (event, ui) {
                event.stopPropagation();
                _this.undo.endUndoGroup();
                ui.position.top = 0;
                var offset = Math.round(_this.view2model(ui.position.left));
                change = new RangeChange(RangeChangeType.STOP, offset, _this.size, 0, 0);
                _this.change.emit(change);
            }
        });
        if (this.resizable) {
            $el.resizable({
                handles: "e,w",
                grid: [this.grid(), 0],
                containment: this.containment,
                start: function (event, ui) {
                    event.stopPropagation();
                    _this.undo.beginUndoGroup();
                    ui.position.top = 0;
                    startsize = _this.size;
                    startoffset = _this.offset;
                    change = new RangeChange(RangeChangeType.START, _this.offset, _this.size, 0, 0);
                    _this.change.emit(change);
                },
                resize: function (event, ui) {
                    event.stopPropagation();
                    ui.position.top = 0;
                    var size = Math.round(_this.viewsize2model(ui.size.width));
                    var offset = Math.round(_this.view2model(ui.position.left));
                    var deltasize = size - startsize;
                    var deltaoffset = offset - startoffset;
                    change = new RangeChange(RangeChangeType.CHANGE, offset, size, deltaoffset, deltasize);
                    _this.change.emit(change);
                },
                stop: function (event, ui) {
                    event.stopPropagation();
                    _this.undo.endUndoGroup();
                    ui.position.top = 0;
                    var size = Math.round(_this.viewsize2model(ui.size.width));
                    var offset = Math.round(_this.view2model(ui.position.left));
                    change = new RangeChange(RangeChangeType.STOP, offset, size, 0, 0);
                    _this.change.emit(change);
                }
            });
        }
        $el.on('resize', function (e) { e.stopPropagation(); });
    };
    RangeSliderComponent.prototype.borderwidth = function () {
        //var style = getComputedStyle(this.el.nativeElement);
        //return parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
        return 0;
    };
    /**
     * (Domain / view) Coordinate conversion functions
     */
    RangeSliderComponent.prototype.model2view = function (model) {
        model = this.reverse ? model : model;
        var w = this.width - this.borderwidth();
        var ppm = w / (this.range.end - this.range.start + 1);
        return (model - this.range.start) * ppm;
    };
    RangeSliderComponent.prototype.modelsize2view = function (model) {
        var w = this.width - this.borderwidth();
        var ppm = w / (this.range.end - this.range.start + 1);
        return model * ppm;
    };
    RangeSliderComponent.prototype.view2model = function (pixels) {
        var w = this.width - this.borderwidth();
        var ppm = w / (this.range.end - this.range.start + 1);
        return pixels / ppm + this.range.start;
    };
    RangeSliderComponent.prototype.viewsize2model = function (width) {
        var w = this.width - this.borderwidth();
        var ppm = w / (this.range.end - this.range.start + 1);
        return width / ppm;
    };
    RangeSliderComponent.prototype.grid = function () {
        var w = this.width - this.borderwidth();
        var ppm = w / (this.range.end - this.range.start + 1);
        return Math.round(ppm);
    };
    return RangeSliderComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"]) === "function" && _a || Object)
], RangeSliderComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], RangeSliderComponent.prototype, "reverse", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], RangeSliderComponent.prototype, "containment", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], RangeSliderComponent.prototype, "size", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], RangeSliderComponent.prototype, "offset", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], RangeSliderComponent.prototype, "change", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"]) === "function" && _b || Object)
], RangeSliderComponent.prototype, "color", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], RangeSliderComponent.prototype, "resizable", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]) === "function" && _c || Object)
], RangeSliderComponent.prototype, "resized", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], RangeSliderComponent.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_4" /* ViewChild */])('bar'),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _d || Object)
], RangeSliderComponent.prototype, "el", void 0);
RangeSliderComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_1__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush,
        selector: 'range-slider',
        styles: [':host {display:block; overflow: hidden;}'],
        template: "\n        <div #bar class=\"bar\" \n            [style.backgroundColor]=\"color.rgb\" \n            [style.borderColor]=\"color.brighter.rgb\"\n            [style.width.px]=\"barwidth\" \n            [style.left.px]=\"left\" \n            >\n            <ng-content></ng-content>\n        </div>\n    "
    }),
    __metadata("design:paramtypes", [typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["o" /* NgZone */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["o" /* NgZone */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["N" /* KeyValueDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["N" /* KeyValueDiffers */]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["UndoManager"]) === "function" && _j || Object])
], RangeSliderComponent);

var _a, _b, _c, _d, _e, _f, _g, _h, _j;
//# sourceMappingURL=rangeslider.js.map

/***/ }),

/***/ "./src/@fx/ui/components/rulers/frameruler.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FrameRulerComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
/**
 * FrameRuler is responsible for both a RangeControl (visible frame range)
 * and the Frame Slider (current frame indicator) in the upper right hand side
 * of the the TimelineComponent.
 *
 * ChangeDetection must be "OnPush". (Values do change after ngCheck)
 */




var FrameRulerComponent = (function () {
    function FrameRulerComponent(el, cd) {
        this.el = el;
        this.cd = cd;
        /**
         * The domain or maximum range for this component. Usually set to the
         * number of frames in a composition.
         */
        this.numframes = 100;
        /**
         * EventEmitter for each frame change, emitted continously during dragging.
         */
        this.frameChange = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */]();
        /**
         * Dragging has stopped. Final composition update event.
         */
        this.dragstop = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */]();
        /**
         * Direction of timeline
         */
        this.reverse = false;
        this.resized = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.color = __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"].WHITE;
        this.dragging = false;
        this.numframesRange = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](0, 99);
    }
    FrameRulerComponent.prototype.ngOnInit = function () {
        var _this = this;
        // TODO: unsubscribe, or implement complete() on Subject
        this.resized.subscribe(function () {
            _this.drawRuler();
        });
    };
    /**
     * Handler for when the number of frames in a composition changes.
     */
    FrameRulerComponent.prototype.ngOnChanges = function (changes) {
        this.numframesRange = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](0, this.numframes);
        this.drawRuler();
    };
    /**
     * Handler called when the visible frame range is changed
     */
    FrameRulerComponent.prototype.onRangeChange = function (change) {
        this.range.start = change.offset;
        this.range.end = change.offset + change.size;
        this.drawRuler();
    };
    FrameRulerComponent.prototype.drawRuler = function () {
        var range = this.reverse ? new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](this.range.start - this.numframes, this.range.end - this.numframes) : this.range;
        var ruler = new __WEBPACK_IMPORTED_MODULE_3__fx_ui__["j" /* HTMLRuler */]($(this.el.nativeElement).width(), range, 50, 10);
        ruler.drawHorizontalHTML(this.ruler.nativeElement, -8);
    };
    /**
     * return (local, DIV) coordinates for current frame position
     */
    FrameRulerComponent.prototype.timePos = function () {
        return this.frame < this.range.start ? -9999 : this.model2view(this.frame) + 3.5;
    };
    /**
     * Mouse handlers for "knob dragging"
     */
    FrameRulerComponent.prototype.mousedown = function ($event) {
        var rect = this.el.nativeElement.getBoundingClientRect();
        var x = $event.clientX - rect.left;
        var frame = this.view2model(x);
        this.frameChange.next(frame);
        this.dragging = true;
    };
    FrameRulerComponent.prototype.mousemove = function ($event) {
        if (this.dragging) {
            var rect = this.el.nativeElement.getBoundingClientRect();
            var x = $event.clientX - rect.left;
            var frame = this.view2model(x);
            this.frameChange.next(frame);
            this.dragging = true;
        }
    };
    FrameRulerComponent.prototype.mouseup = function () {
        if (this.dragging) {
            this.dragging = false;
            this.dragstop.next(true);
        }
    };
    FrameRulerComponent.prototype.borderwidth = function () {
        return 0;
        //var style = getComputedStyle(this.el.nativeElement);
        //return parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
    };
    /**
     * Pixels per model, e.g. how many pixels is one frame
     */
    FrameRulerComponent.prototype.ppm = function () {
        var w = this.el.nativeElement.clientWidth - this.borderwidth();
        return w / (this.range.end - this.range.start + 1);
    };
    FrameRulerComponent.prototype.model2view = function (model) {
        return (model - this.range.start) * this.ppm();
    };
    FrameRulerComponent.prototype.view2model = function (pixels) {
        return Math.round(pixels / this.ppm() + this.range.start);
    };
    return FrameRulerComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], FrameRulerComponent.prototype, "numframes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], FrameRulerComponent.prototype, "frame", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */]) === "function" && _a || Object)
], FrameRulerComponent.prototype, "frameChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"]) === "function" && _b || Object)
], FrameRulerComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */]) === "function" && _c || Object)
], FrameRulerComponent.prototype, "dragstop", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], FrameRulerComponent.prototype, "reverse", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]) === "function" && _d || Object)
], FrameRulerComponent.prototype, "resized", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"]) === "function" && _e || Object)
], FrameRulerComponent.prototype, "color", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_4" /* ViewChild */])('ruler'),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _f || Object)
], FrameRulerComponent.prototype, "ruler", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_5" /* HostListener */])('document:mousemove', ["$event"]),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], FrameRulerComponent.prototype, "mousemove", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_5" /* HostListener */])('document:mouseup', ["$event"]),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], FrameRulerComponent.prototype, "mouseup", null);
FrameRulerComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        selector: 'frame-ruler',
        changeDetection: __WEBPACK_IMPORTED_MODULE_1__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush,
        styles: [
            ':host {display:block; overflow: hidden;}',
        ],
        template: "\n        <div style=\"position: relative;\" (mousedown)=\"mousedown($event)\">\n            <ng-content></ng-content>\n            <div #ruler style=\"pointer-events: none; position: relative; height: 20px; mix-blend-mode: difference; overflow: hidden; z-index: 3\"\n            [style.color]=\"color.rgb\">\n            </div>\n            <div #knob style=\"position: absolute; font-size: 10px; top: 5px; width: 8px; height: 8px; z-index: 6;\"\n                    [style.left.px]=\"timePos() - 5.5\" >\n                <i class=\"keyframe fa fa-square fa-rotate-45 fx-active\"></i>\n            </div>\n        </div>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _h || Object])
], FrameRulerComponent);

var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=frameruler.js.map

/***/ }),

/***/ "./src/@fx/ui/components/rulers/ruler.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export Tick */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return Ruler; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CanvasRuler; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return HTMLRuler; });
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 __());
    };
})();
/**
 *  A Tick is one unit to draw in a ruler. A tick can be major or minor.
 */
var Tick = (function () {
    function Tick() {
    }
    return Tick;
}());

/**
 * Computes an array of `Ticks` which can be drawn as a Pixel ruler or Frame bar
 *
 * If no range is given, it will use 'pixels' as unit. Otherwise a frame range is assumed.
 *
 */
var Ruler = (function () {
    function Ruler(width, range, majorTickWidth, minorTickWidth) {
        this.width = width;
        this.ticks = new Array();
        this.RULER_SIZE = 15;
        this.computeTicks(width, range, majorTickWidth, true);
        if (minorTickWidth)
            this.computeTicks(width, range, minorTickWidth, false);
    }
    Ruler.prototype.computeTicks = function (width, range, tickWidth, major) {
        var magnitude = range.end - range.start + 1;
        // var MIN_TICK_WIDTH_10 	= 28;	//	16, sufficient for 123
        // var MIN_TICK_WIDTH_100 	= 28;	//	20, sufficient for 123
        // var MIN_TICK_WIDTH_1000 = 28;	//	26, sufficient for 1234
        var raster = width / magnitude;
        var framebarWidth = magnitude * raster;
        //        var minTickWidth = (magnitude < 1000) ? (magnitude < 100) ? MIN_TICK_WIDTH_10 : MIN_TICK_WIDTH_100 : MIN_TICK_WIDTH_1000;
        var minTickWidth = tickWidth;
        var maxTicks = Math.floor(framebarWidth / minTickWidth);
        var minTickDelta = magnitude / maxTicks;
        var tickDelta = findRoundTickdelta(minTickDelta);
        var start = roundNext(range.start / tickDelta) * tickDelta;
        var end = roundNext(range.end / tickDelta) * tickDelta;
        var error = (range.start - start) * raster;
        for (var i = start, pos = 0; i < range.end; i += tickDelta, pos += tickDelta * raster) {
            var tick = new Tick();
            tick.position = pos - error;
            tick.ratio = i / magnitude;
            tick.major = major;
            tick.milestone = i.toFixed(0);
            this.ticks.push(tick);
        }
    };
    return Ruler;
}());

/**
 * A ruler that can be used in/on a canvas2D Context
 */
var CanvasRuler = (function (_super) {
    __extends(CanvasRuler, _super);
    function CanvasRuler(width, height, range, majorTickWidth, minorTickWidth) {
        var _this = _super.call(this, width, range, majorTickWidth, minorTickWidth) || this;
        _this.height = height;
        return _this;
    }
    CanvasRuler.prototype.drawHorizontal = function (ctx) {
        var fontheight = ctx.measureText("e").width * 1.5;
        ctx.save();
        ctx.clearRect(0, 0, this.width, this.height);
        ctx.beginPath();
        for (var i = 0; i < this.ticks.length; i++) {
            var t = this.ticks[i];
            ctx.moveTo(t.position + 0.5, t.major ? 0 : fontheight + 1);
            ctx.lineTo(t.position + 0.5, this.height);
            if (t.major)
                ctx.fillText(t.milestone.replace('-', ''), t.position + 2, fontheight - 1);
        }
        ctx.stroke();
        ctx.restore();
    };
    CanvasRuler.prototype.drawVertical = function (ctx) {
        var fontheight = ctx.measureText("e").width * 1.5;
        ctx.save();
        ctx.clearRect(0, 0, this.height, ctx.canvas.height);
        ctx.beginPath();
        for (var i = 0; i < this.ticks.length; i++) {
            var t = this.ticks[i];
            ctx.moveTo(t.major ? 0 : this.height / 2 + 2, t.position + 0.5);
            ctx.lineTo(this.height, t.position + 0.5);
            if (t.major) {
                var digits = Array.from(t.milestone.replace('-', ''));
                digits.forEach(function (d, idx) {
                    ctx.fillText(d, 2, t.position + idx * fontheight + fontheight);
                });
            }
        }
        ctx.stroke();
        ctx.restore();
    };
    return CanvasRuler;
}(Ruler));

/**
 * A Ruler for a HTML element
 *
 * An class '.tick' is used to draw the tick mark.
 */
var HTMLRuler = (function (_super) {
    __extends(HTMLRuler, _super);
    function HTMLRuler(width, range, majorTickWidth, minorTickWidth) {
        return _super.call(this, width, range, majorTickWidth, minorTickWidth) || this;
    }
    HTMLRuler.prototype.drawHorizontalHTML = function (element, correction) {
        var $element = $(element);
        correction = correction || 0;
        $element.find('.tick').remove();
        for (var i = 0; i < this.ticks.length; i++) {
            var t = this.ticks[i];
            var tick = $("<span class=\"tick\">" + (t.major ? t.milestone : '') + "</span>");
            tick.css("left", (t.position + correction) + "px");
            $element.append(tick);
        }
    };
    return HTMLRuler;
}(Ruler));

/**
 * Correct nearest whole number for a positive or negative numbers.
 */
function roundNext(value) {
    return Math.round(value + (value < 0 ? 0.5 : -0.5));
}
/**
 * Compute an increment (delta) in the magnitude domain of minTickDelta,
 * coalesced to the next greater power(10) multiple of 1, 2, 5 or 10.
 *
 * E.g. given a minTickDelta of 23 the function returns 50.
 * Given 666 it will return 1000.
 *
 */
function findRoundTickdelta(minTickDelta) {
    var _TICKDELTA = [1, 2, 5, 10];
    minTickDelta = Math.max(1, minTickDelta);
    var exp = Math.floor(Math.log(minTickDelta) / Math.LN10);
    var base = minTickDelta / Math.pow(10, exp);
    for (var i = 0; i < _TICKDELTA.length; i++) {
        if (_TICKDELTA[i] >= base) {
            return _TICKDELTA[i] * Math.pow(10, exp);
        }
    }
    return 1000;
}
//# sourceMappingURL=ruler.js.map

/***/ }),

/***/ "./src/@fx/ui/components/select-mark.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_add_operator_takeWhile__ = __webpack_require__("./node_modules/rxjs/add/operator/takeWhile.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_add_operator_takeWhile___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_add_operator_takeWhile__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (immutable) */ __webpack_exports__["a"] = SelectionMarker;



function SelectionMarker($event, useClientCoords) {
    var px1 = $event.pageX, py1 = $event.pageY;
    var ox1 = $event.clientX, oy1 = $event.clientY;
    var selection = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
    var id = Math.random();
    var box = document.createElement("div");
    box.style.position = "absolute";
    box.style.zIndex = "9999";
    box.style.background = "rgba(255,255,255,0.3)";
    box.style.border = "1px solid #ddd";
    box.style.cursor = "default";
    var calcrect = function (x1, y1, x2, y2) {
        var top = (y1 < y2) ? y1 : y2, left = (x1 < x2) ? x1 : x2, width = (x1 < x2) ? x2 - x1 + 1 : x1 - x2 + 1, height = (y1 < y2) ? y2 - y1 + 1 : y1 - y2 + 1;
        return new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](left, top), width, height);
    };
    var drag = function ($event) {
        var rect = calcrect(px1, py1, $event.pageX, $event.pageY);
        box.style.top = rect.top + "px";
        box.style.left = rect.left + "px";
        box.style.width = rect.width + "px";
        box.style.height = rect.height + "px";
        if (useClientCoords) {
            rect = calcrect(ox1, oy1, $event.clientX, $event.clientY);
        }
        selection.next(rect);
        $event.stopPropagation();
    };
    var up = function () {
        selection.next(null);
        selection.complete();
        document.body.removeChild(box);
        document.removeEventListener("mousemove", drag);
        document.removeEventListener("mouseup", up);
    };
    document.body.appendChild(box);
    document.addEventListener("mousemove", drag);
    document.addEventListener("mouseup", up);
    $event.stopPropagation();
    return selection;
}
//# sourceMappingURL=select-mark.js.map

/***/ }),

/***/ "./src/@fx/ui/components/tag/tag-component.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ColorTagComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


//import { PreferenceService } from '@fx/services';
var ColorTagComponent = (function () {
    function ColorTagComponent(el, dom) {
        this.el = el;
        this.dom = dom;
        this.colorChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.open = false;
        this.height = 385;
        //this.colors = this.prefs.prefs.labels.colors;
    }
    ColorTagComponent.prototype.selectColor = function (value) {
        this.color = value;
        this.open = false;
        this.colorChange.emit(value);
    };
    ColorTagComponent.prototype.colorID = function (idx, color) {
        return color ? color.id : undefined;
    };
    ColorTagComponent.prototype.openColorBox = function ($event) {
        var x = $event.clientX, y = $event.clientY, wh = window.innerHeight;
        // Dialog within window bounds?
        y = y + this.height > wh ? wh - this.height - 30 : y;
        this.dom.setElementStyle(this.box.nativeElement, 'left', x + 'px');
        this.dom.setElementStyle(this.box.nativeElement, 'top', y + 'px');
        $event.stopImmediatePropagation();
        this.open = true;
    };
    /**
     * Click outside of tag anywhere on document closes colorbox
     */
    ColorTagComponent.prototype.close = function ($event) {
        if (this.open)
            this.open = false;
    };
    return ColorTagComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"]) === "function" && _a || Object)
], ColorTagComponent.prototype, "color", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _b || Object)
], ColorTagComponent.prototype, "colorChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('colorbox'),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _c || Object)
], ColorTagComponent.prototype, "box", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* HostListener */])('document:click', ['$event']),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], ColorTagComponent.prototype, "close", null);
ColorTagComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush,
        selector: 'color-tag',
        styles: [
            'ul {position:fixed; z-index:999; margin: 0; width:110px; padding: 0px; font-size: 14px; color: #ccc; background: #333; line-height:18px; border: 1px solid #336699; border-radius: 5px}',
            'li {padding: 3px}',
            'li:hover {background: #666; color: #ddd}',
            '.selected {font-weight: bold; background: #666; color: #ddd}'
        ],
        template: "\n        <i (click)=\"openColorBox($event)\" [style.color]=\"color.rgb\" class=\"fa fa-stop\"></i>\n        <ul #colorbox [hidden]=\"!open\" [style.height.px]=\"height\" class=\"fa-ul\" > \n           \n            <li *ngFor=\"let c of colors; trackBy: colorID\" \n                (click)=\"selectColor(c.color)\" \n                [ngClass]=\"{selected: color.rgb == c.color.rgb}\"\n                style=\"cursor: normal\">\n                \n                <i class=\"fa fa-stop mr5\" [style.color]=\"c.color.rgb\" \n                    style=\"cursor: pointer\"></i>\n                \n                <span style=\"cursor: pointer\">{{c.name}}</span>\n\n                \n            </li>\n        </ul>        \n    ",
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["P" /* Renderer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["P" /* Renderer */]) === "function" && _e || Object])
], ColorTagComponent);

var _a, _b, _c, _d, _e;
//# sourceMappingURL=tag-component.js.map

/***/ }),

/***/ "./src/@fx/ui/components/togglebar.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ToggleBar; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

var ToggleBar = (function () {
    function ToggleBar() {
        this.selectedChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
    }
    ToggleBar.prototype.ngOnChanges = function () {
        this.selectedIndex = this.values.indexOf(this.selected);
    };
    ToggleBar.prototype.click = function (index) {
        this.selectedIndex = index;
        this.selected = this.values[index];
        this.selectedChange.next(this.selected);
    };
    return ToggleBar;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], ToggleBar.prototype, "labels", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], ToggleBar.prototype, "values", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], ToggleBar.prototype, "selected", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], ToggleBar.prototype, "selectedChange", void 0);
ToggleBar = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'togglebar',
        styles: [
            '.fx-togglebar {display: flex; align-items:center; justify-content: center;  }',
            '.fx-togglebar div {display: inline-block; border-top: 1px solid #336699; border-bottom: 1px solid #336699; cursor: default; flex: 0; white-space:nowrap; padding: 0 1rem; text-align: center;}',
            '.fx-togglebar div:hover {background: #4477aa; color: #fff}',
            '.fx-togglebar div.selected { background: #336699; color: #fff}',
            '.fx-togglebar div.left {border-left: 1px solid; border-top-left-radius: 5px;  border-bottom-left-radius: 5px;}',
            '.fx-togglebar div.middle {border-left: 1px solid; border-right: 1px solid}',
            '.fx-togglebar div.right {border-right: 1px solid; border-top-right-radius: 5px;  border-bottom-right-radius: 5px;}',
        ],
        template: "\n    <div class=\"fx-togglebar\">\n        <div *ngFor=\"let label of labels; let f=first; let l=last; let i=index\"\n            [ngClass]=\"{left: f, right: l, middle: !f && !l, selected: i===selectedIndex}\"\n            (click)=\"click(i)\"\n        >{{label}}</div>\n    </div>\n    "
    })
], ToggleBar);

//# sourceMappingURL=togglebar.js.map

/***/ }),

/***/ "./src/@fx/ui/components/treetable/api.ts":
/***/ (function(module, exports) {

//# sourceMappingURL=api.js.map

/***/ }),

/***/ "./src/@fx/ui/components/treetable/model.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* unused harmony export TreeTableNode */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TreeModelService; });
var __decorate = (this && this.__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 TreeTableNode = (function () {
    function TreeTableNode(tree) {
        this.tree = tree;
        this.icon = "fa-file-o";
        this.children = new Array();
        this.isHidden = false;
        this.isExpanded = true;
        this.isActive = false;
    }
    TreeTableNode.prototype.dblclick = function ($event) {
        this.tree.options.dblclick(this.tree, this, $event);
    };
    return TreeTableNode;
}());

var TreeModelService = (function () {
    function TreeModelService() {
    }
    TreeModelService.prototype.setData = function (nodes, options) {
        var _this = this;
        this.options = options;
        this.root = new TreeTableNode(this);
        var counter = 1;
        function makeNodes(tree, src, dest, level) {
            var node = new TreeTableNode(tree);
            node.id = src.id || counter++;
            node.name = src.name;
            node.data = src;
            node.icon = src.icon || 'fa-file-o';
            node.level = level;
            dest.children.push(node);
            if (src.children) {
                node.icon = "fa-folder-o";
                src.children.forEach(function (child) { return makeNodes(tree, child, node, level + 1); });
            }
        }
        nodes.forEach(function (node) { return makeNodes(_this, node, _this.root, 0); });
    };
    TreeModelService.prototype.findId = function (id, start) {
        var _this = this;
        start = start || this.root;
        if (start.id == id)
            return start;
        return start.children.find(function (node) { return _this.findId(id, node) != null; });
    };
    return TreeModelService;
}());
TreeModelService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], TreeModelService);

//# sourceMappingURL=model.js.map

/***/ }),

/***/ "./src/@fx/ui/components/treetable/treetable.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__model__ = __webpack_require__("./src/@fx/ui/components/treetable/model.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TreeTableComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var TreeTableComponent = (function () {
    function TreeTableComponent(model) {
        this.model = model;
        this.mousedown = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
    }
    TreeTableComponent.prototype.ngOnChanges = function () {
        this.model.setData(this.nodes, this.options);
    };
    TreeTableComponent.prototype.nodeID = function (idx, node) {
        return node ? node.id : undefined;
    };
    return TreeTableComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], TreeTableComponent.prototype, "nodes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], TreeTableComponent.prototype, "options", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], TreeTableComponent.prototype, "mousedown", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_12" /* ContentChild */])('treeNodeTemplate'),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["U" /* TemplateRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["U" /* TemplateRef */]) === "function" && _a || Object)
], TreeTableComponent.prototype, "treeNodeTemplate", void 0);
TreeTableComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'TreeTable',
        providers: [__WEBPACK_IMPORTED_MODULE_1__model__["a" /* TreeModelService */]],
        template: "\n        <div class=\"tt-table\" (mousedown)=\"mousedown.emit($event)\">\n            <TreeNode\n                *ngFor=\"let node of model.root.children; trackBy: nodeID; let i = index\"\n                [node]=\"node\"\n                [index]=\"i\"\n                [templates]=\"{\n                    treeNodeTemplate: treeNodeTemplate\n                }\">\n            </TreeNode>\n        </div>\n    "
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__model__["a" /* TreeModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__model__["a" /* TreeModelService */]) === "function" && _b || Object])
], TreeTableComponent);

var _a, _b;
//# sourceMappingURL=treetable.js.map

/***/ }),

/***/ "./src/@fx/ui/components/treetable/tt-children.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__api__ = __webpack_require__("./src/@fx/ui/components/treetable/api.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__api___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__api__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TreeNodeChildrenComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var TreeNodeChildrenComponent = (function () {
    function TreeNodeChildrenComponent() {
    }
    TreeNodeChildrenComponent.prototype.nodeID = function (idx, node) {
        return node ? node.id : undefined;
    };
    return TreeNodeChildrenComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__api__["TreeNode"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__api__["TreeNode"]) === "function" && _a || Object)
], TreeNodeChildrenComponent.prototype, "node", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], TreeNodeChildrenComponent.prototype, "templates", void 0);
TreeNodeChildrenComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'TreeNodeChildren',
        encapsulation: __WEBPACK_IMPORTED_MODULE_0__angular_core__["s" /* ViewEncapsulation */].None,
        styles: [
            '.tree-children.tree-children-no-padding { padding-left: 0 }',
            '.tree-children { padding-left: 20px }'
        ],
        template: "\n\n    <div [class.tree-children]=\"false\"\n         *ngIf=\"node.isExpanded\">\n\n      <div *ngIf=\"node.children\">\n        <TreeNode\n          *ngFor=\"let node of node.children; trackBy: nodeID; let i = index\"\n          [node]=\"node\"\n          [index]=\"i\"\n          [templates]=\"templates\">\n        </TreeNode>\n      </div>\n\n    </div>\n  "
    })
], TreeNodeChildrenComponent);

var _a;
//# sourceMappingURL=tt-children.js.map

/***/ }),

/***/ "./src/@fx/ui/components/treetable/tt-content.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__api__ = __webpack_require__("./src/@fx/ui/components/treetable/api.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__api___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__api__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TreeNodeContentComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var TreeNodeContentComponent = (function () {
    function TreeNodeContentComponent() {
    }
    return TreeNodeContentComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__api__["TreeNode"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__api__["TreeNode"]) === "function" && _a || Object)
], TreeNodeContentComponent.prototype, "node", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], TreeNodeContentComponent.prototype, "index", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["U" /* TemplateRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["U" /* TemplateRef */]) === "function" && _b || Object)
], TreeNodeContentComponent.prototype, "template", void 0);
TreeNodeContentComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'TreeNodeContent',
        template: "\n    <span *ngIf=\"!template\">{{ node.name }}</span>\n    <template\n        [ngTemplateOutlet]=\"template\"\n        [ngOutletContext]=\"{ $implicit: node, node: node, index: index }\">\n    </template>"
    })
], TreeNodeContentComponent);

var _a, _b;
//# sourceMappingURL=tt-content.js.map

/***/ }),

/***/ "./src/@fx/ui/components/treetable/tt-node.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__api__ = __webpack_require__("./src/@fx/ui/components/treetable/api.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__api___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__api__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TreeNodeComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var TreeNodeComponent = (function () {
    function TreeNodeComponent() {
    }
    return TreeNodeComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__api__["TreeNode"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__api__["TreeNode"]) === "function" && _a || Object)
], TreeNodeComponent.prototype, "node", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], TreeNodeComponent.prototype, "index", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], TreeNodeComponent.prototype, "templates", void 0);
TreeNodeComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'TreeNode',
        encapsulation: __WEBPACK_IMPORTED_MODULE_0__angular_core__["s" /* ViewEncapsulation */].None,
        styles: [
            ".node-content-wrapper {\n      xdisplay: inline-block;\n      xpadding: 2px 5px;\n      border-radius: 2px;\n      transition: background-color .15s, box-shadow .15s;\n    }",
            '.node-wrapper {xdisplay: flex; align-items: flex-start; cursor: normal}',
            '.tree-node-active > .node-wrapper > .node-content-wrapper { background: #beebff }',
            '.tree-node-active.tree-node-focused > .node-wrapper > .node-content-wrapper { background: #beebff }',
            '.tree-node-focused > .node-wrapper > .node-content-wrapper { background: #e7f4f9 }',
            '.node-content-wrapper-not:hover { background: #f7fbff }',
            '.tree-node-active > .node-wrapper > .node-content-wrapper, .tree-node-focused > .node-content-wrapper, .node-content-wrapper:hover { box-shadow: inset 0 0 1px #999; }',
            '.node-content-wrapper.is-dragging-over { background: #ddffee; box-shadow: inset 0 0 1px #999; }',
            '.node-content-wrapper.is-dragging-over-disabled { opacity: 0.5 }'
        ],
        template: "\n    <div\n      *ngIf=\"!node.isHidden\"\n      class=\"tree-node tree-node-level-{{ node.level }}\">\n\n        <div class=\"node-wrapper\">\n          <div class=\"node-content-wrapper\"\n              (dblclick)=\"node.dblclick($event)\"\n            >\n            <TreeNodeContent [node]=\"node\" [index]=\"index\" [template]=\"templates.treeNodeTemplate\">\n            </TreeNodeContent>\n          </div>\n        </div>\n\n      <TreeNodeChildren [node]=\"node\" [templates]=\"templates\"></TreeNodeChildren>\n\n\n    </div>"
    }),
    __metadata("design:paramtypes", [])
], TreeNodeComponent);

var _a;
//# sourceMappingURL=tt-node.js.map

/***/ }),

/***/ "./src/@fx/ui/dialog/dialog.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return DialogRef; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return FX_DIALOG_DATA; });
/* unused harmony export DialogInjector */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DialogService; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return DialogContainer; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var DialogRef = (function () {
    function DialogRef(options) {
        this.result = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.action = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.options = Object.assign({}, {
            closeOnClick: true,
            top: "50px",
        }, options);
    }
    DialogRef.prototype.close = function (data) {
        this.component.destroy();
        this.result.next(data);
        this.result.complete();
        this.action.complete();
    };
    return DialogRef;
}());

var FX_DIALOG_DATA = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["_2" /* OpaqueToken */]('FXDialogData');
var DialogInjector = (function () {
    function DialogInjector(_parentInjector, _dialogRef, _data) {
        this._parentInjector = _parentInjector;
        this._dialogRef = _dialogRef;
        this._data = _data;
    }
    DialogInjector.prototype.get = function (token, notFoundValue) {
        if (token === DialogRef) {
            return this._dialogRef;
        }
        if (token === FX_DIALOG_DATA && this._data) {
            return this._data;
        }
        return this._parentInjector.get(token, notFoundValue);
    };
    return DialogInjector;
}());

var DialogService = (function () {
    function DialogService(resolver, injector) {
        this.resolver = resolver;
        this.injector = injector;
        //public attach: Subject<ComponentRef<any>> = new Subject();
        this.attach = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
    }
    DialogService.prototype.open = function (dlgType, data, options) {
        var factory = this.resolver.resolveComponentFactory(dlgType);
        var dialogRef = new DialogRef(options);
        var injector = new DialogInjector(this.injector, dialogRef, data);
        var component = factory.create(injector); //, null, 'fx-dialog-container');
        dialogRef.component = component;
        this.attach.next(dialogRef);
        return dialogRef;
    };
    return DialogService;
}());
DialogService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["S" /* ComponentFactoryResolver */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["S" /* ComponentFactoryResolver */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["l" /* Injector */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["l" /* Injector */]) === "function" && _b || Object])
], DialogService);

var DialogContainer = (function () {
    function DialogContainer(dialogService) {
        var _this = this;
        this.dialogService = dialogService;
        this.display = "none";
        this.dialogService.attach.subscribe(function (ref) { return _this.add(ref, ref.component, ref.options); });
    }
    DialogContainer.prototype.ngAfterViewInit = function () {
        //$(this.dialog.nativeElement).draggable();
    };
    DialogContainer.prototype.add = function (ref, component, options) {
        var _this = this;
        this.display = "flex";
        this.options = options;
        ref.width = this.width;
        var viewref = this.dynamicComponentContainer.insert(component.hostView);
        var escape = function (event) {
            if (event.keyCode == 27) {
                component.destroy();
            }
        };
        var destroyed = function () {
            _this.display = "none";
            document.removeEventListener('keydown', escape);
        };
        document.addEventListener('keydown', escape);
        component.onDestroy(function () { return destroyed(); });
    };
    DialogContainer.prototype.empty = function () {
        this.display = "none";
        this.dynamicComponentContainer.clear();
    };
    DialogContainer.prototype.clickOutside = function (event) {
        if (this.options.closeOnClick)
            this.dynamicComponentContainer.clear();
    };
    return DialogContainer;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_4" /* ViewChild */])('dialog'),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _c || Object)
], DialogContainer.prototype, "dialog", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_4" /* ViewChild */])('dynamicComponentContainer', { read: __WEBPACK_IMPORTED_MODULE_1__angular_core__["T" /* ViewContainerRef */] }),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["T" /* ViewContainerRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["T" /* ViewContainerRef */]) === "function" && _d || Object)
], DialogContainer.prototype, "dynamicComponentContainer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_4" /* ViewChild */])('dynamicComponentContainer'),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _e || Object)
], DialogContainer.prototype, "dynamicComponent", void 0);
DialogContainer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        selector: 'fx-dialog-container',
        template: "\n        <div [style.display]=\"display\" \n        (click)=\"clickOutside($event)\"\n        style=\"position: fixed; z-index: 999;\n        top: 0; \n        left: 0; \n        width: 100%; \n        height: 100%;\n        align-items: space-around; \n        align-content: center; \n        justify-content: space-around; \n        background-color: rgba(0,0,0,0.35) \"  >\n        \n            <div #dialog \n                (click)=\"$event.stopPropagation()\"\n                [style.left]=\"options?.left\"\n                [style.right]=\"options?.right\"\n                [style.top]=\"options?.top\"\n                [style.bottom]=\"options?.bottom\"\n                [style.width]=\"options?.width\"\n                [style.height]=\"options?.height\"\n                style=\"position: absolute; flex: 0 0; max-width: 90%; max-height: 90%\"\n            >\n\n                    <div  \n                        #dynamicComponentContainer>\n                    </div>\n        \n            </div>\n        </div>\n    "
    }),
    __metadata("design:paramtypes", [DialogService])
], DialogContainer);

var _a, _b, _c, _d, _e;
//# sourceMappingURL=dialog.js.map

/***/ }),

/***/ "./src/@fx/ui/dialog/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dialog__ = __webpack_require__("./src/@fx/ui/dialog/dialog.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__dialog__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__dialog__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_0__dialog__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_0__dialog__["d"]; });

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/ui/editor/editor.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__snapping__ = __webpack_require__("./src/@fx/ui/editor/snapping.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__guides__ = __webpack_require__("./src/@fx/ui/editor/guides.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return EditorModes; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return EditorSettings; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return Editor; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var RULER_THICKNESS = 15;
var EditorModes;
(function (EditorModes) {
    EditorModes[EditorModes["SELECT"] = 0] = "SELECT";
    EditorModes[EditorModes["HAND"] = 1] = "HAND";
    EditorModes[EditorModes["RECT"] = 2] = "RECT";
    EditorModes[EditorModes["PATH"] = 3] = "PATH";
    EditorModes[EditorModes["TEXT"] = 4] = "TEXT";
    EditorModes[EditorModes["CAMERA"] = 5] = "CAMERA";
})(EditorModes || (EditorModes = {}));
var EditorSettings = (function () {
    function EditorSettings() {
        this.zoom = 1.0;
        this.zoomLevels = [6, 12, 15, 33, 50, 100, 200, 400, 800, 1600, 3200];
        this.showRulers = true;
        this.showGrid = false;
        this.showGuides = false;
        this.guides = [];
        this.snapoptions = new __WEBPACK_IMPORTED_MODULE_4__snapping__["a" /* DefaultSnapOptions */]();
        this.imageOffset = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 0);
        this.resize = new __WEBPACK_IMPORTED_MODULE_3__angular_core__["H" /* EventEmitter */]();
        this.center = new __WEBPACK_IMPORTED_MODULE_3__angular_core__["H" /* EventEmitter */]();
        // internal
        this.initialized = false;
    }
    return EditorSettings;
}());

var Editor = (function () {
    function Editor() {
        this.pixelRatio = 1;
        this.dragging = false;
        this.dragged = false;
        this.renderDone = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.cursorOffset = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 0);
        this.snapman = new __WEBPACK_IMPORTED_MODULE_4__snapping__["b" /* SnapManager */]();
        this.locked = false;
        /*
            @HostListener('click', ['$event'])
            private _click($event:MouseEvent) {
                var hit = this.hittest($event);
                console.log("click", hit)
            }
        */
    }
    Editor.prototype.ngOnChanges = function () {
        if (!this.canvas)
            return;
        this.setCursor();
    };
    Editor.prototype.ngAfterViewInit = function () {
        var _this = this;
        this.canvas = this.canvasElement.nativeElement;
        this.ctx = this.canvas.getContext("2d");
        this.pixelRatio = this.getPixelRatio();
        this.resize();
        this.render().then(function () {
            _this.draw();
            if (!_this.settings.initialized) {
                _this.recenter();
                _this.settings.initialized = true;
            }
        });
    };
    // abstract hittest(event: MouseEvent): any;
    // abstract render(): Promise<void>;
    // abstract dragstart(start: MouseEvent, arg: any): any;
    // abstract drag(start: MouseEvent, thisdelta: Point, totaldelta: Point, arg: any): void;
    // abstract dragstop(event: MouseEvent, arg: any, dragged: boolean): void;
    // abstract drawOverlays(ctx: CanvasRenderingContext2D): void;
    // abstract drawOutside(ctx: CanvasRenderingContext2D): void;
    // abstract drawSnaps(ctx: CanvasRenderingContext2D): void;
    // abstract drawHovers(ctx: CanvasRenderingContext2D, $event: MouseEvent): void;
    Editor.prototype.hittest = function (event) { return null; };
    Editor.prototype.render = function () { return null; };
    Editor.prototype.dragstart = function (start, arg) { return null; };
    Editor.prototype.drag = function (start, thisdelta, totaldelta, arg) { return null; };
    Editor.prototype.dragstop = function (event, arg, dragged) { return null; };
    Editor.prototype.drawOverlays = function (ctx) { return null; };
    Editor.prototype.drawOutside = function (ctx) { return null; };
    Editor.prototype.drawSnaps = function (ctx) { return null; };
    Editor.prototype.drawHovers = function (ctx, $event) { return null; };
    Editor.prototype.dblclick = function (start, arg) { };
    ;
    Editor.prototype.setBackgroundImage = function (img) {
        this.img = img;
    };
    Editor.prototype.setCursor = function () {
        this.cursorOffset = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 0);
        switch (this.editormode) {
            case EditorModes.TEXT:
                this.canvas.style.cursor = 'text';
                break;
            case EditorModes.RECT:
                this.canvas.style.cursor = 'crosshair';
                break;
            case EditorModes.PATH:
                this.canvas.style.cursor = 'url(assets/imgs/cursors/Cur_Pen_5_1.png), auto';
                this.cursorOffset = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](5, 1);
                break;
            case EditorModes.HAND:
                this.canvas.style.cursor = 'move';
                break;
            case EditorModes.SELECT:
                this.canvas.style.cursor = 'default';
                break;
            default:
                this.canvas.style.cursor = 'default';
                break;
        }
    };
    Editor.prototype.getContext = function () {
        return this.ctx;
    };
    Editor.prototype.getPixelRatio = function () {
        var ctx = this.ctx, dpr = window.devicePixelRatio || 1, bsr = ctx.webkitBackingStorePixelRatio ||
            ctx.mozBackingStorePixelRatio ||
            ctx.msBackingStorePixelRatio ||
            ctx.oBackingStorePixelRatio ||
            ctx.backingStorePixelRatio || 1;
        return dpr / bsr;
    };
    Editor.prototype.zoom = function (change) {
        this.settings.imageOffset.x += this.img.width * change / 2;
        this.settings.imageOffset.y += this.img.height * change / 2;
        this.draw();
    };
    Editor.prototype.recenter = function () {
        this.settings.imageOffset.x = Math.round((this.canvas.width - this.img.width * this.settings.zoom) / 2);
        this.settings.imageOffset.y = Math.round((this.canvas.height - this.img.height * this.settings.zoom) / 2);
        this.draw();
    };
    Editor.prototype.resize = function (rect) {
        rect = rect || this.canvas.parentElement.getBoundingClientRect();
        // var s = getComputedStyle(this.canvas);
        // console.log("style", s.width, s.height)
        var width = (rect.width), height = (rect.height);
        console.log("parentElement.bounding", this.canvas.parentElement.getBoundingClientRect());
        console.log("canvas.bounding", this.canvas.getBoundingClientRect());
        // this.canvas.width = width;
        // this.canvas.height = height;
        this.canvas.setAttribute('width', "" + Math.floor(width * this.pixelRatio));
        this.canvas.setAttribute('height', "" + Math.floor(height * this.pixelRatio));
        this.canvas.style.width = width + "px";
        this.canvas.style.height = height + "px";
        if (this.img) {
            this.draw();
        }
    };
    Editor.prototype.draw = function (arg, $event) {
        var undone = __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"].instance.disable();
        this.ctx.save();
        this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
        this.drawOutsideInternal();
        this.drawBackground();
        this.drawOverlaysInternal();
        if (this.settings.showRulers)
            this.drawRulers();
        if (this.settings.showGuides)
            this.drawGuides();
        if (this.settings.showGrid) {
            this.drawGrid();
        }
        this.drawSnaps(this.ctx);
        this.ctx.translate(this.settings.imageOffset.x, this.settings.imageOffset.y);
        this.ctx.scale(this.settings.zoom, this.settings.zoom);
        this.drawLast(arg, $event);
        this.ctx.restore();
        __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"].instance.enableIf(undone);
    };
    Editor.prototype.drawBackground = function () {
        this.ctx.save();
        if (this.img)
            this.ctx.drawImage(this.img, 0, 0, this.img.width, this.img.height, this.settings.imageOffset.x, this.settings.imageOffset.y, this.img.width * this.settings.zoom, this.img.height * this.settings.zoom);
        this.ctx.restore();
    };
    Editor.prototype.drawLast = function (arg, $event) { };
    Editor.prototype.drawRulers = function (p) {
        var range = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"](-this.settings.imageOffset.x / this.settings.zoom, (this.canvas.width - this.settings.imageOffset.x) / this.settings.zoom);
        var horz = new __WEBPACK_IMPORTED_MODULE_2__fx_ui__["h" /* CanvasRuler */](this.canvas.width, RULER_THICKNESS * this.pixelRatio, range, 30 * this.pixelRatio, 4 * this.pixelRatio);
        range = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"](-this.settings.imageOffset.y / this.settings.zoom, (this.canvas.height - this.settings.imageOffset.y) / this.settings.zoom);
        var vert = new __WEBPACK_IMPORTED_MODULE_2__fx_ui__["h" /* CanvasRuler */](this.canvas.height, RULER_THICKNESS * this.pixelRatio, range, 30 * this.pixelRatio, 4 * this.pixelRatio);
        this.ctx.strokeStyle = '#888';
        this.ctx.fillStyle = '#888';
        this.ctx.lineWidth = 1;
        this.ctx.font = 11 * this.pixelRatio + "px Arial";
        horz.drawHorizontal(this.ctx);
        vert.drawVertical(this.ctx);
        if (p) {
            //this.drawCurrentRulerPosition(p);
        }
    };
    Editor.prototype.drawGuides = function () {
        var _this = this;
        this.settings.guides.forEach(function (r) { return r.draw(_this.ctx, _this.settings.zoom, _this.settings.imageOffset, RULER_THICKNESS); });
    };
    Editor.prototype.drawGrid = function () {
        this.ctx.save();
        this.ctx.strokeStyle = 'rgba(0, 220, 0, 0.8)';
        this.ctx.lineWidth = 1;
        this.ctx.setLineDash([1, 2]);
        this.ctx.beginPath();
        var p1 = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 0).mul(this.settings.zoom).add(this.settings.imageOffset);
        var p2 = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, this.img.height).mul(this.settings.zoom).add(this.settings.imageOffset);
        var step = 100 * this.settings.zoom;
        for (; p1.x <= this.img.width * this.settings.zoom + this.settings.imageOffset.x; p1.x += step, p2.x += step) {
            this.ctx.moveTo(p1.x, p1.y);
            this.ctx.lineTo(p2.x, p2.y);
        }
        p1 = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 0).mul(this.settings.zoom).add(this.settings.imageOffset);
        p2 = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](this.img.width, 0).mul(this.settings.zoom).add(this.settings.imageOffset);
        for (; p1.y <= this.img.height * this.settings.zoom + this.settings.imageOffset.y; p1.y += step, p2.y += step) {
            this.ctx.moveTo(p1.x, p1.y);
            this.ctx.lineTo(p2.x, p2.y);
        }
        this.ctx.stroke();
        this.ctx.restore();
    };
    Editor.prototype.getPixelColor = function (point) {
        var pixels = this.ctx.getImageData(point.x, point.y, 1, 1).data;
        var color = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"](pixels[0], pixels[1], pixels[2], pixels[3]);
        return color;
    };
    Editor.prototype.drawOverlaysInternal = function () {
        this.ctx.save();
        this.ctx.translate(this.settings.imageOffset.x, this.settings.imageOffset.y);
        //this.ctx.scale(this.settings.zoom, this.settings.zoom);
        this.drawOverlays(this.ctx);
        this.ctx.restore();
    };
    Editor.prototype.drawOutsideInternal = function () {
        this.ctx.save();
        this.ctx.translate(this.settings.imageOffset.x, this.settings.imageOffset.y);
        //this.ctx.scale(this.settings.zoom, this.settings.zoom);
        this.drawOutside(this.ctx);
        this.ctx.restore();
    };
    Editor.prototype.rulerGuideHitTest = function ($event) {
        var local = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]($event.offsetX, $event.offsetY);
        if (this.settings.showRulers) {
            var t = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](local).mul(this.pixelRatio).sub(this.settings.imageOffset).div(this.settings.zoom);
            var lguide = this.settings.guides.filter(function (r) { return r.orientation == 'left'; }).find(function (r) { return !r.locked && r.near(t.x); });
            if (lguide)
                return lguide;
            var tguide = this.settings.guides.filter(function (r) { return r.orientation == 'top'; }).find(function (r) { return !r.locked && r.near(t.y); });
            if (tguide)
                return tguide;
            var topruler = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 0), this.canvas.width, RULER_THICKNESS);
            if (topruler.pointInRect(local))
                return "top";
            var leftruler = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 0), RULER_THICKNESS, this.canvas.height);
            if (leftruler.pointInRect(local))
                return "left";
        }
        return null;
    };
    Editor.prototype.dragGuide = function (guide, $event) {
        var _this = this;
        if (guide.locked)
            return;
        var drag = function ($event) {
            var local = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]($event.offsetX, $event.offsetY);
            var t = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](local).mul(_this.pixelRatio).sub(_this.settings.imageOffset).div(_this.settings.zoom);
            if (guide.orientation == "left")
                guide.pos = t.x; //($event.offsetX * this.pixelRatio - this.settings.imageOffset.x) / this.settings.zoom;
            if (guide.orientation == "top")
                guide.pos = t.y; //($event.offsetY * this.pixelRatio - this.settings.imageOffset.y) / this.settings.zoom;
            _this.draw();
        };
        var up = function () {
            var offset = guide.orientation == "left" ? _this.settings.imageOffset.x : _this.settings.imageOffset.y;
            var local = (guide.pos * _this.settings.zoom + offset) / _this.pixelRatio;
            if (local < RULER_THICKNESS) {
                var idx = _this.settings.guides.indexOf(guide);
                if (idx != -1)
                    _this.settings.guides.splice(idx, 1);
                _this.draw();
            }
            document.removeEventListener("mousemove", drag, true);
            document.removeEventListener("mouseup", up, true);
        };
        document.addEventListener("mousemove", drag, true);
        document.addEventListener("mouseup", up, true);
        this.draw();
    };
    Editor.prototype.selectObjectsInRect = function (rect) {
    };
    Editor.prototype.mouseOver = function ($event) {
        this.ctx.save();
        this.ctx.translate(this.settings.imageOffset.x, this.settings.imageOffset.y);
        //this.ctx.scale(this.settings.zoom, this.settings.zoom);
        this.drawHovers(this.ctx, $event);
        this.ctx.restore();
        if (!this.settings.showGuides)
            return;
        this.setCursor();
        var rtest = this.rulerGuideHitTest($event);
        if (typeof rtest === "string") {
            this.canvas.style.cursor = "default";
        }
        if (rtest instanceof __WEBPACK_IMPORTED_MODULE_5__guides__["a" /* RulerGuide */]) {
            if (rtest.orientation == 'top')
                this.canvas.style.cursor = rtest.locked ? 'not-allowed' : "row-resize";
            if (rtest.orientation == 'left')
                this.canvas.style.cursor = rtest.locked ? 'not-allowed' : "col-resize";
        }
    };
    Editor.prototype.mouseup = function ($event, arg) {
        this.dragging = false;
        this.dragstop($event, arg, this.dragged);
    };
    Editor.prototype.mousemove = function ($event, start, last, arg) {
        var screen = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]($event.offsetX, $event.offsetY)
            .add(this.cursorOffset)
            .mul(this.pixelRatio);
        var deltax = screen.x - last.x, deltay = screen.y - last.y, totaldx = screen.x - start.x, totaldy = screen.y - start.y;
        if ($event.metaKey || $event.button == 1 || this.editormode == EditorModes.HAND) {
            this.settings.imageOffset.x += deltax;
            this.settings.imageOffset.y += deltay;
        }
        else {
            if (totaldx || totaldy) {
                if ($event.shiftKey) {
                    //TODO: restore one dimesion &  restrict to other
                }
                this.drag($event, new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](deltax / this.settings.zoom, deltay / this.settings.zoom), new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](totaldx / this.settings.zoom, totaldy / this.settings.zoom), arg);
                this.dragged = true;
            }
        }
        last.x = screen.x;
        last.y = screen.y;
        this.draw(arg, $event);
    };
    Editor.prototype.mousedown = function ($event) {
        var _this = this;
        if (this.locked)
            return;
        var start = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]($event.offsetX, $event.offsetY)
            .add(this.cursorOffset)
            .mul(this.pixelRatio), last = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](start);
        var _mousemove = function ($event) { _this.mousemove($event, start, last, hit); };
        var _mouseup = function ($event) {
            _this.mouseup($event, hit),
                document.removeEventListener("mousemove", _mousemove, true);
            document.removeEventListener("mouseup", _mouseup, true);
        };
        if (!this.locked) {
            var rtest = this.rulerGuideHitTest($event);
            if (typeof (rtest) == "string") {
                this.settings.showGuides = true;
                var local = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]($event.offsetX, $event.offsetY);
                var t = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](local).mul(this.pixelRatio).sub(this.settings.imageOffset).div(this.settings.zoom);
                var guide = new __WEBPACK_IMPORTED_MODULE_5__guides__["a" /* RulerGuide */](rtest, rtest == "left" ? t.x : t.y);
                this.settings.guides.push(guide);
                this.dragGuide(guide, $event);
                return;
            }
            else if (rtest instanceof __WEBPACK_IMPORTED_MODULE_5__guides__["a" /* RulerGuide */]) {
                this.dragGuide(rtest, $event);
                return;
            }
        }
        if (this.editormode != EditorModes.HAND && !this.locked) {
            var hit = this.hittest($event);
            if (!hit && !$event.metaKey && $event.button != 1) {
                var canvasrect = this.canvas.getBoundingClientRect();
                __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_ui__["i" /* SelectionMarker */])($event, true).subscribe(function (rect) {
                    if (rect) {
                        rect.origin.x -= canvasrect.left;
                        rect.origin.y -= canvasrect.top;
                        rect.origin.mul(_this.pixelRatio).sub(_this.settings.imageOffset).div(_this.settings.zoom);
                        rect.width *= _this.pixelRatio / _this.settings.zoom;
                        rect.height *= _this.pixelRatio / _this.settings.zoom;
                    }
                    _this.selectObjectsInRect(rect);
                });
                return;
            }
            this.dragged = false;
            this.dragging = true;
            this.dragstart($event, hit);
            this.draw(hit, $event);
        }
        document.addEventListener("mousemove", _mousemove, true);
        document.addEventListener("mouseup", _mouseup, true);
        event.preventDefault();
    };
    Editor.prototype._dblclick = function ($event) {
        var hit = this.hittest($event);
        this.dblclick($event, hit);
    };
    return Editor;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__angular_core__["Q" /* Input */])(),
    __metadata("design:type", EditorSettings)
], Editor.prototype, "settings", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], Editor.prototype, "editormode", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__angular_core__["_4" /* ViewChild */])('canvas'),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__angular_core__["O" /* ElementRef */]) === "function" && _a || Object)
], Editor.prototype, "canvasElement", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__angular_core__["_5" /* HostListener */])('mousedown', ['$event']),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], Editor.prototype, "mousedown", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__angular_core__["_5" /* HostListener */])('dblclick', ['$event']),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], Editor.prototype, "_dblclick", null);
Editor = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__angular_core__["b" /* Component */])({
        selector: 'Editor',
        template: "<canvas #canvas width=\"100\" height=\"100\"> </canvas>",
        changeDetection: __WEBPACK_IMPORTED_MODULE_3__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush
    })
], Editor);

var _a;
//# sourceMappingURL=editor.js.map

/***/ }),

/***/ "./src/@fx/ui/editor/guides.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return RulerGuide; });
var RulerGuide = (function () {
    function RulerGuide(orientation, pos) {
        this.orientation = orientation;
        this.pos = pos;
        this.locked = false;
    }
    ;
    RulerGuide.prototype.draw = function (ctx, zoom, offset, RULER_THICKNESS) {
        ctx.save();
        ctx.strokeStyle = "lightblue";
        ctx.beginPath();
        if (this.orientation == "top") {
            ctx.moveTo(RULER_THICKNESS, this.pos * zoom + offset.y);
            ctx.lineTo(ctx.canvas.width, this.pos * zoom + offset.y);
        }
        if (this.orientation == "left") {
            ctx.moveTo(this.pos * zoom + offset.x, RULER_THICKNESS);
            ctx.lineTo(this.pos * zoom + offset.x, ctx.canvas.height);
        }
        ctx.stroke();
        ctx.restore();
    };
    RulerGuide.prototype.near = function (v) {
        return Math.abs(this.pos - v) < 5;
    };
    return RulerGuide;
}());

//# sourceMappingURL=guides.js.map

/***/ }),

/***/ "./src/@fx/ui/editor/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor__ = __webpack_require__("./src/@fx/ui/editor/editor.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__editor__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__editor__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_0__editor__["c"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__snapping__ = __webpack_require__("./src/@fx/ui/editor/snapping.ts");
/* unused harmony namespace reexport */


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/ui/editor/snapping.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_BehaviorSubject__ = __webpack_require__("./node_modules/rxjs/BehaviorSubject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_BehaviorSubject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_BehaviorSubject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DefaultSnapOptions; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return SnapManager; });
/**
 * A general-purpose snap manager.
 *
 * During dragging of objects calls to the "ondrag" function will test a dragged
 * object's position against the edges and centers of other objects, guides or grid lines.
 * If the object is close to an gridline, guide, edge or center, it will snap the object's position
 * and signal the edge position through the observable subject "signal".
 *
 * Editors can subscribe to the signal and draw snap lines. Editors are also
 * responsible to update the list of testable objects. These objects have
 * to implement the "BoundingBox" interface.
 */


var DEFAULT_SENSITIVITY = 2;
var DefaultSnapOptions = (function () {
    function DefaultSnapOptions() {
        this.snap = true;
        this.invert = false;
        this.grid = false;
        this.gridSize = 50;
        this.center = true;
        this.edges = true;
        this.guides = true;
        this.sensitivity = DEFAULT_SENSITIVITY;
    }
    return DefaultSnapOptions;
}());

var SnapManager = (function () {
    function SnapManager() {
        /**
         * List of test objects
         */
        this.shapes = [];
        /**
         * Additional test (usually the overall composition rectangle)
         */
        this.rect = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](), 0, 0);
        /**
         * List of ruler guides to test against
         */
        this.guides = [];
        this.options = new DefaultSnapOptions();
        this.signal = new __WEBPACK_IMPORTED_MODULE_0_rxjs_BehaviorSubject__["BehaviorSubject"]({});
    }
    SnapManager.prototype.setSize = function (size) {
        this.rect = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](), size);
    };
    SnapManager.prototype.setShapes = function (shapes) {
        this.shapes = shapes;
    };
    SnapManager.prototype.setGuides = function (guides) {
        this.guides = guides;
    };
    SnapManager.prototype.setOptions = function (options) {
        this.options = options;
    };
    /**
     * Run tests and optionally update an object's position and signal
     * any snapping through the "signal" observable.
     *
     * @param rect The object to test against all other objects
     * @param exclude An object to exclude from the tests (usually 'self')
     * @param options Update options for this test
     */
    SnapManager.prototype.ondrag = function (rect, exclude, options) {
        var _this = this;
        var opts = Object.assign({}, this.options, options);
        if (opts.grid && this.snapGrid(opts.snap, opts.invert, rect, opts.gridSize))
            return;
        if (opts.guides && this.guides.find(function (guide) { return _this.snapEdge(opts, guide.pos, rect, guide.orientation == "left", guide.orientation == "top"); }))
            return;
        if (opts.center && this.snapCenter(opts, this.rect, rect))
            return;
        if (opts.edges && this.snapEdges(opts, this.rect, rect))
            return;
        var shapes = exclude ? this.shapes.filter(function (s) { return s != exclude; }) : this.shapes;
        if (opts.center && shapes.find(function (shape) { return _this.snapCenter(opts, shape.boundingBox(), rect); }))
            return;
        if (opts.edges) {
            return shapes.find(function (shape) {
                var box = shape.boundingBox();
                return _this.snapEdges(opts, box, rect);
            });
        }
    };
    /**
     * Grid test: Test if object is at or near a grid line
     */
    SnapManager.prototype.snapGrid = function (snap, invert, rect, grid) {
        var xsnap = Math.abs(Math.round(rect.center.x / grid) - rect.center.x / grid) < 0.1, ysnap = Math.abs(Math.round(rect.center.y / grid) - rect.center.y / grid) < 0.1, snapped = {};
        if (xsnap) {
            var gridx = grid * Math.round(rect.center.x / grid);
            var deltax = gridx - rect.center.x;
            if (snap !== invert)
                rect.origin.x += deltax;
            snapped.x = gridx;
        }
        if (ysnap) {
            var gridy = grid * Math.round(rect.center.y / grid);
            var deltay = gridy - rect.center.y;
            if (snap !== invert)
                rect.origin.y += deltay;
            snapped.y = gridy;
        }
        this.signal.next(snapped);
        return xsnap || ysnap;
    };
    /**
     *  Test if object is at or near the center of a reference object
     * @param ref Object to test against
     * @param rect Object that is dragged
     */
    SnapManager.prototype.snapCenter2 = function (opts, ref, rect) {
        var center = rect.center.isNear(ref.center, opts.sensitivity), snapped = {};
        if (center) {
            var delta = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](ref.center).sub(rect.center);
            if (opts.snap !== opts.invert)
                rect.origin.add(delta);
            snapped = ref.center;
        }
        this.signal.next(snapped);
        return center;
    };
    /**
     *  Test if object's center is at or near a center axis of a reference object
     * @param ref Object to test against
     * @param rect Object that is dragged
     */
    SnapManager.prototype.snapCenter = function (opts, ref, rect) {
        var snapped = {};
        var hcenter = Math.abs(rect.center.x - ref.center.x) <= opts.sensitivity, vcenter = Math.abs(rect.center.y - ref.center.y) <= opts.sensitivity;
        if (hcenter) {
            var delta = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](ref.center).sub(rect.center);
            if (opts.snap !== opts.invert)
                rect.origin.x += delta.x;
            snapped.x = ref.center.x;
        }
        if (vcenter) {
            var delta = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](ref.center).sub(rect.center);
            if (opts.snap !== opts.invert)
                rect.origin.y += delta.y;
            snapped.y = ref.center.y;
        }
        this.signal.next(snapped);
        return hcenter || vcenter;
    };
    /**
     * Test all 4 edges of a test object against all 4 edges of a reference object.
     *
     * @param ref Object to test against
     * @param rect Object that is dragged
     */
    SnapManager.prototype.snapEdges = function (opts, ref, rect) {
        if (this.snapEdge(opts, ref.right, rect))
            return true;
        if (this.snapEdge(opts, ref.left, rect))
            return true;
        if (this.snapEdge(opts, ref.top, rect))
            return true;
        if (this.snapEdge(opts, ref.bottom, rect))
            return true;
        return false;
    };
    SnapManager.prototype.snapEdge = function (opts, ref, rect, testH, testV) {
        if (testH === void 0) { testH = true; }
        if (testV === void 0) { testV = true; }
        var snapLeft = Math.abs(rect.left - ref) < opts.sensitivity, snapRight = Math.abs(rect.right - ref) < opts.sensitivity, snapTop = Math.abs(rect.top - ref) < opts.sensitivity, snapBottom = Math.abs(rect.bottom - ref) < opts.sensitivity, delta = 0, snapped = {};
        if (testH && snapLeft) {
            delta = ref - rect.left;
            snapped.x = ref;
        }
        if (testH && snapRight) {
            delta = ref - rect.right;
            snapped.x = ref;
        }
        if (testV && snapTop) {
            delta = ref - rect.top;
            snapped.y = ref;
        }
        if (testV && snapBottom) {
            delta = ref - rect.bottom;
            snapped.y = ref;
        }
        if (opts.snap != opts.invert)
            rect.origin.add(delta);
        this.signal.next(snapped);
        return snapLeft || snapRight || snapTop || snapBottom;
    };
    return SnapManager;
}());

//# sourceMappingURL=snapping.js.map

/***/ }),

/***/ "./src/@fx/ui/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common__ = __webpack_require__("./node_modules/@angular/common/@angular/common.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_forms__ = __webpack_require__("./node_modules/@angular/forms/@angular/forms.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_flex_layout__ = __webpack_require__("./node_modules/@angular/flex-layout/index.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__windowmanager_manager__ = __webpack_require__("./src/@fx/ui/windowmanager/manager.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__windowmanager_layout__ = __webpack_require__("./src/@fx/ui/windowmanager/layout.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils__ = __webpack_require__("./src/@fx/ui/utils.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components__ = __webpack_require__("./src/@fx/ui/components/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__settings__ = __webpack_require__("./src/@fx/ui/settings.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__dialog__ = __webpack_require__("./src/@fx/ui/dialog/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__editor__ = __webpack_require__("./src/@fx/ui/editor/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__shapes__ = __webpack_require__("./src/@fx/ui/shapes/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "m", function() { return __WEBPACK_IMPORTED_MODULE_11__shapes__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "n", function() { return __WEBPACK_IMPORTED_MODULE_11__shapes__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "o", function() { return __WEBPACK_IMPORTED_MODULE_11__shapes__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "p", function() { return __WEBPACK_IMPORTED_MODULE_11__shapes__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "q", function() { return __WEBPACK_IMPORTED_MODULE_11__shapes__["e"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "v", function() { return __WEBPACK_IMPORTED_MODULE_11__shapes__["f"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_10__editor__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "r", function() { return __WEBPACK_IMPORTED_MODULE_10__editor__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "t", function() { return __WEBPACK_IMPORTED_MODULE_10__editor__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_8__settings__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_9__dialog__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "k", function() { return __WEBPACK_IMPORTED_MODULE_9__dialog__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "l", function() { return __WEBPACK_IMPORTED_MODULE_9__dialog__["d"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_4__windowmanager_manager__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__windowmanager_decorators__ = __webpack_require__("./src/@fx/ui/windowmanager/decorators.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_12__windowmanager_decorators__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_5__windowmanager_layout__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__windowmanager_panel__ = __webpack_require__("./src/@fx/ui/windowmanager/panel.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "s", function() { return __WEBPACK_IMPORTED_MODULE_13__windowmanager_panel__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__components__["n"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_7__components__["o"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "j", function() { return __WEBPACK_IMPORTED_MODULE_7__components__["p"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "u", function() { return __WEBPACK_IMPORTED_MODULE_7__components__["q"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "w", function() { return __WEBPACK_IMPORTED_MODULE_7__components__["r"]; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return UIModule; });
var __decorate = (this && this.__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 providers = [
    __WEBPACK_IMPORTED_MODULE_4__windowmanager_manager__["a" /* WindowManager */],
    __WEBPACK_IMPORTED_MODULE_5__windowmanager_layout__["a" /* LayoutManager */],
    __WEBPACK_IMPORTED_MODULE_8__settings__["a" /* UISettings */],
    __WEBPACK_IMPORTED_MODULE_7__components__["a" /* ContextMenuService */],
    __WEBPACK_IMPORTED_MODULE_9__dialog__["a" /* DialogService */],
];
var declarations = [
    __WEBPACK_IMPORTED_MODULE_7__components__["b" /* TreeTableComponent */],
    __WEBPACK_IMPORTED_MODULE_7__components__["c" /* TreeNodeComponent */],
    __WEBPACK_IMPORTED_MODULE_7__components__["d" /* TreeNodeContentComponent */],
    __WEBPACK_IMPORTED_MODULE_7__components__["e" /* TreeNodeChildrenComponent */],
    __WEBPACK_IMPORTED_MODULE_6__utils__["a" /* FormatterfPipe */],
    __WEBPACK_IMPORTED_MODULE_6__utils__["b" /* FPSFormatterPipe */],
    __WEBPACK_IMPORTED_MODULE_6__utils__["c" /* PluralPipe */],
    __WEBPACK_IMPORTED_MODULE_7__components__["f" /* NumberSliderComponent */],
    __WEBPACK_IMPORTED_MODULE_7__components__["g" /* RangeSliderComponent */],
    __WEBPACK_IMPORTED_MODULE_7__components__["h" /* FrameRulerComponent */],
    __WEBPACK_IMPORTED_MODULE_7__components__["i" /* ColorTagComponent */],
    __WEBPACK_IMPORTED_MODULE_7__components__["j" /* OpenBox */],
    __WEBPACK_IMPORTED_MODULE_7__components__["k" /* ToggleBar */],
    __WEBPACK_IMPORTED_MODULE_7__components__["l" /* ContextMenuDirective */],
    __WEBPACK_IMPORTED_MODULE_7__components__["m" /* ContextMenuComponent */],
    __WEBPACK_IMPORTED_MODULE_9__dialog__["b" /* DialogContainer */],
    __WEBPACK_IMPORTED_MODULE_10__editor__["b" /* Editor */],
];





var UIModule = (function () {
    function UIModule() {
    }
    return UIModule;
}());
UIModule = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["c" /* NgModule */])({
        imports: [__WEBPACK_IMPORTED_MODULE_1__angular_common__["a" /* CommonModule */], __WEBPACK_IMPORTED_MODULE_3__angular_flex_layout__["FlexLayoutModule"], __WEBPACK_IMPORTED_MODULE_2__angular_forms__["a" /* FormsModule */]],
        providers: providers.slice(),
        declarations: declarations.slice(),
        exports: [__WEBPACK_IMPORTED_MODULE_1__angular_common__["a" /* CommonModule */]].concat(declarations),
        entryComponents: []
    })
], UIModule);

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/ui/settings.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return UISettings; });
var __decorate = (this && this.__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 UISettings = (function () {
    function UISettings() {
    }
    UISettings.prototype.setTagColors = function (list) {
        //console.log("UI, setcolors", list)
        this.colorlist = list;
    };
    return UISettings;
}());
UISettings = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], UISettings);

//# sourceMappingURL=settings.js.map

/***/ }),

/***/ "./src/@fx/ui/shapes/bezier.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return BezierShape; });

var CONTROL_HANDLE_RADIUS = 5, PATH_HANDLE_RADIUS = 5, CONTROL_HANDLE_SIZE = CONTROL_HANDLE_RADIUS * 2, HANDLE_SENSITIV_FACTOR = 4, EPSILON = CONTROL_HANDLE_RADIUS * HANDLE_SENSITIV_FACTOR;
var BezierShape = (function () {
    function BezierShape(parent, zoom, origin, color) {
        this.parent = parent;
        this.zoom = zoom;
        this.origin = origin;
        this.color = color;
    }
    BezierShape.prototype.render = function (ctx, outline, active, hover, point) {
        var _this = this;
        var path = this.parent.path;
        if (!active)
            return;
        if (!path.segments.length)
            return;
        ctx.strokeStyle = this.color.rgb;
        ctx.lineWidth = 1;
        ctx.beginPath();
        var p = this.project(path.segments[0].position).mul(this.zoom());
        ctx.moveTo(p.x, p.y);
        var subpath = path.segments.slice();
        if (path.closed)
            subpath.splice(subpath.length, 0, path.segments[0]);
        subpath.slice(1).reduce(function (prev, seg) {
            var cp1 = _this.project(prev.c2).mul(_this.zoom()), cp2 = _this.project(seg.c1).mul(_this.zoom()), p = _this.project(seg.position).mul(_this.zoom());
            ctx.bezierCurveTo(cp1.x, cp1.y, cp2.x, cp2.y, p.x, p.y);
            return seg;
        }, path.segments[0]);
        ctx.stroke();
        if (active)
            path.segments.forEach(function (seg, idx) { return _this.drawHandles(ctx, seg, idx == 0, point); });
    };
    BezierShape.prototype.project = function (p) {
        var position = this.origin.getPos();
        var size = this.origin.getSize();
        var point = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](p).add(position);
        var scale = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.origin.getScale()).div(100);
        var anchor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.origin.getAnchor());
        var rotate = this.origin.getRotate();
        anchor.x += size.width / 2 + position.x;
        anchor.y += size.height / 2 + position.y;
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["scalePoints"])([point], scale, anchor);
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["rotatePoints"])([point], rotate, anchor);
        return point;
    };
    BezierShape.prototype.unproject = function (p) {
        var position = this.origin.getPos();
        var size = this.origin.getSize();
        var point = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](p).sub(position);
        var scale = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.origin.getScale()).div(100).inverse();
        var anchor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.origin.getAnchor());
        var rotate = -this.origin.getRotate();
        anchor.x += size.width / 2 + position.x;
        anchor.y += size.height / 2 + position.y;
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["scalePoints"])([point], scale, anchor);
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["rotatePoints"])([point], rotate, anchor);
        return point;
    };
    BezierShape.prototype.containsPoint = function (p) {
        return true;
    };
    BezierShape.prototype.intersects = function (rect) {
        return !!this.parent.path.segments.find(function (s) { return rect.pointInRect(s.position); });
    };
    BezierShape.prototype.boundingBox = function () {
        // TODO: calculate correct bounding box of Bezier Path
        return new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](), 1, 1);
    };
    BezierShape.prototype.nearStart = function (p) {
        var path = this.parent.path;
        if (path.segments.length > 1) {
            var hit = this.findControlHandle(p);
            return hit.segment == this.parent.path.segments[0];
        }
        return false;
    };
    BezierShape.prototype.findControlHandle = function (p) {
        var _this = this;
        var point = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](p).mul(this.zoom());
        var path = this.parent.path;
        var test = function (s) {
            return _this.project(s).mul(_this.zoom()).isNear(point, EPSILON);
        };
        var pos = path.segments.find(function (s) { return test(s.position); });
        var ctrl1 = path.segments.find(function (s) { return test(s.c1); });
        var ctrl2 = path.segments.find(function (s) { return test(s.c2); });
        return pos ? { handle: pos.position, other: null, segment: pos, path: path, isPos: true }
            : ctrl1 ? { handle: ctrl1.c1, other: ctrl1.c2, segment: ctrl1, path: path, isPos: false }
                : ctrl2 ? { handle: ctrl2.c2, other: ctrl2.c1, segment: ctrl2, path: path, isPos: false }
                    : { handle: null, other: null, segment: null, path: path, isPos: false };
    };
    BezierShape.prototype.drawHandles = function (ctx, segment, first, point) {
        var cp1 = this.project(segment.c1).mul(this.zoom()), cp2 = this.project(segment.c2).mul(this.zoom()), p = this.project(segment.position).mul(this.zoom());
        if (point)
            var mouse = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](point).mul(this.zoom());
        var rect1 = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](cp1).sub(CONTROL_HANDLE_RADIUS), CONTROL_HANDLE_SIZE, CONTROL_HANDLE_SIZE);
        var rect2 = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](cp2).sub(CONTROL_HANDLE_RADIUS), CONTROL_HANDLE_SIZE, CONTROL_HANDLE_SIZE);
        var sect1 = rect1.edgeIntersect(p);
        var sect2 = rect2.edgeIntersect(p);
        ctx.strokeStyle = '#9af';
        ctx.fillStyle = '#9af';
        ctx.beginPath();
        ctx.moveTo(p.x, p.y);
        ctx.lineTo(sect1.x, sect1.y);
        ctx.moveTo(p.x, p.y);
        ctx.lineTo(sect2.x, sect2.y);
        ctx.stroke();
        if (mouse && cp1.isNear(mouse, EPSILON)) {
            ctx.fillRect(rect1.topleft.x, rect1.topleft.y, CONTROL_HANDLE_SIZE, CONTROL_HANDLE_SIZE);
        }
        else {
            ctx.strokeRect(rect1.topleft.x, rect1.topleft.y, CONTROL_HANDLE_SIZE, CONTROL_HANDLE_SIZE);
        }
        if (mouse && cp2.isNear(mouse, EPSILON)) {
            ctx.fillRect(rect2.topleft.x, rect2.topleft.y, CONTROL_HANDLE_SIZE, CONTROL_HANDLE_SIZE);
        }
        else {
            ctx.strokeRect(rect2.topleft.x, rect2.topleft.y, CONTROL_HANDLE_SIZE, CONTROL_HANDLE_SIZE);
        }
        ctx.beginPath();
        ctx.arc(p.x, p.y, PATH_HANDLE_RADIUS, 0, 2 * Math.PI);
        if (mouse && p.isNear(mouse, EPSILON))
            ctx.fill();
        else
            ctx.stroke();
        if (first) {
            ctx.beginPath();
            ctx.arc(p.x, p.y, PATH_HANDLE_RADIUS * 1.5, 0, 2 * Math.PI);
        }
    };
    return BezierShape;
}());

//# sourceMappingURL=bezier.js.map

/***/ }),

/***/ "./src/@fx/ui/shapes/bicolor.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (immutable) */ __webpack_exports__["a"] = drawBiColorLine;

/**
 * Draw 2 parallel lines between Points a and b with a distance of
 * "distance" in specified colors.
 */
function drawBiColorLine(ctx, a, b, distance, c1, c2) {
    if (distance === void 0) { distance = 1; }
    if (c1 === void 0) { c1 = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].WHITE; }
    if (c2 === void 0) { c2 = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].BLACK; }
    var direction = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](a).sub(b), normdir = direction.norm(), perpdir = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](direction.x, -direction.y), normperp = perpdir.norm(), perpoff = normperp.mul(distance).div(2), diroff = normdir.mul(distance).div(2), p1 = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](a).add(perpoff).sub(diroff), p2 = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](a).sub(perpoff).sub(diroff), p3 = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](b).add(perpoff).add(diroff), p4 = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](b).sub(perpoff).add(diroff);
    ctx.save();
    ctx.beginPath();
    ctx.strokeStyle = c1.rgb;
    ctx.moveTo(p1.x, p1.y);
    ctx.lineTo(p3.x, p3.y);
    ctx.stroke();
    ctx.beginPath();
    ctx.strokeStyle = c2.rgb;
    ctx.moveTo(p2.x, p2.y);
    ctx.lineTo(p4.x, p4.y);
    ctx.stroke();
    ctx.restore();
}
//# sourceMappingURL=bicolor.js.map

/***/ }),

/***/ "./src/@fx/ui/shapes/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__shape__ = __webpack_require__("./src/@fx/ui/shapes/shape.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_0__shape__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__rect__ = __webpack_require__("./src/@fx/ui/shapes/rect.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_1__rect__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__rect__["b"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__bezier__ = __webpack_require__("./src/@fx/ui/shapes/bezier.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_2__bezier__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__quad__ = __webpack_require__("./src/@fx/ui/shapes/quad.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__quad__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__bicolor__ = __webpack_require__("./src/@fx/ui/shapes/bicolor.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_4__bicolor__["a"]; });





//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/@fx/ui/shapes/quad.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__bicolor__ = __webpack_require__("./src/@fx/ui/shapes/bicolor.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return QuadShape; });


var QuadShape = (function () {
    function QuadShape(parent, zoom) {
        this.parent = parent;
        this.zoom = zoom;
    }
    QuadShape.prototype.render = function (ctx, outline, active, hover) {
        ctx.save();
        ctx.strokeStyle = this.parent.getColor().rgb;
        ctx.fillStyle = this.parent.getColor().rgb;
        this.renderQuad(ctx);
        ctx.restore();
    };
    QuadShape.prototype.renderQuad = function (ctx) {
        var zoom = this.zoom();
        var points = this.parent.getPoints().map(function (p) { return p.mul(zoom); });
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__bicolor__["a" /* drawBiColorLine */])(ctx, points[0], points[1]);
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__bicolor__["a" /* drawBiColorLine */])(ctx, points[1], points[3]);
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__bicolor__["a" /* drawBiColorLine */])(ctx, points[3], points[2]);
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__bicolor__["a" /* drawBiColorLine */])(ctx, points[2], points[0]);
    };
    // incl. Handles
    QuadShape.prototype.containsPoint = function (point) {
        return false;
    };
    QuadShape.prototype.intersects = function (rect) {
        return this.boundingBox().intersects(rect);
    };
    QuadShape.prototype.boundingBox = function () {
        var bbox = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](), 0, 0);
        return bbox;
    };
    /**
     * Hit test uses 2 * radius for easier hitting
     */
    QuadShape.prototype.findHandle = function (point) {
        return null;
    };
    return QuadShape;
}());

//# sourceMappingURL=quad.js.map

/***/ }),

/***/ "./src/@fx/ui/shapes/rect.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__bicolor__ = __webpack_require__("./src/@fx/ui/shapes/bicolor.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return RectCornerShape; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return RectBoxShape; });
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 __());
    };
})();


var RectCornerShape = (function () {
    function RectCornerShape(parent, zoom, bicolor, posIsCenter) {
        this.parent = parent;
        this.zoom = zoom;
        this.bicolor = bicolor;
        this.posIsCenter = posIsCenter;
        this.radius = 5.5;
    }
    RectCornerShape.prototype.render = function (ctx, outline, active, hover) {
        ctx.save();
        ctx.strokeStyle = this.parent.getColor().rgb;
        ctx.fillStyle = this.parent.getColor().rgb;
        if (outline)
            this.renderOutline(ctx);
        if (active) {
            this.renderHandles(ctx);
        }
        else if (hover) {
            this.renderCorners(ctx);
        }
        ctx.restore();
    };
    RectCornerShape.prototype.renderCorners = function (ctx) {
        var _this = this;
        var handles = this.makeHandles().map(function (h) { return h.mul(_this.zoom()); });
        this.renderCorner(ctx, handles, 15, 0, 8);
        this.renderCorner(ctx, handles, 9, 1, 10);
        this.renderCorner(ctx, handles, 11, 2, 12);
        this.renderCorner(ctx, handles, 13, 3, 14);
    };
    RectCornerShape.prototype.makeHandles = function () {
        var position = this.parent.getPos();
        var size = this.parent.getSize();
        var scale = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.parent.getScale()).div(100);
        var rotation = this.parent.getRotate();
        var anchor = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](this.parent.getAnchor());
        if (this.posIsCenter) {
            position = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](position).sub(new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](size.width / 2, size.height / 2));
        }
        anchor.x += size.width / 2 + position.x;
        anchor.y += size.height / 2 + position.y;
        var handles = [
            [position.x, position.y],
            [position.x + size.width, position.y],
            [position.x + size.width, position.y + size.height],
            [position.x, position.y + size.height] // bl
        ];
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["scalePoints"])(handles, scale, anchor);
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["rotatePoints"])(handles, rotation, anchor);
        handles[4] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[0], handles[1]);
        handles[5] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[1], handles[2]);
        handles[6] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[2], handles[3]);
        handles[7] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[3], handles[0]);
        handles[8] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[0], handles[4]);
        handles[9] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[4], handles[1]);
        handles[10] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[1], handles[5]);
        handles[11] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[5], handles[2]);
        handles[12] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[2], handles[6]);
        handles[13] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[6], handles[3]);
        handles[14] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[3], handles[7]);
        handles[15] = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["centerPoint"])(handles[7], handles[0]);
        handles[99] = [anchor[0], anchor[1]];
        return handles.map(function (h) { return new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](h[0], h[1]); });
    };
    RectCornerShape.prototype.renderOutline = function (ctx) {
        ctx.setLineDash([1, 2]);
        this.renderOutlineImpl(ctx);
    };
    RectCornerShape.prototype.renderOutlineImpl = function (ctx) {
        var _this = this;
        var handles = this.makeHandles().map(function (h) { return h.mul(_this.zoom()); });
        if (this.bicolor) {
            __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__bicolor__["a" /* drawBiColorLine */])(ctx, handles[0], handles[1]);
            __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__bicolor__["a" /* drawBiColorLine */])(ctx, handles[1], handles[2]);
            __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__bicolor__["a" /* drawBiColorLine */])(ctx, handles[2], handles[3]);
            __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__bicolor__["a" /* drawBiColorLine */])(ctx, handles[3], handles[0]);
        }
        else {
            ctx.beginPath();
            ctx.moveTo(handles[0][0], handles[0][1]);
            ctx.lineTo(handles[1][0], handles[1][1]);
            ctx.lineTo(handles[2][0], handles[2][1]);
            ctx.lineTo(handles[3][0], handles[3][1]);
            ctx.lineTo(handles[0][0], handles[0][1]);
            ctx.stroke();
        }
    };
    RectCornerShape.prototype.renderHandles = function (ctx) {
        var _this = this;
        var handles = this.makeHandles().map(function (h) { return h.mul(_this.zoom()); });
        for (var i = 0; i < 8; i++) {
            var point = handles[i];
            ctx.beginPath();
            ctx.rect(point[0] - this.radius, point[1] - this.radius, 2 * this.radius, 2 * this.radius);
            ctx.fill();
        }
        this.renderAnchor(ctx, handles[99]);
    };
    RectCornerShape.prototype.renderCorner = function (ctx, points, point1, point2, point3) {
        ctx.beginPath();
        ctx.moveTo(points[point1][0], points[point1][1]);
        ctx.lineTo(points[point2][0], points[point2][1]);
        ctx.lineTo(points[point3][0], points[point3][1]);
        ctx.stroke();
    };
    RectCornerShape.prototype.renderAnchor = function (ctx, point) {
        ctx.beginPath();
        ctx.moveTo(point.x - this.radius, point.y);
        ctx.lineTo(point.x + this.radius, point.y);
        ctx.moveTo(point.x, point.y - this.radius);
        ctx.lineTo(point.x, point.y + this.radius);
        ctx.stroke();
        ctx.moveTo(point.x, point.y);
        ctx.arc(point.x, point.y, (this.radius - 2), 0, 2 * Math.PI);
        ctx.stroke();
    };
    // incl. Handles
    RectCornerShape.prototype.containsPoint = function (point) {
        var handles = this.makeHandles();
        var poly = handles.slice(0, 4);
        poly.push(handles[0]);
        var inside = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["pointsInPolyArray"])(point, poly);
        var handle = this.findHandle(point);
        return inside || (handle != null);
    };
    RectCornerShape.prototype.intersects = function (rect) {
        return this.boundingBox().intersects(rect);
    };
    RectCornerShape.prototype.boundingBox = function () {
        var handles = this.makeHandles();
        var size = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Size"](handles[1][0] - handles[0][0] + 1, handles[3][1] - handles[0][1] + 1);
        var bbox = new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](handles[0][0], handles[0][1]), size);
        return bbox;
    };
    RectCornerShape.prototype.handlePoly = function (point, radius) {
        return [
            new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](point.x - radius, point.y - radius),
            new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](point.x + radius, point.y - radius),
            new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](point.x + radius, point.y + radius),
            new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](point.x - radius, point.y + radius),
            new __WEBPACK_IMPORTED_MODULE_0__fx_core__["Point"](point.x - radius, point.y - radius),
        ];
    };
    /**
     * Hit test uses 2 * radius for easier hitting
     */
    RectCornerShape.prototype.findHandle = function (point) {
        var _this = this;
        var handles = this.makeHandles().slice(0, 8);
        var handleSet = handles.map(function (handle) { return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["pointsInPoly"])(point, _this.handlePoly(handle, _this.radius * 2)); });
        var handle = handleSet.indexOf(true);
        return handle != -1 ? handle : null;
    };
    return RectCornerShape;
}());

var RectBoxShape = (function (_super) {
    __extends(RectBoxShape, _super);
    function RectBoxShape(parent, zoom, bicolor, posIsCenter) {
        var _this = _super.call(this, parent, zoom, bicolor, posIsCenter) || this;
        _this.radius = 3.5;
        return _this;
    }
    RectBoxShape.prototype.render = function (ctx, outline, active, hover) {
        ctx.save();
        ctx.strokeStyle = this.parent.getColor().rgb;
        ctx.fillStyle = this.parent.getColor().rgb;
        ctx.lineWidth = 1;
        this.renderOutline(ctx);
        if (active)
            this.renderHandles(ctx);
        ctx.restore();
    };
    RectBoxShape.prototype.renderCorners = function (ctx) { };
    RectBoxShape.prototype.renderOutline = function (ctx) {
        this.renderOutlineImpl(ctx);
    };
    return RectBoxShape;
}(RectCornerShape));

//# sourceMappingURL=rect.js.map

/***/ }),

/***/ "./src/@fx/ui/shapes/shape.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return HandlePosition; });
var HandlePosition;
(function (HandlePosition) {
    HandlePosition[HandlePosition["NORTHWEST"] = 0] = "NORTHWEST";
    HandlePosition[HandlePosition["NORTHEAST"] = 1] = "NORTHEAST";
    HandlePosition[HandlePosition["SOUTHEAST"] = 2] = "SOUTHEAST";
    HandlePosition[HandlePosition["SOUTHWEST"] = 3] = "SOUTHWEST";
    HandlePosition[HandlePosition["NORTH"] = 4] = "NORTH";
    HandlePosition[HandlePosition["EAST"] = 5] = "EAST";
    HandlePosition[HandlePosition["SOUTH"] = 6] = "SOUTH";
    HandlePosition[HandlePosition["WEST"] = 7] = "WEST";
    HandlePosition[HandlePosition["NNW"] = 8] = "NNW";
    HandlePosition[HandlePosition["NNE"] = 9] = "NNE";
    HandlePosition[HandlePosition["NEN"] = 10] = "NEN";
    HandlePosition[HandlePosition["SES"] = 11] = "SES";
    HandlePosition[HandlePosition["SSE"] = 12] = "SSE";
    HandlePosition[HandlePosition["SSW"] = 13] = "SSW";
    HandlePosition[HandlePosition["SWS"] = 14] = "SWS";
    HandlePosition[HandlePosition["SWN"] = 15] = "SWN";
    HandlePosition[HandlePosition["XVALUE"] = 16] = "XVALUE";
    HandlePosition[HandlePosition["YVALUE"] = 17] = "YVALUE";
    HandlePosition[HandlePosition["ZVALUE"] = 18] = "ZVALUE";
    HandlePosition[HandlePosition["VALUE"] = 19] = "VALUE";
    HandlePosition[HandlePosition["IN_VELOCITY"] = 20] = "IN_VELOCITY";
    HandlePosition[HandlePosition["OUT_VELOCITY"] = 21] = "OUT_VELOCITY";
    HandlePosition[HandlePosition["IN_INFLUENCE"] = 22] = "IN_INFLUENCE";
    HandlePosition[HandlePosition["OUT_INFLUENCE"] = 23] = "OUT_INFLUENCE";
    HandlePosition[HandlePosition["ANCHOR"] = 99] = "ANCHOR";
})(HandlePosition || (HandlePosition = {}));
//# sourceMappingURL=shape.js.map

/***/ }),

/***/ "./src/@fx/ui/utils.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_qprintf__ = __webpack_require__("./node_modules/qprintf/qprintf.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_qprintf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_qprintf__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FormatterfPipe; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return FPSFormatterPipe; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return PluralPipe; });
var __decorate = (this && this.__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 {printf} from 'qprintf';

//var qprintf = require('qprintf');
var printf = __WEBPACK_IMPORTED_MODULE_2_qprintf__["sprintf"];
var FormatterfPipe = (function () {
    function FormatterfPipe() {
    }
    FormatterfPipe.prototype.transform = function (input, fmt, base) {
        if (fmt == "°") {
            var full = Math.floor(input / 360), part = printf("%+.1f", input % 360);
            return full + "x" + part + "\u00B0";
        }
        if (fmt == "@") {
            var base1 = 1 / base;
            var hours = Math.floor(input * base1 / 3600);
            input -= hours * 3600 * base;
            var minutes = Math.floor(input * base1 / 60);
            input -= minutes * 60 * base;
            var seconds = Math.floor(input * base1);
            input -= seconds * base;
            return printf("%d:%02d:%02d.%02d", hours, minutes, seconds, input);
        }
        try {
            return printf(fmt, input);
        }
        catch (e) {
            debugger;
        }
    };
    ;
    return FormatterfPipe;
}());
FormatterfPipe = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_0" /* Pipe */])({ name: 'formatter' })
], FormatterfPipe);

var FPSFormatterPipe = (function () {
    function FPSFormatterPipe() {
    }
    FPSFormatterPipe.prototype.transform = function (input, precision) {
        precision = precision || 2;
        if (__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["isFractional"])(input))
            return (input.num / input.den).toFixed(precision);
        return (input[0] / input[1]).toFixed(precision);
    };
    return FPSFormatterPipe;
}());
FPSFormatterPipe = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_0" /* Pipe */])({ name: 'fps' })
], FPSFormatterPipe);

var PluralPipe = (function () {
    function PluralPipe() {
    }
    PluralPipe.prototype.transform = function (input, singular, plural) {
        if (input instanceof Array)
            input = input.length;
        return input == 0 || input > 1 ?
            (plural ? plural : singular + 's') : singular;
    };
    return PluralPipe;
}());
PluralPipe = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_0" /* Pipe */])({ name: 'plural' })
], PluralPipe);

//# sourceMappingURL=utils.js.map

/***/ }),

/***/ "./src/@fx/ui/windowmanager/decorators.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export MenuTarget */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ALLMENUCOMMANDS; });
/* harmony export (immutable) */ __webpack_exports__["a"] = MenuCommand;
// Register a method as handler for menu command
var MenuTarget = (function () {
    function MenuTarget(target, condition) {
        if (condition === void 0) { condition = "true"; }
        this.target = target;
        this.condition = condition;
    }
    return MenuTarget;
}());

var ALLMENUCOMMANDS = new Map();
function MenuCommand(cmd) {
    var map;
    return function (target, key) {
        map = target['__menucommands'];
        if (!map) {
            map = new Map();
            target['__menucommands'] = map;
        }
        var menutarget = new MenuTarget(target[key]);
        if (typeof (cmd) == 'string') {
            map.set(cmd, menutarget);
            ALLMENUCOMMANDS.set(cmd, menutarget);
        }
        else if (typeof (cmd) == 'object') {
            if (cmd.condition)
                menutarget.condition = cmd.condition;
            if (cmd.toggle)
                menutarget.toggle = cmd.toggle;
            if (cmd.check)
                menutarget.check = cmd.check;
            map.set(cmd.id, menutarget);
            ALLMENUCOMMANDS.set(cmd.id, menutarget);
        }
        else {
            console.error("cmd", cmd, typeof (cmd));
            throw new Error("Unknown MenuCommand Parameter Type");
        }
    };
}
//# sourceMappingURL=decorators.js.map

/***/ }),

/***/ "./src/@fx/ui/windowmanager/layout.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_golden_layout__ = __webpack_require__("./node_modules/golden-layout/dist/goldenlayout.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_golden_layout___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_golden_layout__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayoutManager; });
var __decorate = (this && this.__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;
};

/// <reference path="../../../../node_modules/golden-layout/index.d.ts"/>
//var GoldenLayout = require('golden-layout');


var SNAKE_CASE_REGEXP = /[A-Z]/g;
function snake_case(name, separator) {
    separator = separator || '-';
    return name.replace(SNAKE_CASE_REGEXP, function (letter, pos) {
        return (pos ? separator : '') + letter.toLowerCase();
    });
}
var LayoutManager = LayoutManager_1 = (function () {
    function LayoutManager() {
        this.components = new Map();
        this.initialized = new __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__["Subject"]();
        this.ready = false;
    }
    LayoutManager.prototype.setup = function (config, target) {
        var _this = this;
        this.layout = new __WEBPACK_IMPORTED_MODULE_1_golden_layout__(config, target);
        this.layout.on('initialised', function () {
            _this.ready = true;
            $(window).resize(function () {
                _this.layout.updateSize();
            });
            window.setTimeout(function () { return _this.initialized.next(true); });
        });
    };
    LayoutManager.prototype.init = function () {
        this.layout.init();
    };
    LayoutManager.prototype.registerComponent = function (name) {
        if (!this.components.has(name)) {
            this.layout.registerComponent(name, LayoutManager_1.componentInit);
            this.components.set(name, true);
        }
    };
    LayoutManager.prototype.activateComponent = function (name) {
        var components = this.layout.root.getItemsByFilter(function (item) { return item.config.componentName == name; });
        if (components.length) {
            var comp = components[0];
            var stack = comp.parent;
            if (!stack.isStack) {
                console.error("Parent of component is not a stack", name, comp, stack);
                throw new Error("Parent of component is not a stack");
            }
            stack.setActiveContentItem(comp);
        }
    };
    LayoutManager.prototype.addPanel = function (componentName, title, el, initCallback) {
        var id = "id" + Math.random();
        var state = {
            componentName: componentName,
            name: snake_case(componentName),
            element: el,
            cb: initCallback,
        };
        var stackID = this.layout.config.mapping[componentName];
        if (!stackID)
            throw new Error(componentName + " not found in layout config");
        var stack = this.layout.root.getItemsById(stackID)[0];
        if (!stack || stack.type != "stack") {
            var parentID = this.layout.config.mapping[stackID];
            var parent = this.layout.root.getItemsById(parentID)[0];
            if (parent)
                parent.addChild({
                    xwidth: 60,
                    type: 'stack',
                    id: stackID,
                    isClosable: true,
                    content: []
                }, 1);
            stack = this.layout.root.getItemsById(stackID)[0];
        }
        var newItemConfig = {
            id: id,
            type: 'component',
            title: title,
            componentName: componentName,
            componentState: state
        };
        stack.addChild(newItemConfig);
        return this.layout.root.getItemsById(id)[0];
    };
    LayoutManager.componentInit = function (container, state) {
        container.getElement().append($(state.element));
        if (state.cb) {
            state.cb(container, state);
        }
    };
    return LayoutManager;
}());
LayoutManager = LayoutManager_1 = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], LayoutManager);

var LayoutManager_1;
//# sourceMappingURL=layout.js.map

/***/ }),

/***/ "./src/@fx/ui/windowmanager/manager.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__panel__ = __webpack_require__("./src/@fx/ui/windowmanager/panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__decorators__ = __webpack_require__("./src/@fx/ui/windowmanager/decorators.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WindowManager; });
var __decorate = (this && this.__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;
};
/**
 * WindowManager is
 **/




var WindowManager = (function () {
    function WindowManager() {
        this.menulisteners = new Map();
        this.resized = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        //TODO: must be stack or list in order to handle closed viewers
        this.lastActiveByComponentType = {};
        this.panels = [];
    }
    WindowManager.prototype.setActive = function (wnd) {
        this.lastActiveByComponentType[wnd.constructor.name] = wnd;
        if (this.active) {
            this.drawInactive(this.active.container);
        }
        this.active = wnd;
        wnd.active = true;
        this.drawActive(this.active.container);
    };
    WindowManager.prototype.activate = function (wnd) {
        wnd.container.parent.parent.setActiveContentItem(wnd.container.parent);
        this.setActive(wnd);
    };
    WindowManager.prototype.drawActive = function (container) {
        container.getElement()[0].classList.add("active");
        if (container.tab)
            container.tab.element[0].classList.add("active");
    };
    WindowManager.prototype.drawInactive = function (container) {
        container.getElement()[0].classList.remove("active");
        if (container.tab)
            container.tab.element[0].classList.remove("active");
    };
    WindowManager.prototype.addMenuListener = function (panelid, target) {
        var listeners = this.menulisteners.get(panelid);
        if (!listeners) {
            listeners = new Array();
            this.menulisteners.set(panelid, listeners);
        }
        listeners.push(target);
    };
    WindowManager.prototype.removeMenuListener = function (panelid, target) {
        var listeners = this.menulisteners.get(panelid);
        if (listeners) {
            var idx = listeners.indexOf(target);
            if (idx != -1)
                listeners.splice(idx, 1);
        }
    };
    WindowManager.prototype.containerLifecycle = function (wnd) {
        // wnd.container.getElement()[0].addEventListener('mousedown', (e: MouseEvent) => {
        //     this.setActive(wnd);
        // }, true);
        var _this = this;
        wnd.container.getElement().click(function () {
            _this.setActive(wnd);
        });
        wnd.container.on("show", function () {
            //            this.drawActive(wnd.container)            
            _this.setActive(wnd);
            wnd.active = true;
        });
        wnd.container.on("hide", function () {
            _this.drawInactive(wnd.container);
            wnd.active = false;
        });
        wnd.container.on("destroy", function () {
            wnd.active = false;
            if (_this.active == wnd)
                _this.active = null;
            if (_this.lastActiveByComponentType[wnd.constructor.name] == wnd)
                delete _this.lastActiveByComponentType[wnd.constructor.name];
            _this.menulisteners.delete(wnd.panelid);
            var idx = _this.panels.indexOf(wnd);
            if (idx != -1)
                _this.panels.splice(idx, 1);
        });
        $(window).on('resize', function (event) {
            _this.resized.next(true);
        });
        if (wnd instanceof __WEBPACK_IMPORTED_MODULE_2__panel__["a" /* Panel */])
            this.panels.push(wnd);
        this.addMenuListener(wnd.panelid, wnd);
        this.setActive(wnd);
    };
    // not used
    WindowManager.prototype.findPanelForItem = function (panelKindPreferences, item) {
        var candidates = this.panels.filter(function (panel) { return panel.getActiveItem() == item; });
        var found = candidates.length ? candidates[0] : null;
        candidates.forEach(function (c) { return panelKindPreferences.forEach(function (p) {
            if (c.constructor.name == p)
                found = c;
        }); });
        return found;
    };
    WindowManager.prototype.getLastActive = function (windowType) {
        return this.lastActiveByComponentType[windowType];
    };
    WindowManager.prototype.activateKind = function (kind, item) {
        var panel = this.getLastActive(kind);
        if (panel) {
            if (panel.container.isHidden)
                panel.activate();
            panel.setActiveItem(item);
        }
        return panel;
    };
    WindowManager.prototype.evalInContext = function (js, context) {
        var f = new Function("with(this) {return " + js + " }");
        return f.call(context);
    };
    WindowManager.prototype.checkMenus = function (ctx) {
        var _this = this;
        __WEBPACK_IMPORTED_MODULE_3__decorators__["b" /* ALLMENUCOMMANDS */].forEach(function (entry, menuid) {
            try {
                if (entry.toggle) {
                    var text = _this.evalInContext(entry.toggle, ctx);
                    $('#MENU-' + menuid).text(text);
                }
                if (entry.check) {
                    var checked = _this.evalInContext(entry.check, ctx);
                    if (checked)
                        $('#MENU-' + menuid).parent().attr('type', 'checkbox');
                }
                var enabled = _this.evalInContext(entry.condition, ctx);
                if (enabled)
                    $('#MENU-' + menuid).removeAttr("disabled");
                else
                    $('#MENU-' + menuid).attr("disabled", "disabled");
            }
            catch (e) {
                // not a real error. Menu command conditions could try to access
                // the current composition, when there is none. So all OK.
                // console.log("check menu failed", menuid, entry.condition, ctx)
                // console.log(e)
            }
        });
    };
    WindowManager.prototype.execMenuEvent = function (target, $event) {
        var name = $event.detail.name;
        var cmds = target['__menucommands'];
        if (!cmds)
            return false;
        var fn = cmds.get(name);
        if (fn)
            return fn.target.call(target, $event);
        return false;
    };
    WindowManager.prototype.dispatchMenuEvent = function ($event) {
        var listeners = this.menulisteners.get(this.active.panelid);
        if (!listeners)
            return false;
        for (var i = 0; i < listeners.length; i++) {
            if (this.execMenuEvent(listeners[i], $event))
                return true;
        }
        return false;
    };
    return WindowManager;
}());
WindowManager = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["d" /* Injectable */])()
], WindowManager);

//# sourceMappingURL=manager.js.map

/***/ }),

/***/ "./src/@fx/ui/windowmanager/panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_add_operator_takeUntil__ = __webpack_require__("./node_modules/rxjs/add/operator/takeUntil.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_add_operator_takeUntil___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_add_operator_takeUntil__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Panel; });



// export interface Container {
//     container: any;  
//     panelid: string; 
// }
/**
 * Base class for Panels
 */
var Panel = (function () {
    // private callbacks = new Map<string, Function>();
    function Panel(title, el, cd, layout, wm) {
        this.title = title;
        this.el = el;
        this.cd = cd;
        this.layout = layout;
        this.wm = wm;
        this.active = false;
        this.panelid = __WEBPACK_IMPORTED_MODULE_2__fx_core__["UUID"].uuid4();
        this.panelDestroyed$ = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
    }
    Panel.prototype.ngOnInit = function () {
        var _this = this;
        this.layout.registerComponent(this.constructor.name);
        var component = this.layout.addPanel(this.constructor.name, this.title, this.el.nativeElement, function (container, state) {
            _this.container = container;
            _this.state = state;
            container.on("show", function () {
                _this.panelWidth = $(container.getElement()).width();
            });
            container.on("resize", function () {
                _this.panelWidth = $(container.getElement()).width();
            });
            container.on('hide', function () { return _this.cd.detach(); });
            container.on('show', function () { return _this.cd.reattach(); });
            window.setTimeout(function () { return _this.onPanelInit(container, state); });
        });
        this.wm.containerLifecycle(this);
    };
    Panel.prototype.onPanelInit = function (container, state) {
        // override in subclasses
    };
    Panel.prototype.ngOnDestroy = function () {
        // this.callbacks.forEach((f: Function, name: string) => this.container.off(name, f)); 
        this.panelDestroyed$.next(true);
        this.panelDestroyed$.complete();
    };
    Panel.prototype.activate = function () {
        this.container.parent.parent.setActiveContentItem(this.container.parent);
    };
    Panel.prototype.setActiveItem = function (item) { };
    Panel.prototype.getActiveItem = function () { return null; };
    Panel.prototype.on = function (event, execute) {
        this.container.on(event, execute);
        //this.callbacks.set(event, execute);
    };
    return Panel;
}());

//# sourceMappingURL=panel.js.map

/***/ }),

/***/ "./src/app/app.auth.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__("./node_modules/@angular/http/@angular/http.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_app_dialogs__ = __webpack_require__("./src/app/dialogs/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_add_operator_catch__ = __webpack_require__("./node_modules/rxjs/add/operator/catch.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_add_operator_catch___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_rxjs_add_operator_catch__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rxjs_add_observable_throw__ = __webpack_require__("./node_modules/rxjs/add/observable/throw.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rxjs_add_observable_throw___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_rxjs_add_observable_throw__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AuthService; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (_) try {
            if (f = 1, y && (t = y[op[0] & 2 ? "return" : op[0] ? "throw" : "next"]) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [0, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};






var LOCALSTORAGE_FXTOKEN = "fxtoken";
var RENEW_INTERVAL = 5 * 60 * 1000;
var AuthService = (function () {
    function AuthService(http, dlg) {
        this.http = http;
        this.dlg = dlg;
    }
    AuthService.prototype.loginDialog = function () {
        var _this = this;
        var dlg = this.dlg.open(__WEBPACK_IMPORTED_MODULE_3_app_dialogs__["g" /* LoginDialog */]);
        return dlg.result.subscribe(function (creds) {
            _this.login(creds[0], creds[1])
                .subscribe((function () { return console.log("Logged in"); }));
        });
    };
    AuthService.prototype.logout = function () {
    };
    AuthService.prototype.login = function (username, password) {
        var _this = this;
        return this.http.post("https://accounts.impossible.io/auth/login", { username: username, password: password })
            .map(function (resp) {
            if (resp.status != 200)
                throw new Error("Login failed");
            else
                return resp.json();
        }).map(function (data) { return _this.doLogin(data); });
    };
    AuthService.prototype.loggedIn = function () {
        return __awaiter(this, void 0, void 0, function () {
            var tok;
            return __generator(this, function (_a) {
                tok = this.token();
                if (tok) {
                    return [2 /*return*/, this.http.get("https://accounts.impossible.io/auth/verify", new __WEBPACK_IMPORTED_MODULE_1__angular_http__["c" /* RequestOptions */]({ headers: new __WEBPACK_IMPORTED_MODULE_1__angular_http__["b" /* Headers */]({ Authorization: "istoken " + tok }) }))
                            .map(function (r) { return r.status == 200; })
                            .catch(function (err, obj) { return Promise.resolve(false); })
                            .toPromise()];
                }
                return [2 /*return*/, false];
            });
        });
    };
    AuthService.prototype.renew = function () {
        var _this = this;
        setInterval(function () {
            var tok = _this.token();
            _this.http.post("https://accounts.impossible.io/auth/renew", null, new __WEBPACK_IMPORTED_MODULE_1__angular_http__["c" /* RequestOptions */]({ headers: new __WEBPACK_IMPORTED_MODULE_1__angular_http__["b" /* Headers */]({ Authorization: "istoken " + tok }) }))
                .map(function (r) { return r.json(); })
                .subscribe(function (data) { return _this.doLogin(data); });
        }, RENEW_INTERVAL);
    };
    AuthService.prototype.token = function () {
        return localStorage.getItem(LOCALSTORAGE_FXTOKEN);
    };
    AuthService.prototype.clear = function () {
        localStorage.removeItem(LOCALSTORAGE_FXTOKEN);
    };
    AuthService.prototype.tokenlogin = function (token) {
        localStorage.setItem(LOCALSTORAGE_FXTOKEN, token);
    };
    AuthService.prototype.doLogin = function (data) {
        localStorage.setItem(LOCALSTORAGE_FXTOKEN, data.token);
        var exp = new Date();
        exp.setTime(exp.getTime() + 3600000);
        //document.cookie = "token=" + data.token + ";path=/;domain=impossible.io;expires=" + exp.toUTCString();
    };
    AuthService.prototype.sometest = function () {
    };
    return AuthService;
}());
AuthService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_http__["e" /* Http */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_http__["e" /* Http */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["g" /* DialogService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["g" /* DialogService */]) === "function" && _b || Object])
], AuthService);

var _a, _b;
//# sourceMappingURL=app.auth.js.map

/***/ }),

/***/ "./src/app/app.services.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_platform_browser__ = __webpack_require__("./node_modules/@angular/platform-browser/@angular/platform-browser.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__panels_viewers_editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__fx_model_effects__ = __webpack_require__("./src/@fx/model/effects/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__dialogs__ = __webpack_require__("./src/app/dialogs/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__app_auth__ = __webpack_require__("./src/app/app.auth.ts");
/* unused harmony export EventService */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppService; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





// import { CompositionPanel } from './panels/viewers/composition/composition-panel';
// import { FootagePanel } from './panels/viewers/footage/footage-panel';










/**
 * Application wide services including MenuHandlers
 */
var EventService = (function () {
    function EventService(manager) {
        // manager.addGlobalEventListener("document", "mousedown", (event:MouseEvent) => console.log("global mousedown"));
        // manager.addGlobalEventListener("document", "mouseup", (event:MouseEvent) => console.log("global mouseup"));
        this.manager = manager;
        // manager.addEventListener( document.body, "mousedown", (event:MouseEvent) => console.log("doc mousedown"));
        // manager.addEventListener( document.body ,"mouseup", (event:MouseEvent) => console.log("doc mouseup"));
    }
    return EventService;
}());
EventService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__angular_platform_browser__["c" /* EventManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__angular_platform_browser__["c" /* EventManager */]) === "function" && _a || Object])
], EventService);

var AppService = (function () {
    function AppService(prj, fxService, auth, model, ss, serial, um, cb, wm, layout, appref, prefs, zone, event, uisettings, player, em, dlg) {
        var _this = this;
        this.prj = prj;
        this.fxService = fxService;
        this.auth = auth;
        this.model = model;
        this.ss = ss;
        this.serial = serial;
        this.um = um;
        this.cb = cb;
        this.wm = wm;
        this.layout = layout;
        this.appref = appref;
        this.prefs = prefs;
        this.zone = zone;
        this.event = event;
        this.uisettings = uisettings;
        this.player = player;
        this.em = em;
        this.dlg = dlg;
        /**
         * List of open composition panels. If element is
         * a comp the panel will be initialized with that composition.
         * If element is null, an empty panel will be created.
         */
        this.editormode = __WEBPACK_IMPORTED_MODULE_6__fx_ui__["b" /* EditorModes */].SELECT;
        this.menucommand$ = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        window['app'] = this;
        uisettings.setTagColors(this.prefs.prefs.labels.colors);
        this.menucommand$.subscribe(function (event) { return _this.handleMenuEvent(event); });
        //this.zone.onUnstable.subscribe((f:any) => console.log("unstable", f))
        //this.zone.onStable.subscribe((g:any) => console.log("stable", g))
        // this.zone.onStable.subscribe(()=>{
        //     if(this.um.scheduleCloseAtEnd) {
        //         this.um.endUndoGroup();
        //         this.um.scheduleCloseAtEnd = false;
        //     }
        // })
    }
    AppService.prototype.handleMenuEvent = function ($event) {
        if (!this.wm.dispatchMenuEvent($event)) {
            this.wm.execMenuEvent(this, $event);
        }
    };
    AppService.prototype.run = function () {
        this.um.enable();
        this.um.reset();
    };
    Object.defineProperty(AppService.prototype, "openCompositions", {
        /**
         * Return a list of "open" Composition. A composition that is open has an associated TimelinePanel.
         */
        get: function () {
            return this.prj.allComps().filter(function (comp) { return comp.open; });
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AppService.prototype, "openMovies", {
        /**
         * Return a list of "open" Movies. A movie that is open has an associated MoviePanel.
         */
        get: function () {
            return this.prj.allMovies().filter(function (movie) { return movie.open; });
        },
        enumerable: true,
        configurable: true
    });
    AppService.prototype.compID = function (comp) {
        return comp ? comp.id : undefined;
    };
    AppService.prototype.layerID = function (layer) {
        return layer ? layer.id : undefined;
    };
    AppService.prototype.itemID = function (item) {
        return item ? item.id : undefined;
    };
    AppService.prototype.movieID = function (movie) {
        return movie ? movie.id : undefined;
    };
    /**
     * Open an item in a Composition, Layer or Footage viewer panel. If no such
     * panel can be found, create a new one.
     */
    AppService.prototype.openViewer = function (item) {
        if (item instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["Layer"]) {
            var viewer = this.wm.activateKind("LayerPanel", item);
            if (!viewer)
                this.prj.project.layerViewer.push(item);
        }
        if (item instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["FootageItem"] && !(item.source instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["SolidSource"])) {
            var viewer = this.wm.activateKind("FootagePanel", item);
            if (!viewer)
                this.prj.project.footageViewer.push(item);
        }
        if (item instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["Composition"]) {
            item.open = true;
            var viewer = this.wm.activateKind("CompositionPanel", item);
            if (!viewer)
                this.prj.project.compositionViewer.push(item);
        }
        if (item instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["Movie"]) {
            item.open = true;
            var viewer = this.wm.activateKind("MoviePanel", item);
            if (!viewer)
                this.prj.project.movieViewer.push(item);
        }
    };
    AppService.prototype.undo = function () {
        this.um.undo();
        this.model.getActiveComposition().change.next(true);
    };
    AppService.prototype.redo = function () {
        this.um.redo();
    };
    AppService.prototype.copy = function (event) {
        this.ss.managerWithFocus.dispatch("copy", event);
        return true;
    };
    AppService.prototype.cut = function (event) {
        this.ss.managerWithFocus.dispatch("cut", event);
        return true;
    };
    AppService.prototype.paste = function (event) {
        this.ss.managerWithFocus.dispatch("paste", event);
        return true;
    };
    AppService.prototype.delete = function (event) {
        this.ss.managerWithFocus.dispatch("delete");
        return true;
    };
    AppService.prototype.newViewer = function ($event) {
        /**
         * need to go via constructor name to avoid recursive include and "instanceof" test
         */
        if (this.wm.active.constructor.name == "CompositionPanel")
            this.prj.project.compositionViewer.push(null);
        if (this.wm.active.constructor.name == "FootagePanel")
            this.prj.project.footageViewer.push(null);
        if (this.wm.active.constructor.name == "LayerPanel")
            this.prj.project.layerViewer.push(null);
    };
    AppService.prototype.saveProjectAs = function () {
        var name = prompt("Name", this.prj.project.compid || "New Composition");
        this.prj.saveProject(name)
            .then(function () { return alert("Saved"); });
    };
    AppService.prototype.saveProject = function () {
        if (!this.prj.project.compid)
            this.saveProjectAs();
        this.prj.saveProject(this.prj.project.compid)
            .then(function () { return alert("Saved"); });
    };
    AppService.prototype.exportMovie = function () {
        var name = prompt("Name", "test");
        this.prj.exportMovie(this.model.getActiveComposition(), name)
            .then(function (s) { return alert("done"); });
    };
    AppService.prototype.newProject = function () {
        var _this = this;
        var dlg = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_9__dialogs__["a" /* FolderDialog */])("Select Project Folder", "eu-west-1", this.fxService);
        dlg.then(function (folder) {
            window.document.title = "FX Pro - " + folder.Name + " / (Untitled Project)";
            var prj = _this.prj.newProject(folder.Region, folder.ProjectId);
        });
    };
    AppService.prototype.closeProject = function () {
        var _this = this;
        this.prj.project.compositionViewer = [];
        this.prj.project.footageViewer = [];
        this.prj.project.layerViewer = [];
        this.prj.project.movieViewer = [];
        this.prj.closeProject();
        setTimeout(function () {
            _this.prj.project.compositionViewer = [null];
            _this.prj.project.footageViewer = [null];
            _this.prj.project.layerViewer = [null];
            _this.prj.project.movieViewer = [null];
        });
    };
    AppService.prototype.importFiles = function () {
        var _this = this;
        var dlg = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_9__dialogs__["b" /* ImportDialog */])(this.fxService);
        dlg.then(function (selected) {
            //let waitingToLoad:LoadableAsset[] = []
            selected.forEach(function (fxasset) {
                if (!_this.prj.findItemsWithSubstring(fxasset.Name).length) {
                    //var asset = new LoadableAsset(this.prj.project, fxasset.Uid, fxasset);
                    var asource = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["AssetSource"](fxasset);
                    var item = _this.prj.newItem(asource);
                    _this.prj.project.addItem(item);
                    //waitingToLoad.push(asset);
                }
            });
            _this.prj.change.next(true);
            //Promise.all(waitingToLoad.map(a => a.init())).then(() => this.prj.change.next(true));
        });
    };
    AppService.prototype.newComposition = function () {
        var _this = this;
        var defaultCompSettings = {
            name: this.prj.uniqueNameWithNumber("Comp"),
            width: 640,
            height: 360,
            numframes: 250,
            framerate: new __WEBPACK_IMPORTED_MODULE_7__fx_model__["Framerate"](25, 1),
            bgcolor: __WEBPACK_IMPORTED_MODULE_3__fx_core__["Color"].fromString('#000000')
        };
        var dlg = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_9__dialogs__["c" /* CompositionDialog */])(defaultCompSettings);
        dlg.then(function (settings) {
            _this.zone.run(function () {
                var comp = _this.prj.newComposition(settings);
                _this.openViewer(comp);
            });
        });
    };
    AppService.prototype.editComposition = function () {
        var _this = this;
        var comp = this.model.getActiveComposition();
        var dlg = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_9__dialogs__["c" /* CompositionDialog */])(comp);
        dlg.then(function (settings) {
            _this.zone.run(function () {
                comp.name(settings.name);
                comp.width = settings.width;
                comp.height = settings.height;
                comp.bgcolor = settings.bgcolor;
                comp.framerate = settings.framerate;
                comp.change.next(true);
            });
        });
    };
    AppService.prototype.setPosterTime = function () {
        var comp = this.model.getActiveComposition();
        comp.poster = comp.frame;
        this.prj.change.next(true);
    };
    // @MenuCommand('NEWIMAGELAYER')
    // newImageLayer() {
    //     var dlg = ImageLayerDialog("New Image");
    //     dlg.then(settings => {
    //         var comp = this.prj.newImageLayer();
    //         this.openViewer(comp);
    //     }); 
    // }
    AppService.prototype.newSolidLayer = function () {
        var _this = this;
        var comp = this.model.getActiveComposition();
        var dlg = this.dlg.open(__WEBPACK_IMPORTED_MODULE_9__dialogs__["d" /* SolidLayerDialog */]);
        dlg.result.subscribe(function (settings) {
            var layer = _this.prj.newSolidLayer(comp, settings.name, new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Color"](settings.color), settings.size, comp.numframes);
            layer.change.next(true);
        });
    };
    AppService.prototype.newShapeLayer = function () {
        var _this = this;
        this.zone.run(function () {
            var layer = _this.prj.newShapeLayer(_this.model.getActiveComposition());
            layer.change.next(true);
        });
    };
    AppService.prototype.newTextLayer = function () {
        var _this = this;
        this.zone.run(function () {
            var layer = _this.prj.newTextLayer(_this.model.getActiveComposition());
            _this.ss.select(layer);
            layer.change.next(true);
        });
    };
    AppService.prototype.newNullObject = function () {
        var comp = this.model.getActiveComposition();
        var layer = this.prj.newNullObject(comp);
        layer.numframes = comp.numframes;
        layer.change.next(true);
    };
    AppService.prototype.hasSelectedLayer = function () {
        var comp = this.model.getActiveComposition();
        var numsel = this.ss.getSelectionManager(comp).selected.length;
        return !!numsel;
    };
    AppService.prototype.isSingleFootageItem = function () {
        var comp = this.model.getActiveComposition();
        var sel = this.ss.getSelectionManager(comp.project).selected;
        return sel.length == 1 && sel[0] instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["FootageItem"];
    };
    AppService.prototype.createMask = function () {
        var comp = this.model.getActiveComposition();
        var layers = this.model.getSelectedLayers(comp);
        this.model.addMask(comp, layers[0]);
    };
    AppService.prototype.splitLayer = function () {
        this.model.splitSelectedLayers(this.model.getActiveComposition());
    };
    AppService.prototype.bringLayerToFront = function () {
        this.model.rearrangeSelectedLayers(this.model.getActiveComposition(), __WEBPACK_IMPORTED_MODULE_7__fx_model__["LayerPosition"].TOP);
    };
    AppService.prototype.bringLayerForward = function () {
        this.model.rearrangeSelectedLayers(this.model.getActiveComposition(), __WEBPACK_IMPORTED_MODULE_7__fx_model__["LayerPosition"].BEFORE);
    };
    AppService.prototype.sendLayerBackward = function () {
        this.model.rearrangeSelectedLayers(this.model.getActiveComposition(), __WEBPACK_IMPORTED_MODULE_7__fx_model__["LayerPosition"].AFTER);
    };
    AppService.prototype.sendLayerToBack = function () {
        this.model.rearrangeSelectedLayers(this.model.getActiveComposition(), __WEBPACK_IMPORTED_MODULE_7__fx_model__["LayerPosition"].BOTTOM);
    };
    AppService.prototype.preComposeLayer = function () {
        this.model.preComposeSelectedLayers(this.model.getActiveComposition());
        // Must be here. Model Service has no access to Project Service
        this.prj.change.next(true);
    };
    AppService.prototype.renameLayer = function () {
        var comp = this.model.getActiveComposition();
        var layers = this.model.getSelectedLayers(comp);
        if (layers.length) {
            var layer = layers[0];
            var newname = prompt("New Name", layer.name());
            layer.rename(newname);
            layer.change.next(false);
            this.appref.components.forEach(function (c) { return c.changeDetectorRef.markForCheck(); });
        }
    };
    AppService.prototype.duplicateLayer = function () {
        this.model.duplicateSelectedLayers(this.model.getActiveComposition());
    };
    AppService.prototype.selectAll = function () {
        this.model.selectAllLayers(this.model.getActiveComposition());
    };
    AppService.prototype.deselectAll = function () {
        this.model.deselectAllLayers(this.model.getActiveComposition());
    };
    AppService.prototype.invertSelection = function () {
        this.model.invertSelection(this.model.getActiveComposition());
    };
    AppService.prototype.firstFrame = function () {
        this.player.firstFrame(this.em.item);
    };
    AppService.prototype.previousFrame = function () {
        this.player.previousFrame(this.em.item);
    };
    AppService.prototype.nextFrame = function () {
        this.player.nextFrame(this.em.item);
    };
    AppService.prototype.lastFrame = function () {
        this.player.lastFrame(this.em.item);
    };
    AppService.prototype.togglePlay = function (event) {
        if (event.detail.event.metaKey || event.detail.event.ctrlKey)
            this.player.play(this.em.item, true);
        else
            this.player.play(this.em.item, false);
    };
    AppService.prototype.getMotionTrackableLayer = function () {
        var comp = this.model.getActiveComposition();
        var layer = this.ss.getSelectionManager(comp).selectedWithType()[0];
        return layer && layer instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["AVLayer"] && layer.item.type == __WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Video ? layer : null;
    };
    AppService.prototype.trackMotion = function () {
        // Bring tracker panel up
        // create tracker with defaults for this layer
        var layer = this.getMotionTrackableLayer();
        var tracker = this.model.addMotionTracker(this.model.getActiveComposition(), layer);
        this.layout.activateComponent("MotionTrackerPanel");
        var tp = tracker.addTrackpoint();
        this.em.onChange
            .take(1)
            .subscribe(function (pair) {
            var layerpanel = pair.first;
            layerpanel.settings.show = "tracker";
        });
        this.openViewer(layer);
    };
    AppService.prototype.addEffect = function ($event) {
        var _this = this;
        var ctor = __WEBPACK_IMPORTED_MODULE_8__fx_model_effects__["d" /* EffectRegistry */].get($event.detail.arg1);
        var settings = new ctor();
        if (__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_8__fx_model_effects__["e" /* providesDialog */])(settings))
            settings.showDialog().then(function () { return _this.model.addEffectToSelectedLayers(_this.model.getActiveComposition(), ctor, settings); });
        else
            this.model.addEffectToSelectedLayers(this.model.getActiveComposition(), ctor, settings);
    };
    AppService.prototype.selectionTool = function () {
        this.editormode = __WEBPACK_IMPORTED_MODULE_6__fx_ui__["b" /* EditorModes */].SELECT;
    };
    AppService.prototype.handTool = function () {
        this.editormode = __WEBPACK_IMPORTED_MODULE_6__fx_ui__["b" /* EditorModes */].HAND;
    };
    AppService.prototype.cameraTool = function () {
        this.editormode = __WEBPACK_IMPORTED_MODULE_6__fx_ui__["b" /* EditorModes */].CAMERA;
    };
    AppService.prototype.rectangleTool = function () {
        this.editormode = __WEBPACK_IMPORTED_MODULE_6__fx_ui__["b" /* EditorModes */].RECT;
    };
    AppService.prototype.pathTool = function () {
        this.editormode = __WEBPACK_IMPORTED_MODULE_6__fx_ui__["b" /* EditorModes */].PATH;
    };
    AppService.prototype.textTool = function () {
        this.editormode = __WEBPACK_IMPORTED_MODULE_6__fx_ui__["b" /* EditorModes */].TEXT;
    };
    AppService.prototype.replaceFootage = function () {
        alert("replace footage is not yet implemented!");
    };
    AppService.prototype.newMovie = function () {
        var _this = this;
        var dlg = this.dlg.open(__WEBPACK_IMPORTED_MODULE_9__dialogs__["e" /* MovieDialog */]);
        dlg.result.subscribe(function (settings) {
            _this.prj.newMovie(settings);
            _this.prj.change.next(true);
        });
    };
    AppService.prototype.movieSettings = function () {
        var _this = this;
        var sm = this.ss.getSelectionManager(this.prj.project);
        var movie = sm.selected[0];
        var dlg = this.dlg.open(__WEBPACK_IMPORTED_MODULE_9__dialogs__["e" /* MovieDialog */], movie);
        dlg.result.subscribe(function (settings) {
            movie._name = settings._name;
            _this.prj.change.next(true);
        });
    };
    AppService.prototype.aboutFX = function () {
        var box = "\n            <div id=\"loader\" style=\"position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index:100; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; background: transparent\">\n                <div onclick=\"javascript:document.getElementById('loader').remove()\" style=\"flex: 0 0 700px;  height: 350px; background: url(http://is-exchange.s3.amazonaws.com/fx/splash/splashscreen-bg-01.jpg); border: 1px solid #333\">\n                    <div style=\"overflow: hidden; color: #ddd; font-size:14px; position: relative; top: 110px; left: 39px; width: 300px; height: 190px;\">\n\n                        <div id=\"credits\" style=\"position: absolute; top: 100%;  animation: 60s credits linear infinite;\">\n                            \n                        </div>\n                    </div>\n                </div>\n            </div>";
        var frag = new DOMParser().parseFromString(box, 'text/html');
        document.body.appendChild(frag.body.firstChild);
        $("#credits").load("public/credits.html");
    };
    AppService.prototype.preferences = function () {
        var dlg = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_9__dialogs__["f" /* PrefsDialog */])(this.prefs.prefs);
        dlg.then(function (settings) {
        });
    };
    return AppService;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('UNDO'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "undo", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('REDO'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "redo", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "COPY", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], AppService.prototype, "copy", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "CUT", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], AppService.prototype, "cut", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "PASTE", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], AppService.prototype, "paste", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "DELETE", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], AppService.prototype, "delete", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('NEWVIEWER'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], AppService.prototype, "newViewer", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('SAVEPROJECTAS'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "saveProjectAs", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('SAVEPROJECT'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "saveProject", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('EXPORTMOVIE'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "exportMovie", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('NEWPROJECT'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "newProject", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('CLOSEPROJECT'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "closeProject", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('IMPORTFILES'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "importFiles", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('NEWCOMPOSITION'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "newComposition", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('COMPOSITIONSETTINGS'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "editComposition", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('SETPOSTERTIME'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "setPosterTime", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('NEWSOLIDLAYER'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "newSolidLayer", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('NEWSHAPELAYER'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "newShapeLayer", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('NEWTEXTLAYER'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "newTextLayer", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('NEWNULLOBJECT'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "newNullObject", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "CREATEMASK", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "createMask", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "SPLITLAYER", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "splitLayer", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "BRINGLAYERTOFRONT", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "bringLayerToFront", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: 'BRINGLAYERFORWARD', condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "bringLayerForward", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: 'SENDLAYERBACKWARD', condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "sendLayerBackward", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: 'SENDLAYERTOBACK', condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "sendLayerToBack", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "PRECOMPOSE", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "preComposeLayer", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "RENAMELAYER", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "renameLayer", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "DUPLICATELAYER", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "duplicateLayer", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])("SELECTALL"),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "selectAll", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])("DESELECTALL"),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "deselectAll", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])("INVERTSELECTION"),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "invertSelection", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('FIRSTFRAME'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "firstFrame", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('PREVIOUSFRAME'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "previousFrame", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('NEXTFRAME'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "nextFrame", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('LASTFRAME'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "lastFrame", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('TOGGLEPLAY'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], AppService.prototype, "togglePlay", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "TRACKMOTION", condition: 'getMotionTrackableLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "trackMotion", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: "ADDEFFECT", condition: 'hasSelectedLayer()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], AppService.prototype, "addEffect", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('SELECTIONTOOL'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "selectionTool", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('HANDTOOL'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "handTool", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('CAMERATOOL'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "cameraTool", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('RECTANGLETOOL'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "rectangleTool", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('PATHTOOL'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "pathTool", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('TEXTTOOL'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "textTool", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: 'REPLACEFOOTAGE', condition: 'isSingleFootageItem()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "replaceFootage", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('NEWMOVIE'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "newMovie", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])({ id: 'MOVIESETTINGS', condition: 'isSingleMovieItem()' }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "movieSettings", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('ABOUTFX'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "aboutFX", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_ui__["c" /* MenuCommand */])('PREFERENCES'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], AppService.prototype, "preferences", null);
AppService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_5__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_services__["c" /* ProjectService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_7__fx_model__["FXService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_7__fx_model__["FXService"]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_10__app_auth__["a" /* AuthService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_10__app_auth__["a" /* AuthService */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_5__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_services__["b" /* ModelService */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_3__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_core__["SelectionService"]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_3__fx_core__["Serializer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_core__["Serializer"]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_3__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_core__["UndoManager"]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_3__fx_core__["ClipboardService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_core__["ClipboardService"]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_6__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__fx_ui__["d" /* WindowManager */]) === "function" && _k || Object, typeof (_l = typeof __WEBPACK_IMPORTED_MODULE_6__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__fx_ui__["e" /* LayoutManager */]) === "function" && _l || Object, typeof (_m = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["n" /* ApplicationRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["n" /* ApplicationRef */]) === "function" && _m || Object, typeof (_o = typeof __WEBPACK_IMPORTED_MODULE_5__fx_services__["d" /* PreferenceService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_services__["d" /* PreferenceService */]) === "function" && _o || Object, typeof (_p = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["o" /* NgZone */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["o" /* NgZone */]) === "function" && _p || Object, EventService, typeof (_q = typeof __WEBPACK_IMPORTED_MODULE_6__fx_ui__["f" /* UISettings */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__fx_ui__["f" /* UISettings */]) === "function" && _q || Object, typeof (_r = typeof __WEBPACK_IMPORTED_MODULE_5__fx_services__["e" /* PlayService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_services__["e" /* PlayService */]) === "function" && _r || Object, typeof (_s = typeof __WEBPACK_IMPORTED_MODULE_4__panels_viewers_editor__["b" /* EditorManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__panels_viewers_editor__["b" /* EditorManager */]) === "function" && _s || Object, typeof (_t = typeof __WEBPACK_IMPORTED_MODULE_6__fx_ui__["g" /* DialogService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__fx_ui__["g" /* DialogService */]) === "function" && _t || Object])
], AppService);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
//# sourceMappingURL=app.services.js.map

/***/ }),

/***/ "./src/app/dialogs/app/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__preferences__ = __webpack_require__("./src/app/dialogs/app/preferences.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__preferences__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__login__ = __webpack_require__("./src/app/dialogs/app/login.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_1__login__["a"]; });


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/app/dialogs/app/login.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LoginDialog; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var LoginDialog = (function () {
    function LoginDialog(ref) {
        this.ref = ref;
    }
    LoginDialog.prototype.close = function (creds) {
        this.ref.close(creds);
    };
    return LoginDialog;
}());
LoginDialog = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        template: "\n        <div class=\"fx-dialog\">\n            <div class=\"fx-dialog-title\">\n                Login\n            </div>\n\n            <div class=\"fx-dialog-content\" >\n                <table>\n                    <tr><td align=\"right\">Username</td><td><input name=\"username\" [(ngModel)]=\"username\" type=\"text\"></td></tr>\n                    <tr><td align=\"right\">Password</td><td><input name=\"password\" [(ngModel)]=\"password\" type=\"password\"></td></tr>\n                </table>\n            </div>\n\n            <div class=\"fx-dialog-action\">\n                <button (click)=\"close([username, password])\">Login</button>\n            </div>\n        </div>"
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["k" /* DialogRef */]) === "function" && _a || Object])
], LoginDialog);

var _a;
//# sourceMappingURL=login.js.map

/***/ }),

/***/ "./src/app/dialogs/app/preferences.html":
/***/ (function(module, exports) {

module.exports = "<md-dialog>\n  <form name=\"prefs\" ng-cloak>\n    <md-toolbar>\n      <div class=\"md-toolbar-tools\" style=\"width: 100%\">\n        <h2>{{title}}</h2>\n        <span flex></span>\n        <!--<md-button class=\"md-icon-button\" ng-click=\"cancel()\">\n            <md-icon md-svg-src=\"img/icons/ic_close_24px.svg\" aria-label=\"Close dialog\"></md-icon>\n        </md-button>-->\n      </div>\n    </md-toolbar>\n\n    <md-dialog-content style=\"min-width: 600px\">\n      <md-tabs xmd-dynamic-height md-border-bottom >\n        <md-tab ng-repeat=\"(k, v) in pp\" label=\"{{k}}\">\n          <md-content class=\"xxmd-padding\" style=\"min-height: 200px\">\n          {{v | json}}\n          </md-content>\n        </md-tab>\n        \n      </md-tabs>\n      \n    </md-dialog-content>\n\n    <md-dialog-actions layout=\"row\">\n      <span flex></span>\n      <md-button ng-click=\"cancel()\">\n       Cancel\n      </md-button>\n      <md-button ng-click=\"ok()\">\n        Create\n      </md-button>\n    </md-dialog-actions>\n  </form>\n</md-dialog>"

/***/ }),

/***/ "./src/app/dialogs/app/preferences.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_lodash__ = __webpack_require__("./node_modules/lodash/lodash.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_lodash___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_lodash__);
/* harmony export (immutable) */ __webpack_exports__["a"] = PrefsDialog;

/*
export interface Preferences {
    type: string;
    path: string;
}

class PreferencesImpl implements Preferences {
    type: string = "remote";
    path: string;
}
*/
function PrefsDialog(prefs) {
    return fxDialog.show({
        controller: function ($scope, $mdDialog) {
            $scope.title = "Preferences";
            $scope.pp = __WEBPACK_IMPORTED_MODULE_0_lodash__["cloneDeep"](prefs);
            $scope.cancel = function () {
                $mdDialog.cancel();
            };
            $scope.ok = function () {
                $mdDialog.hide($scope.pp);
            };
        },
        template: __webpack_require__("./src/app/dialogs/app/preferences.html"),
        parent: angular.element(document.body),
        clickOutsideToClose: false,
    });
}
//# sourceMappingURL=preferences.js.map

/***/ }),

/***/ "./src/app/dialogs/composition/composition.html":
/***/ (function(module, exports) {

module.exports = "<md-dialog>\n  <form ng-cloak>\n    <md-toolbar>\n      <div class=\"md-toolbar-tools\" style=\"width: 100%\">\n        <h2>New Composition</h2>\n        <span flex></span>\n        <!--<md-button class=\"md-icon-button\" ng-click=\"cancel()\">\n            <md-icon md-svg-src=\"img/icons/ic_close_24px.svg\" aria-label=\"Close dialog\"></md-icon>\n        </md-button>-->\n      </div>\n    </md-toolbar>\n\n    <md-dialog-content>\n      <div class=\"md-dialog-content\" style=\"font-size: 20px\">\n          \n        <div layout-gt-sm=\"row\">\n          <md-input-container class=\"md-block\" flex-gt-sm>\n            <label>Name</label>\n            <input ng-model=\"comp.name\" size=\"50\">\n          </md-input-container>\n        </div>\n        <div layout-gt-sm=\"row\">\n          <md-input-container class=\"md-block\" flex-gt-sm>\n            <label>Width</label>\n            <input ng-model=\"comp.width\" integer>\n          </md-input-container>\n          <md-input-container class=\"md-block\" flex-gt-sm>\n            <label>Size</label>\n            <input ng-model=\"comp.height\" size=\"20\" integer>\n          </md-input-container>\n        </div>\n        <div layout-gt-sm=\"row\">\n          <md-input-container class=\"md-block\" flex-gt-sm>\n            <label>Frame Rate</label>\n            <md-select ng-model=\"comp.framerate\">\n                <md-option value=\"8/1\">8</md-option>\n                <md-option value=\"12/1\">12</md-option>\n                <md-option value=\"15/1\">15</md-option>\n                <md-option value=\"24000/1001\">23.976</md-option>\n                <md-option value=\"24/1\">24</md-option>\n                <md-option value=\"25/1\">25</md-option>\n                <md-option value=\"30000/1001\">29.97</md-option>\n                <md-option value=\"30/1\">30</md-option>\n                <md-option value=\"50/1\">50</md-option>\n                <md-option value=\"60/1\">60</md-option>\n            </md-select>\n          </md-input-container>\n          <md-input-container class=\"md-block\" flex-gt-sm>\n            <label>Background Color</label>\n            <input type=\"color\" ng-model=\"comp.bgcolor\">\n          </md-input-container>\n        </div>\n\n      </div>\n    </md-dialog-content>\n\n    <md-dialog-actions layout=\"row\">\n      <span flex></span>\n      <md-button ng-click=\"cancel()\">\n       Cancel\n      </md-button>\n      <md-button ng-click=\"ok()\">\n        Create\n      </md-button>\n    </md-dialog-actions>\n  </form>\n</md-dialog>"

/***/ }),

/***/ "./src/app/dialogs/composition/composition.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (immutable) */ __webpack_exports__["a"] = CompositionDialog;


function CompositionDialog(settings) {
    return fxDialog.show({
        controller: function ($scope, $mdDialog) {
            var name = settings instanceof __WEBPACK_IMPORTED_MODULE_1__fx_model__["Composition"] ? settings.name() : settings.name;
            $scope.comp = {
                name: name,
                framerate: settings.framerate.toString(),
                width: settings.width,
                height: settings.height,
                bgcolor: settings.bgcolor.rgb,
                numframes: settings.numframes,
            };
            $scope.cancel = function () {
                $mdDialog.cancel();
            };
            $scope.ok = function () {
                var result = {};
                result.name = $scope.comp.name;
                result.width = $scope.comp.width;
                result.height = $scope.comp.height;
                result.bgcolor = __WEBPACK_IMPORTED_MODULE_0__fx_core__["Color"].fromString($scope.comp.bgcolor);
                result.framerate = __WEBPACK_IMPORTED_MODULE_1__fx_model__["Framerate"].fromString($scope.comp.framerate);
                result.numframes = $scope.comp.numframes;
                $mdDialog.hide(result);
            };
        },
        template: __webpack_require__("./src/app/dialogs/composition/composition.html"),
        parent: angular.element(document.body),
        clickOutsideToClose: true,
    });
}
//# sourceMappingURL=composition.js.map

/***/ }),

/***/ "./src/app/dialogs/composition/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__composition__ = __webpack_require__("./src/app/dialogs/composition/composition.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__composition__["a"]; });

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/app/dialogs/edit/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export stuff */
var stuff = 0;
//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/app/dialogs/file/folder.html":
/***/ (function(module, exports) {

module.exports = "<md-dialog xstyle=\"line-height: 6px\">\n  <form ng-cloak>\n    <md-toolbar>\n      <div class=\"md-toolbar-tools\" style=\"min-width: 600px\">\n        <h2>{{title}}</h2>\n        <span flex></span>\n      </div>\n    </md-toolbar>\n\n    <md-dialog-content style=\"padding: 10px\">\n      <div layout=\"row\" layout-align=\"start\" flex>\n        <md-input-container>\n          <label>Region</label>\n          <md-select ng-model=\"region\">\n            <md-option ng-value=\"'eu-west-1'\">EU (Ireland)</md-option>\n            <md-option ng-value=\"'eu-central-1'\">EU (Frankfurt)</md-option>\n          </md-select>\n        </md-input-container>\n      </div>\n<style>\n.project {margin: 0 1px; border: 1px solid transparent}\n.selected {background-color: #336699; border: 1px dotted white }\n</style>\n\n      <div style=\"cursor: default; height: 200px; overflow-y: scroll; border: 1px solid #555\">\n        <div ng-repeat=\"p in projects\" ng-click=\"select(p)\" class=\"project\" ng-class=\"{selected: selected.ProjectId==p.ProjectId}\">\n          {{p.Name}}\n        </div>\n      </div>\n    </md-dialog-content>\n\n    <md-dialog-actions layout=\"row\">\n      <md-button ng-click=\"newfolder()\">\n        New Folder\n      </md-button>\n\n      <span flex></span>\n\n      <md-button ng-click=\"cancel()\">\n        Cancel\n      </md-button>\n      <md-button ng-click=\"ok()\">\n        Create\n      </md-button>\n    </md-dialog-actions>\n  </form>\n</md-dialog>"

/***/ }),

/***/ "./src/app/dialogs/file/folder.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = FolderDialog;
function FolderDialog(title, region, fx) {
    return fxDialog.show({
        controller: function ($scope, $mdDialog) {
            $scope.$watch('region', function (region) {
                // $scope.$applyAsync(() => {
                //     $scope.projects = fx.projects;
                // })
                fx.listProjects(region).then(function (prjs) {
                    $scope.$applyAsync(function () {
                        $scope.projects = prjs;
                    });
                });
            });
            $scope.title = title;
            $scope.region = region;
            $scope.projects = [];
            $scope.selected = null;
            $scope.select = function (p) {
                $scope.selected = p;
            };
            $scope.cancel = function () {
                $mdDialog.cancel();
            };
            $scope.ok = function () {
                $mdDialog.hide($scope.selected);
            };
        },
        template: __webpack_require__("./src/app/dialogs/file/folder.html"),
        parent: angular.element(document.body),
        clickOutsideToClose: true,
    });
}
//# sourceMappingURL=folder.js.map

/***/ }),

/***/ "./src/app/dialogs/file/import.html":
/***/ (function(module, exports) {

module.exports = "<style>\n    .dt-header {background: #666; color: #111}\n    .dt-cell-content {cursor: default}\n</style>\n<md-dialog>\n  <form name=\"import\" ng-cloak>\n    <md-toolbar>\n      <div class=\"md-toolbar-tools\" style=\"width: 100%\">\n        <h2>{{title}}</h2>\n        <span flex></span>\n      </div>\n    </md-toolbar>\n\n    <md-dialog-content style=\"min-width: 600px; overflow: hidden\">\n      <md-tabs md-dynamic-height md-border-bottom style=\"overflow: hidden\">\n        <md-tab label=\"Upload\">\n          <md-content style=\"min-height: 200px\">\n            <div style=\"margin: 10px; border: 3px dashed #444; width: 570px; height: 200px\">\n                click\n            </div>\n          </md-content>\n        </md-tab>\n\n        <md-tab label=\"FROM PROJECT FOLDER\">\n          <md-content xstyle=\"height: 250px; overflow: hidden; cursor: default\">\n            <dtable options=\"options\" rows=\"assets\" class=\"dt\" selected=\"selected\" style=\"margin: 10px; height: 250px\">\n            </dtable>\n          </md-content>\n        </md-tab>\n\n      </md-tabs>\n    </md-dialog-content>\n\n    <md-dialog-actions layout=\"row\">\n      <span flex></span>\n      <md-button ng-click=\"cancel()\">\n       Cancel\n      </md-button>\n      <md-button ng-click=\"ok()\">\n        OK\n      </md-button>\n    </md-dialog-actions>\n  </form>\n</md-dialog>"

/***/ }),

/***/ "./src/app/dialogs/file/import.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = ImportDialog;
function ImportDialog(fx) {
    return fxDialog.show({
        controller: function ($scope, $mdDialog) {
            $scope.title = "Import Files...";
            $scope.selected = [];
            $scope.onSelect = function (row) {
                console.log('ROW SELECTED!', row);
            };
            $scope.onRowClick = function (row) {
                console.log('ROW CLICKED', row);
            };
            $scope.options = {
                rowHeight: 20,
                headerHeight: 20,
                footerHeight: false,
                scrollbarV: true,
                selectable: true,
                multiSelect: true,
                emptyMessage: 'Nothing to show...',
                columns: [{
                        name: "Name",
                        width: 300,
                        prop: "Name",
                        flexGrow: 2,
                    }, {
                        name: "Type",
                        prop: "type",
                        flexGrow: 1,
                        cellRenderer: function () {
                            return '<div>{{ItemType[$row.type]}}</div>';
                        }
                    }, {
                        name: "Width",
                        prop: "Width",
                        flexGrow: 1,
                    }, {
                        name: "Height",
                        prop: "Height",
                        flexGrow: 1,
                    }]
            };
            $scope.assets = [];
            fx.listAssets().then(function (data) {
                $scope.$applyAsync(function () {
                    angular.forEach(data, function (o) { return $scope.assets.push(o); });
                });
            });
            $scope.cancel = function () {
                $mdDialog.cancel();
            };
            $scope.ok = function () {
                $mdDialog.hide($scope.selected);
            };
        },
        template: __webpack_require__("./src/app/dialogs/file/import.html"),
        parent: angular.element(document.body),
        clickOutsideToClose: true,
    });
}
//# sourceMappingURL=import.js.map

/***/ }),

/***/ "./src/app/dialogs/file/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__open__ = __webpack_require__("./src/app/dialogs/file/open.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__folder__ = __webpack_require__("./src/app/dialogs/file/folder.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_1__folder__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__import__ = __webpack_require__("./src/app/dialogs/file/import.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_2__import__["a"]; });



//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/app/dialogs/file/open.html":
/***/ (function(module, exports) {

module.exports = "<md-dialog>\n  <form ng-cloak>\n    <md-toolbar>\n      <div class=\"md-toolbar-tools\" style=\"width: 100%\">\n        <h2>{{title}}</h2>\n        <span flex></span>\n      </div>\n    </md-toolbar>\n\n    <md-dialog-content>\n    </md-dialog-content>\n\n    <md-dialog-actions layout=\"row\">\n      <span flex></span>\n      <md-button ng-click=\"cancel()\">\n       Cancel\n      </md-button>\n      <md-button ng-click=\"ok()\">\n        Create\n      </md-button>\n    </md-dialog-actions>\n  </form>\n</md-dialog>"

/***/ }),

/***/ "./src/app/dialogs/file/open.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export OpenFileDialog */
function OpenFileDialog(options) {
    return fxDialog.show({
        controller: function ($scope, $mdDialog) {
            $scope.title = "Title";
            $scope.options = {
                name: name,
            };
            $scope.cancel = function () {
                $mdDialog.cancel();
            };
            $scope.ok = function () {
                $mdDialog.hide($scope.comp);
            };
        },
        template: __webpack_require__("./src/app/dialogs/file/open.html"),
        parent: angular.element(document.body),
        clickOutsideToClose: true,
    });
}
//# sourceMappingURL=open.js.map

/***/ }),

/***/ "./src/app/dialogs/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_forms__ = __webpack_require__("./node_modules/@angular/forms/@angular/forms.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_flex_layout__ = __webpack_require__("./node_modules/@angular/flex-layout/index.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__layer__ = __webpack_require__("./src/app/dialogs/layer/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__movie__ = __webpack_require__("./src/app/dialogs/movie/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__app__ = __webpack_require__("./src/app/dialogs/app/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_6__app__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__app__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__composition__ = __webpack_require__("./src/app/dialogs/composition/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_7__composition__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__edit__ = __webpack_require__("./src/app/dialogs/edit/index.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__file__ = __webpack_require__("./src/app/dialogs/file/index.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_9__file__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_9__file__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_4__layer__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_5__movie__["a"]; });
/* unused harmony export DialogsModule */
var __decorate = (this && this.__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 DIALOGS = [
    __WEBPACK_IMPORTED_MODULE_6__app__["a" /* LoginDialog */],
    __WEBPACK_IMPORTED_MODULE_4__layer__["a" /* SolidLayerDialog */],
    __WEBPACK_IMPORTED_MODULE_5__movie__["a" /* MovieDialog */],
];






var DialogsModule = (function () {
    function DialogsModule() {
    }
    return DialogsModule;
}());
DialogsModule = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["c" /* NgModule */])({
        imports: [__WEBPACK_IMPORTED_MODULE_1__angular_forms__["a" /* FormsModule */], __WEBPACK_IMPORTED_MODULE_2__angular_flex_layout__["FlexLayoutModule"], __WEBPACK_IMPORTED_MODULE_3__fx_ui__["a" /* UIModule */]],
        providers: [],
        declarations: DIALOGS.slice(),
        exports: DIALOGS.slice(),
        entryComponents: DIALOGS.slice()
    })
], DialogsModule);

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/app/dialogs/layer/imagelayer.html":
/***/ (function(module, exports) {

module.exports = "<md-dialog>\n  <form name=\"imagelayer\" ng-cloak>\n    <md-toolbar>\n      <div class=\"md-toolbar-tools\" style=\"width: 100%\">\n        <h2>{{title}}</h2>\n        <span flex></span>\n        <!--<md-button class=\"md-icon-button\" ng-click=\"cancel()\">\n            <md-icon md-svg-src=\"img/icons/ic_close_24px.svg\" aria-label=\"Close dialog\"></md-icon>\n        </md-button>-->\n      </div>\n    </md-toolbar>\n\n    <md-dialog-content style=\"min-width: 600px\">\n      <md-tabs xmd-dynamic-height md-border-bottom>\n        <md-tab label=\"source\">\n          <md-content class=\"xxmd-padding\" style=\"min-height: 200px\">\n            <md-radio-group layout=\"row\" ng-model=\"settings.type\">\n              <md-radio-button value=\"remote\">Remote (HTTP)</md-radio-button>\n              <md-radio-button value=\"local\">Local</md-radio-button>\n            </md-radio-group>\n\n             <md-input-container md-no-float class=\"md-block\" flex>\n            <label>{{settings.type=='remote' ? 'URL or URL Pattern' : 'Filename or Filename Pattern'}}</label>\n            <input name=\"path\" required ng-model=\"settings.path\" size=\"50\">\n            <div ng-messages=\"imagelayer.path.$error\">\n              <div ng-message=\"required\">This is required.</div>\n            </div>\n            <md-icon  md-font-icon=\"fa\" class=\"fa-gear\" ng-click=\"openVarEditor()\"></md-icon>\n          </md-input-container>\n        \n          </md-content>\n        </md-tab>\n\n        <md-tab label=\"timing\">\n          <md-content class=\"xmd-padding\"  style=\"min-height: 200px\">\n            timing\n          </md-content>\n        </md-tab>\n\n        <md-tab label=\"size &amp; scaling\">\n          <md-content class=\"xmd-padding\"  style=\"min-height: 200px\">\n            fitt...\n          </md-content>\n        </md-tab>\n\n        <md-tab label=\"options\">\n          <md-content class=\"xmd-padding\"  style=\"min-height: 200px\">\n            options...\n          </md-content>\n        </md-tab>\n        \n      </md-tabs>\n      \n    </md-dialog-content>\n\n    <md-dialog-actions layout=\"row\">\n      <span flex></span>\n      <md-button ng-click=\"cancel()\">\n       Cancel\n      </md-button>\n      <md-button ng-click=\"ok()\">\n        Create\n      </md-button>\n    </md-dialog-actions>\n  </form>\n</md-dialog>"

/***/ }),

/***/ "./src/app/dialogs/layer/imagelayer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export ImageLayerDialog */
var ImageLayerSettingsImpl = (function () {
    function ImageLayerSettingsImpl() {
        this.type = "remote";
    }
    return ImageLayerSettingsImpl;
}());
function ImageLayerDialog(title, layer) {
    return fxDialog.show({
        controller: function ($scope, $mdDialog) {
            $scope.title = title;
            $scope.layer = layer;
            $scope.settings = new ImageLayerSettingsImpl();
            $scope.openVarEditor = function () {
                alert("Var Editor");
            };
            $scope.cancel = function () {
                $mdDialog.cancel();
            };
            $scope.ok = function () {
                $mdDialog.hide($scope.settings);
            };
        },
        template: __webpack_require__("./src/app/dialogs/layer/imagelayer.html"),
        parent: angular.element(document.body),
        clickOutsideToClose: false,
    });
}
//# sourceMappingURL=imagelayer.js.map

/***/ }),

/***/ "./src/app/dialogs/layer/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__imagelayer__ = __webpack_require__("./src/app/dialogs/layer/imagelayer.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__solidlayer__ = __webpack_require__("./src/app/dialogs/layer/solidlayer.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_1__solidlayer__["a"]; });


//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/app/dialogs/layer/solidlayer.html":
/***/ (function(module, exports) {

module.exports = "<md-dialog>\n  <form name=\"imagelayer\" ng-cloak>\n    <md-toolbar>\n      <div class=\"md-toolbar-tools\" style=\"width: 100%\">\n        <h2>{{title}}</h2>\n        <span flex></span>\n      </div>\n    </md-toolbar>\n\n    <md-dialog-content>\n        <div layout=\"row\">\n          <md-input-container class=\"md-block\" flex>\n            <label>Name</label>\n            <input ng-model=\"settings.name\" size=\"50\">\n          </md-input-container>\n        </div>\n\n        <div layout=\"row\">\n          <md-input-container xclass=\"md-block\" flex>\n            <label>Width</label>\n            <!--<number-ctrl style=\"display: block\" ng-model=\"solid.size.width\" fmt=\"%d\"></number-ctrl>-->\n            <input type=\"number\" ng-model=\"settings.size.width\" integer>\n          </md-input-container>\n          <md-input-container xclass=\"md-block\" flex>\n            <label>Size</label>\n            <!--<number-ctrl style=\"display: block\" ng-model=\"solid.size.height\" fmt=\"%d\"></number-ctrl>-->\n            <input type=\"number\" ng-model=\"settings.size.height\" size=\"20\" integer>\n          </md-input-container>\n        </div>\n\n        <div layout=\"row\">\n          <md-input-container class=\"md-block\" flex>\n            <label>Color</label>\n            <input type=\"color\" ng-model=\"settings.color\">\n          </md-input-container>\n        </div>      \n    </md-dialog-content>\n\n    <md-dialog-actions layout=\"row\">\n      <span flex></span>\n      <md-button ng-click=\"cancel()\">\n       Cancel\n      </md-button>\n      <md-button ng-click=\"ok()\">\n        Create\n      </md-button>\n    </md-dialog-actions>\n  </form>\n</md-dialog>"

/***/ }),

/***/ "./src/app/dialogs/layer/solidlayer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* unused harmony export SolidLayerSettings */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SolidLayerDialog; });
/* unused harmony export SolidLayerDialog2 */
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};




var lastColorUsed = __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].fromString('#000000');
var lastSize = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Size"](100, 100);
var SolidLayerSettings = (function () {
    function SolidLayerSettings() {
        this.name = "New Solid";
        this.color = lastColorUsed;
        this.size = lastSize;
    }
    return SolidLayerSettings;
}());

var SolidLayerDialog = (function () {
    function SolidLayerDialog(prj, ref, settings) {
        this.prj = prj;
        this.ref = ref;
        this.settings = settings;
        this.settings = this.settings || new SolidLayerSettings();
    }
    SolidLayerDialog.prototype.close = function () {
        this.ref.close(this.settings);
    };
    SolidLayerDialog.prototype.updateName = function () {
        var n_match = ntc.name(this.settings.color.rgb);
        var name = n_match[1] + " Solid";
        var existing = this.prj.findItemsWithSubstring(name);
        this.settings.name = name + " " + (existing.length + 1);
    };
    return SolidLayerDialog;
}());
SolidLayerDialog = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        template: "\n        <div class=\"fx-dialog\">\n            <div class=\"fx-dialog-title\">\n                Solid Layer\n            </div>\n\n            <div class=\"fx-dialog-content\">\n                <div fxLayout=\"row\">\n                    <div>Name</div>\n                    <div><input type=\"text\" [(ngModel)]=\"settings.name\"></div>\n                </div>\n\n                <div fxLayout=\"row\">\n                    <div>Width</div>\n                    <div>\n                        <span number-slider     \n                            [(ngModel)]=\"settings.size.width\" \n                            [fmt]=\"'%.0f'\" \n                            [precision]=\"1\"\n                            class=\"fx-value\"></span>\n                    </div>\n                    <div>Height</div>\n                    <div>\n                        <span number-slider     \n                            [(ngModel)]=\"settings.size.height\" \n                            [fmt]=\"'%.0f'\" \n                            [precision]=\"1\"\n                            class=\"fx-value\"></span>\n                    </div>\n                </div>\n\n                <div fxLayout=\"row\">\n                    <div>Color</div>\n                    <div><input type=\"color\" [(ngModel)]=\"settings.color.rgb\" (ngModelChange)=\"updateName()\"></div>\n                </div>\n\n            </div>\n\n            <div class=\"fx-dialog-action\">\n                <button (click)=\"close()\">OK</button>\n            </div>\n        </div>\n    "
    }),
    __param(2, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["q" /* Optional */])()), __param(2, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["i" /* Inject */])(__WEBPACK_IMPORTED_MODULE_2__fx_ui__["l" /* FX_DIALOG_DATA */])),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */]) === "function" && _b || Object, SolidLayerSettings])
], SolidLayerDialog);

function SolidLayerDialog2(title, prj, layer) {
    return fxDialog.show({
        controller: function ($scope, $mdDialog) {
            $scope.title = title;
            $scope.settings = new SolidLayerSettings();
            $scope.openVarEditor = function () {
                alert("Var Editor");
            };
            $scope.$watch('settings.color', function (color) {
                var n_match = ntc.name(color);
                var name = n_match[1] + " Solid";
                var existing = prj.findItemsWithSubstring(name);
                $scope.settings.name = name + " " + (existing.length + 1);
            });
            $scope.cancel = function () {
                $mdDialog.cancel();
            };
            $scope.ok = function () {
                $mdDialog.hide($scope.settings);
            };
        },
        template: __webpack_require__("./src/app/dialogs/layer/solidlayer.html"),
        parent: angular.element(document.body),
        clickOutsideToClose: false,
    });
}
var _a, _b;
//# sourceMappingURL=solidlayer.js.map

/***/ }),

/***/ "./src/app/dialogs/movie/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__movie__ = __webpack_require__("./src/app/dialogs/movie/movie.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__movie__["a"]; });

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/app/dialogs/movie/movie.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MovieDialog; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};





var DefaultMovieSettings = (function () {
    function DefaultMovieSettings() {
        this.size = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Size"](640, 360);
        this.vcodec = __WEBPACK_IMPORTED_MODULE_3__fx_model__["VideoCodec"].H264;
        this.acodec = __WEBPACK_IMPORTED_MODULE_3__fx_model__["AudioCodec"].AAC;
        this.videobitrate = 1000;
        this.audiobitrate = 128000;
        this.videoframerate = { num: 25, den: 1 };
        this.audioframerate = { num: 44100 / 25, den: 1 };
        this.qp = 22;
    }
    return DefaultMovieSettings;
}());
var MovieDialog = (function () {
    function MovieDialog(prj, ref, settings) {
        this.prj = prj;
        this.ref = ref;
        this.settings = settings;
        this.settings = this.settings || new DefaultMovieSettings();
    }
    MovieDialog.prototype.close = function () {
        this.ref.close(this.settings);
    };
    return MovieDialog;
}());
MovieDialog = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        template: "\n        <div class=\"fx-dialog\">\n            <div class=\"fx-dialog-title\">\n                Movie\n            </div>\n\n            <div class=\"fx-dialog-content\">\n                <div fxLayout=\"row\">\n                    <div>Name</div>\n                    <div><input type=\"text\" [(ngModel)]=\"settings._name\"></div>\n                </div>\n\n                <div fxLayout=\"row\">\n                    <div>Width</div>\n                    <div>\n                        <span number-slider     \n                            [(ngModel)]=\"settings.size.width\" \n                            [fmt]=\"'%.0f'\" \n                            [precision]=\"1\"\n                            class=\"fx-value\"></span>\n                    </div>\n                    <div>Height</div>\n                    <div>\n                        <span number-slider     \n                            [(ngModel)]=\"settings.size.height\" \n                            [fmt]=\"'%.0f'\" \n                            [precision]=\"1\"\n                            class=\"fx-value\"></span>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"fx-dialog-action\">\n                <button (click)=\"close()\">OK</button>\n            </div>\n        </div>\n    "
    }),
    __param(2, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["q" /* Optional */])()), __param(2, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["i" /* Inject */])(__WEBPACK_IMPORTED_MODULE_2__fx_ui__["l" /* FX_DIALOG_DATA */])),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["MovieSettings"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["MovieSettings"]) === "function" && _c || Object])
], MovieDialog);

var _a, _b, _c;
//# sourceMappingURL=movie.js.map

/***/ }),

/***/ "./src/app/panels/effects/effects-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return EffectsPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var EffectsPanel = (function (_super) {
    __extends(EffectsPanel, _super);
    function EffectsPanel(ss, model, prj, el, cd, layout, wm) {
        var _this = _super.call(this, "Effects", el, cd, layout, wm) || this;
        _this.ss = ss;
        _this.model = model;
        _this.prj = prj;
        _this.range = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](0, 100);
        _this.ss.global
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function (change) {
            if (change.on) {
                var layer = _this.model.getLayer(change.on);
                if (layer instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["AVLayer"]) {
                    _this.layer = layer;
                    if (_this.layerChangeSub)
                        _this.layerChangeSub.unsubscribe();
                    _this.layerChangeSub = layer.change.subscribe(function () { return _this.cd.markForCheck(); });
                    _this.cd.markForCheck();
                }
            }
        });
        return _this;
    }
    EffectsPanel.prototype.fxID = function (idx, fx) {
        return fx ? fx.id : undefined;
    };
    return EffectsPanel;
}(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["s" /* Panel */]));
EffectsPanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'EffectsPanel',
        template: "\n    <div *ngIf=\"layer\">\n        <div  *ngFor=\"let fx of layer.effects; trackBy: fxID\" class=\"header\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <effect fxFlex flexoffset=\"5px\" [kfnav]=\"false\" [layer]=\"layer\" [fx]=\"fx\" [range]=\"range\"></effect>\n        </div>\n    </div>\n    ",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */]) === "function" && _g || Object])
], EffectsPanel);

var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=effects-panel.js.map

/***/ }),

/***/ "./src/app/panels/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common__ = __webpack_require__("./node_modules/@angular/common/@angular/common.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_forms__ = __webpack_require__("./node_modules/@angular/forms/@angular/forms.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_flex_layout__ = __webpack_require__("./node_modules/@angular/flex-layout/index.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__project_project_panel__ = __webpack_require__("./src/app/panels/project/project-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__viewers_composition_composition_panel__ = __webpack_require__("./src/app/panels/viewers/composition/composition-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__viewers_view_settings__ = __webpack_require__("./src/app/panels/viewers/view-settings.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__viewers_editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__viewers_composition_composition_editor__ = __webpack_require__("./src/app/panels/viewers/composition/composition-editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__viewers_composition_settings__ = __webpack_require__("./src/app/panels/viewers/composition/settings.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__viewers_shape_factory__ = __webpack_require__("./src/app/panels/viewers/shape-factory/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__viewers_footage_footage_panel__ = __webpack_require__("./src/app/panels/viewers/footage/footage-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__viewers_footage_footage_editor__ = __webpack_require__("./src/app/panels/viewers/footage/footage-editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__viewers_footage_settings__ = __webpack_require__("./src/app/panels/viewers/footage/settings.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__timeline_timeline_panel__ = __webpack_require__("./src/app/panels/timeline/timeline-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__text_text_panel__ = __webpack_require__("./src/app/panels/text/text-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__motiontracker_motiontracker_panel__ = __webpack_require__("./src/app/panels/motiontracker/motiontracker-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__preview_preview_panel__ = __webpack_require__("./src/app/panels/preview/preview-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__info_info_panel__ = __webpack_require__("./src/app/panels/info/info-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20__info_info__ = __webpack_require__("./src/app/panels/info/info.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21__viewers_layer_layer_panel__ = __webpack_require__("./src/app/panels/viewers/layer/layer-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22__viewers_layer_layer_editor__ = __webpack_require__("./src/app/panels/viewers/layer/layer-editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23__viewers_layer_settings__ = __webpack_require__("./src/app/panels/viewers/layer/settings.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_24__project_tree__ = __webpack_require__("./src/app/panels/project/tree.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_25__project_item_preview__ = __webpack_require__("./src/app/panels/project/item-preview.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_26__timeline_timecode_control__ = __webpack_require__("./src/app/panels/timeline/timecode-control.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_27__timeline_mode_select__ = __webpack_require__("./src/app/panels/timeline/mode-select.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_28__timeline_layer_header__ = __webpack_require__("./src/app/panels/timeline/layer-header.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_29__timeline_comp_layer__ = __webpack_require__("./src/app/panels/timeline/comp-layer.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_30__timeline_anim_prop__ = __webpack_require__("./src/app/panels/timeline/anim-prop.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_31__timeline_frame_range_ruler__ = __webpack_require__("./src/app/panels/timeline/frame-range-ruler.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_32__timeline_comp_transform__ = __webpack_require__("./src/app/panels/timeline/comp-transform.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_33__timeline_comp_effects__ = __webpack_require__("./src/app/panels/timeline/comp-effects.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_34__timeline_tracker__ = __webpack_require__("./src/app/panels/timeline/tracker.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_35__timeline_keyframe_container__ = __webpack_require__("./src/app/panels/timeline/keyframe-container.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_36__timeline_keyframe__ = __webpack_require__("./src/app/panels/timeline/keyframe.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_37__timeline_motion_tracker__ = __webpack_require__("./src/app/panels/timeline/motion-tracker.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_38__timeline_track_point__ = __webpack_require__("./src/app/panels/timeline/track-point.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_39__timeline_effect__ = __webpack_require__("./src/app/panels/timeline/effect.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_40__timeline_shape_content__ = __webpack_require__("./src/app/panels/timeline/shape-content.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_41__timeline_shape__ = __webpack_require__("./src/app/panels/timeline/shape.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_42__timeline_comp_masks__ = __webpack_require__("./src/app/panels/timeline/comp-masks.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_43__timeline_mask__ = __webpack_require__("./src/app/panels/timeline/mask.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_44__timeline_select_layer__ = __webpack_require__("./src/app/panels/timeline/select-layer.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_45__timeline_graph_editor__ = __webpack_require__("./src/app/panels/timeline/graph-editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_46__effects_effects_panel__ = __webpack_require__("./src/app/panels/effects/effects-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_47__settings_settings_panel__ = __webpack_require__("./src/app/panels/settings/settings-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_48__movie_movie_panel__ = __webpack_require__("./src/app/panels/movie/movie-panel.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_49__toolbar_shapemenu__ = __webpack_require__("./src/app/panels/toolbar/shapemenu.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_50__toolbar_snapmenu__ = __webpack_require__("./src/app/panels/toolbar/snapmenu.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PanelsModule; });
var __decorate = (this && this.__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 { ColorPickerModule } from 'ngx-color-picker';















































var PIPES = [];
var COMPONENTS = [
    __WEBPACK_IMPORTED_MODULE_24__project_tree__["a" /* ProjectTreeComponent */],
    __WEBPACK_IMPORTED_MODULE_26__timeline_timecode_control__["a" /* TimeCodeControlComponent */],
    __WEBPACK_IMPORTED_MODULE_27__timeline_mode_select__["a" /* ModeSelectComponent */],
    __WEBPACK_IMPORTED_MODULE_28__timeline_layer_header__["a" /* LayerHeaderComponent */],
    __WEBPACK_IMPORTED_MODULE_29__timeline_comp_layer__["a" /* CompLayerComponent */],
    __WEBPACK_IMPORTED_MODULE_30__timeline_anim_prop__["a" /* AnimPropComponent */],
    __WEBPACK_IMPORTED_MODULE_31__timeline_frame_range_ruler__["a" /* FrameRangeRulerComponent */],
    __WEBPACK_IMPORTED_MODULE_32__timeline_comp_transform__["a" /* LayerTransformComponent */],
    __WEBPACK_IMPORTED_MODULE_33__timeline_comp_effects__["a" /* LayerEffectsComponent */],
    __WEBPACK_IMPORTED_MODULE_34__timeline_tracker__["a" /* LayerTrackerComponent */],
    __WEBPACK_IMPORTED_MODULE_7__viewers_view_settings__["a" /* ViewSettings */],
    __WEBPACK_IMPORTED_MODULE_10__viewers_composition_settings__["a" /* CompositionViewSettingsToolBar */],
    __WEBPACK_IMPORTED_MODULE_14__viewers_footage_settings__["a" /* FootageViewSettingsToolBar */],
    __WEBPACK_IMPORTED_MODULE_23__viewers_layer_settings__["a" /* LayerViewSettingsToolBar */],
    __WEBPACK_IMPORTED_MODULE_9__viewers_composition_composition_editor__["a" /* CompositionEditor */],
    __WEBPACK_IMPORTED_MODULE_35__timeline_keyframe_container__["a" /* KeyframeContainer */],
    __WEBPACK_IMPORTED_MODULE_36__timeline_keyframe__["a" /* KeyframeComponent */],
    __WEBPACK_IMPORTED_MODULE_25__project_item_preview__["a" /* ItemPreview */],
    __WEBPACK_IMPORTED_MODULE_37__timeline_motion_tracker__["a" /* MotionTrackerComponent */],
    __WEBPACK_IMPORTED_MODULE_13__viewers_footage_footage_editor__["a" /* FootageEditor */],
    __WEBPACK_IMPORTED_MODULE_22__viewers_layer_layer_editor__["a" /* LayerEditor */],
    __WEBPACK_IMPORTED_MODULE_21__viewers_layer_layer_panel__["a" /* LayerPanel */],
    __WEBPACK_IMPORTED_MODULE_7__viewers_view_settings__["a" /* ViewSettings */],
    __WEBPACK_IMPORTED_MODULE_23__viewers_layer_settings__["a" /* LayerViewSettingsToolBar */],
    __WEBPACK_IMPORTED_MODULE_49__toolbar_shapemenu__["a" /* ShapeMenu */],
    __WEBPACK_IMPORTED_MODULE_8__viewers_editor__["a" /* ViewerBaseEditor */],
    __WEBPACK_IMPORTED_MODULE_38__timeline_track_point__["a" /* TrackPointComponent */],
    __WEBPACK_IMPORTED_MODULE_39__timeline_effect__["a" /* EffectComponent */],
    __WEBPACK_IMPORTED_MODULE_40__timeline_shape_content__["a" /* ShapeContentComponent */],
    __WEBPACK_IMPORTED_MODULE_41__timeline_shape__["a" /* ShapeComponent */],
    __WEBPACK_IMPORTED_MODULE_42__timeline_comp_masks__["a" /* MasksComponent */],
    __WEBPACK_IMPORTED_MODULE_43__timeline_mask__["a" /* MaskComponent */],
    __WEBPACK_IMPORTED_MODULE_44__timeline_select_layer__["a" /* SelectLayerBox */],
    __WEBPACK_IMPORTED_MODULE_45__timeline_graph_editor__["a" /* GraphEditor */],
];
var PANELS = [
    __WEBPACK_IMPORTED_MODULE_5__project_project_panel__["a" /* ProjectPanel */],
    __WEBPACK_IMPORTED_MODULE_6__viewers_composition_composition_panel__["a" /* CompositionPanel */],
    __WEBPACK_IMPORTED_MODULE_12__viewers_footage_footage_panel__["a" /* FootagePanel */],
    __WEBPACK_IMPORTED_MODULE_15__timeline_timeline_panel__["a" /* TimelinePanel */],
    __WEBPACK_IMPORTED_MODULE_19__info_info_panel__["a" /* InfoPanel */],
    __WEBPACK_IMPORTED_MODULE_18__preview_preview_panel__["a" /* PreviewPanel */],
    __WEBPACK_IMPORTED_MODULE_17__motiontracker_motiontracker_panel__["a" /* MotionTrackerPanel */],
    __WEBPACK_IMPORTED_MODULE_16__text_text_panel__["a" /* TextPanel */],
    __WEBPACK_IMPORTED_MODULE_21__viewers_layer_layer_panel__["a" /* LayerPanel */],
    __WEBPACK_IMPORTED_MODULE_46__effects_effects_panel__["a" /* EffectsPanel */],
    __WEBPACK_IMPORTED_MODULE_47__settings_settings_panel__["a" /* SettingsPanel */],
    __WEBPACK_IMPORTED_MODULE_48__movie_movie_panel__["a" /* MoviePanel */],
    __WEBPACK_IMPORTED_MODULE_49__toolbar_shapemenu__["a" /* ShapeMenu */],
    __WEBPACK_IMPORTED_MODULE_50__toolbar_snapmenu__["a" /* SnapMenu */],
];
var PROVIDERS = [
    __WEBPACK_IMPORTED_MODULE_8__viewers_editor__["b" /* EditorManager */],
    __WEBPACK_IMPORTED_MODULE_20__info_info__["a" /* InfoService */],
    __WEBPACK_IMPORTED_MODULE_11__viewers_shape_factory__["a" /* ShapeFactory */],
    __WEBPACK_IMPORTED_MODULE_49__toolbar_shapemenu__["b" /* ShapeMenuSettings */]
];
var PanelsModule = (function () {
    function PanelsModule() {
    }
    return PanelsModule;
}());
PanelsModule = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["c" /* NgModule */])({
        imports: [__WEBPACK_IMPORTED_MODULE_1__angular_common__["a" /* CommonModule */], __WEBPACK_IMPORTED_MODULE_2__angular_forms__["a" /* FormsModule */], __WEBPACK_IMPORTED_MODULE_3__angular_flex_layout__["FlexLayoutModule"], __WEBPACK_IMPORTED_MODULE_4__fx_ui__["a" /* UIModule */]],
        providers: PROVIDERS.slice(),
        declarations: PANELS.concat(COMPONENTS, PIPES),
        exports: PANELS.concat(COMPONENTS),
    })
], PanelsModule);

//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/app/panels/info/info-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__info__ = __webpack_require__("./src/app/panels/info/info.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var InfoPanel = (function (_super) {
    __extends(InfoPanel, _super);
    function InfoPanel(info, el, cd, layout, wm) {
        var _this = _super.call(this, "Info", el, cd, layout, wm) || this;
        _this.info = info;
        /**
         * Curently displayed text.
         */
        _this.text = "Info";
        _this.pos = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](0, 0);
        _this.color = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"](0, 0, 0, 0);
        _this.info.text
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function (text) { return _this.text = text; });
        _this.info.pos
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function (point) { return _this.pos = point; });
        _this.info.color
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function (color) { return _this.color = color; });
        return _this;
    }
    InfoPanel.prototype.getcolor = function () {
        return "rgb(" + this.color.red + ", " + this.color.green + ", " + this.color.blue + ")";
    };
    return InfoPanel;
}(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["s" /* Panel */]));
InfoPanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'InfoPanel',
        template: " \n        <div fxLayout=\"column\" fxLayoutAlign=\"start start\" style=\"position: relative; width: 100%; height: 100%\">\n            <div fxFlex style=\"position: relative; width: 100%; padding: 3px; border-bottom: 1px solid black;\">\n                <div fxLayout=\"row\" fxLayoutAlign=\"start start\">\n                    <div fxFlex=\"0 0 30px\">\n                        <div><i class=\"fa fa-stop fa-2x\" [style.color]=\"getcolor()\"></i></div>\n                    </div>\n                    <div fxFlex=\"1 1 70px\" style=\"width: 70px\">\n                        <div>R: {{color.red}}</div>\n                        <div>G: {{color.green}}</div>\n                        <div>B: {{color.blue}}</div>\n                        <div>A: {{color.alpha}}</div>\n                    </div>\n\n                    <div fxFill>\n                        <div>X: {{pos.x}}</div>\n                        <div>Y: {{pos.y}}</div>\n                    </div>\n                </div>\n            </div>\n            <div fxFlex [innerHtml]=\"text\" style=\"padding: 3px\"></div>\n        </div>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__info__["a" /* InfoService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__info__["a" /* InfoService */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */]) === "function" && _e || Object])
], InfoPanel);

var _a, _b, _c, _d, _e;
//# sourceMappingURL=info-panel.js.map

/***/ }),

/***/ "./src/app/panels/info/info.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoService; });
var __decorate = (this && this.__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 InfoService = (function () {
    function InfoService() {
        this.text = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.pos = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.color = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
    }
    InfoService.prototype.clear = function () {
        this.text.next("");
    };
    InfoService.prototype.dragTiming = function (obj, intime, outtime, delta) {
        this.text.next(obj + "<br>In: " + intime + " Out: " + outtime + "<br>Delta: " + delta);
    };
    InfoService.prototype.setMouseInfo = function (point) {
        this.pos.next(point);
    };
    InfoService.prototype.setColor = function (color) {
        this.color.next(color);
    };
    return InfoService;
}());
InfoService = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["d" /* Injectable */])()
], InfoService);

//# sourceMappingURL=info.js.map

/***/ }),

/***/ "./src/app/panels/motiontracker/motiontracker-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__viewers_editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_jsfeat__ = __webpack_require__("./node_modules/jsfeat/build/jsfeat.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_jsfeat___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_jsfeat__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MotionTrackerPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






//var jsfeat = require('jsfeat');

var MotionTrackerPanel = (function (_super) {
    __extends(MotionTrackerPanel, _super);
    function MotionTrackerPanel(ss, model, em, zone, el, cd, layout, wm) {
        var _this = _super.call(this, "Tracker", el, cd, layout, wm) || this;
        _this.ss = ss;
        _this.model = model;
        _this.em = em;
        _this.zone = zone;
        _this.tt = __WEBPACK_IMPORTED_MODULE_3__fx_model__["TrackType"];
        _this.doDims = true;
        _this.rows = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
        _this.cols = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
        _this.em.onChange
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function (pair) {
        });
        _this.ss.global
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function (change) {
            if (change.on instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["MotionTracker"]) {
                _this.tracker = change.on;
                if (_this.layerChanged)
                    _this.layerChanged.unsubscribe();
                _this.layerChanged = _this.tracker.layer.change.subscribe(function () {
                    if ((_this.tracker.doScale || _this.tracker.doRotate) && _this.tracker.length < 2) {
                        _this.tracker.doScale = _this.tracker.doRotate = false;
                    }
                });
            }
        });
        return _this;
    }
    MotionTrackerPanel.prototype.compareGridValue = function (entry1, entry2) {
        return entry1 === entry2;
    };
    MotionTrackerPanel.prototype.trackerID = function (idx, tracker) {
        return tracker ? tracker.id : undefined;
    };
    MotionTrackerPanel.prototype.changeType = function () {
        this.doDims = false;
        this.tracker.doPos = true;
        if (this.tracker.type == __WEBPACK_IMPORTED_MODULE_3__fx_model__["TrackType"].Transform) {
            this.doDims = true;
        }
        if (this.tracker.type != __WEBPACK_IMPORTED_MODULE_3__fx_model__["TrackType"].Transform) {
            this.tracker.doScale = this.tracker.doPos = this.tracker.doRotate = true;
        }
        if (this.tracker.type == __WEBPACK_IMPORTED_MODULE_3__fx_model__["TrackType"].Transform) {
            var row = this.tracker.trackpoints.length ? this.tracker.trackpoints[0] : null;
            if (this.tracker.doPos && row && row.length == 0) {
                var p = new __WEBPACK_IMPORTED_MODULE_4__fx_core__["Point"](this.tracker.layer.width / 2, this.tracker.layer.height / 2);
                this.tracker.addTrackpoint(p);
            }
            if ((this.tracker.doScale || this.tracker.doRotate) && row && row.length < 2) {
                var p = new __WEBPACK_IMPORTED_MODULE_4__fx_core__["Point"](this.tracker.atIndex(0).pos);
                p.x += 50;
                this.tracker.addTrackpoint(p);
                this.tracker.layer.change.next(true);
            }
        }
        if (this.tracker.type == __WEBPACK_IMPORTED_MODULE_3__fx_model__["TrackType"].CornerPin) {
            this.tracker.rows = 2;
            this.changeGrid(true, false);
            this.tracker.cols = 2;
            this.changeGrid(false, true);
        }
        this.cd.markForCheck();
    };
    MotionTrackerPanel.prototype.getTrackPoint = function (row, col) {
        var t = this.tracker.cols * row + col;
        if (t >= 0 && t < this.tracker.trackpoints.length)
            return this.tracker.trackpoints[t];
        return null;
    };
    MotionTrackerPanel.prototype.addGridRows = function () {
        var existing = this.tracker.trackpoints.length;
        var required = this.tracker.rows;
        var numnewrows = required - existing;
        var box = this.tracker.getCurrentBoundingRect();
        var start = new __WEBPACK_IMPORTED_MODULE_4__fx_core__["Point"](box.bottomleft);
        while (numnewrows--) {
            start.y += 50;
            this.tracker.addRow(start, 50);
        }
    };
    MotionTrackerPanel.prototype.deleteGridRows = function () {
        var existing = this.tracker.trackpoints.length;
        var required = this.tracker.rows;
        var numrowstodelete = existing - required;
        while (numrowstodelete--)
            this.tracker.deleteLastRow();
    };
    MotionTrackerPanel.prototype.addGridCols = function () {
        var existing = this.tracker.trackpoints.length ? this.tracker.trackpoints[0].length : 0;
        var required = this.tracker.cols;
        var numnewcols = required - existing;
        var box = this.tracker.getCurrentBoundingRect();
        var start = new __WEBPACK_IMPORTED_MODULE_4__fx_core__["Point"](box.topright);
        while (numnewcols--) {
            start.x += 50;
            this.tracker.addColumn(start, 50);
        }
    };
    MotionTrackerPanel.prototype.deleteGridCols = function () {
        var existing = this.tracker.trackpoints.length ? this.tracker.trackpoints[0].length : 0;
        var required = this.tracker.cols;
        var numcolstodelete = existing - required;
        while (numcolstodelete--)
            this.tracker.deleteLastCol();
    };
    MotionTrackerPanel.prototype.changeGrid = function (changerow, changecol) {
        this.doDims = false;
        this.tracker.doScale = this.tracker.doPos = this.tracker.doRotate = true;
        var existingRows = this.tracker.trackpoints.length;
        var existingCols = this.tracker.trackpoints.length ? this.tracker.trackpoints[0].length : 0;
        if (changerow)
            if (this.tracker.rows > existingRows)
                this.addGridRows();
            else
                this.deleteGridRows();
        if (changecol) {
            if (this.tracker.cols > existingCols)
                this.addGridCols();
            else
                this.deleteGridCols();
        }
        this.tracker.layer.change.next(true);
        this.cd.markForCheck();
    };
    MotionTrackerPanel.prototype.forward = function () {
        this.tracker.forward();
    };
    MotionTrackerPanel.prototype.backward = function () {
        this.tracker.backward();
    };
    MotionTrackerPanel.prototype.autoTrackForward = function () {
        this.trackingForward = this.autoTrack(1, this.trackingForward);
    };
    MotionTrackerPanel.prototype.autoTrackBackward = function () {
        this.trackingBackward = this.autoTrack(-1, this.trackingBackward);
    };
    MotionTrackerPanel.prototype.autoTrack = function (direction, sub) {
        var _this = this;
        if (!sub || sub.closed) {
            sub = this.tracker.layer.onRendered.subscribe(function () {
                _this.autoTrackFunc(direction, sub);
            });
            this.autoTrackFunc(direction, sub);
        }
        else {
            sub.unsubscribe();
        }
        return sub;
    };
    MotionTrackerPanel.prototype.autoTrackFunc = function (direction, sub) {
        var comp = this.tracker.layer.comp;
        var frame = comp.frame;
        if ((direction == -1 && frame == 0) || (direction == 1 && frame >= comp.numframes - 2)) {
            sub.unsubscribe();
            return;
        }
        this.tracker.trackFrame(frame, frame + direction, direction);
    };
    MotionTrackerPanel.prototype.targets = function () {
        var _this = this;
        return this.tracker ? this.tracker.layer.comp.layers.filter(function (l) { return l != _this.tracker.layer; }) : [];
    };
    MotionTrackerPanel.prototype.apply = function () {
        this.model.applyMotionTracker(this.tracker, this.target);
    };
    MotionTrackerPanel.prototype.detectGrid = function () {
        var width = 640, height = 360;
        var editor = this.em.panel.getEditor();
        var canvas = document.createElement("canvas");
        canvas.setAttribute("width", "640");
        canvas.setAttribute("height", "360");
        var ctx = canvas.getContext("2d");
        ctx.drawImage(editor.img, 0, 0);
        var image_data = ctx.getImageData(0, 0, width, height);
        //this.em.panel.getEditor().ctx.getImageData(0, 0, width, height);
        var img = new __WEBPACK_IMPORTED_MODULE_6_jsfeat__["matrix_t"](width, height, __WEBPACK_IMPORTED_MODULE_6_jsfeat__["U8_t"] | __WEBPACK_IMPORTED_MODULE_6_jsfeat__["C1_t"]);
        var code = __WEBPACK_IMPORTED_MODULE_6_jsfeat__["COLOR_RGBA2GRAY"];
        __WEBPACK_IMPORTED_MODULE_6_jsfeat__["imgproc"].grayscale(image_data.data, width, height, img);
        __WEBPACK_IMPORTED_MODULE_6_jsfeat__["imgproc"].box_blur_gray(img, img, 1, 0);
        var corners = [], laplacian_threshold = 100, min_eigen_value_threshold = 100;
        __WEBPACK_IMPORTED_MODULE_6_jsfeat__["yape06"].laplacian_threshold = laplacian_threshold;
        __WEBPACK_IMPORTED_MODULE_6_jsfeat__["yape06"].min_eigen_value_threshold = min_eigen_value_threshold;
        for (var i = 0; i < img.cols * img.rows; ++i) {
            corners[i] = new __WEBPACK_IMPORTED_MODULE_6_jsfeat__["keypoint_t"](0, 0, 0, 0);
        }
        var count = __WEBPACK_IMPORTED_MODULE_6_jsfeat__["yape06"].detect(img, corners, 5);
        if (false) {
            var buf = new Uint32Array(image_data.data.buffer);
            var zoom = this.em.panel.getEditor().settings.zoom;
            var imgoffset = this.em.panel.getEditor().settings.imageOffset;
            // render_corners(corners, count, data_u32, 640);
            var step = 640;
            var pix = (0xff << 24) | (0x00 << 16) | (0xff << 8) | 0x00;
            for (var i = 0; i < count; ++i) {
                var x = corners[i].x;
                var y = corners[i].y;
                var off = (x + y * step);
                buf[off] = pix;
                buf[off - 1] = pix;
                buf[off + 1] = pix;
                buf[off - step] = pix;
                buf[off + step] = pix;
            }
            this.em.panel.getEditor().ctx.putImageData(image_data, imgoffset.x, imgoffset.y);
        }
        var ectx = this.em.panel.getEditor().ctx;
        ectx.save();
        ectx.translate(editor.settings.imageOffset.x, editor.settings.imageOffset.y);
        ectx.scale(editor.settings.zoom, editor.settings.zoom);
        ectx.strokeStyle = "blue";
        for (var i = 0; i < count; ++i) {
            var x = corners[i].x;
            var y = corners[i].y;
            ectx.strokeRect(x - 5, y - 5, 10, 10);
        }
        var ransac = __WEBPACK_IMPORTED_MODULE_6_jsfeat__["motion_estimator"].ransac;
        var homo_kernel = new __WEBPACK_IMPORTED_MODULE_6_jsfeat__["motion_model"].homography2d();
        var transform = new __WEBPACK_IMPORTED_MODULE_6_jsfeat__["matrix_t"](3, 3, __WEBPACK_IMPORTED_MODULE_6_jsfeat__["F32_t"] | __WEBPACK_IMPORTED_MODULE_6_jsfeat__["C1_t"]);
        var grids = []; // to
        for (y = 0; y < 6; y++) {
            for (x = 0; x < 4; x++) {
                grids.push({ x: x * 20, y: y * 20 });
            }
        }
        var remain = Math.max(0, count - (6 * 4));
        for (var r = 0; r < remain; r++) {
            grids.push({ x: 0, y: 0 });
        }
        var mask = new __WEBPACK_IMPORTED_MODULE_6_jsfeat__["matrix_t"](count, 1, __WEBPACK_IMPORTED_MODULE_6_jsfeat__["U8_t"] | __WEBPACK_IMPORTED_MODULE_6_jsfeat__["C1_t"]);
        var model_size = 4; // minimum points to estimate motion
        var thresh = 4; // max error to classify as inlier
        var eps = 1 - 4 / count; // max outliers ratio
        var prob = 0.99; // probability of success
        var params = new __WEBPACK_IMPORTED_MODULE_6_jsfeat__["ransac_params_t"](model_size, thresh, eps, prob);
        var max_iters = 10000;
        var ok = ransac(params, homo_kernel, grids, corners, count, transform, mask, max_iters);
        for (var i = 0; i < count; ++i) {
            var x = corners[i].x;
            var y = corners[i].y;
            ectx.strokeStyle = mask[i] ? "green" : "red";
            ectx.strokeRect(x - 5, y - 5, 10, 10);
        }
        ectx.restore();
        console.log("found", count, mask);
    };
    return MotionTrackerPanel;
}(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["s" /* Panel */]));
MotionTrackerPanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'MotionTrackerPanel',
        styles: [
            '.rows > div {margin-bottom: 5px}',
            'div {color: #ddd}'
        ],
        template: " \n        <div style=\"height: 100%; overflow-y: auto;\">\n\n                <div *ngIf=\"tracker\" class=\"rows\" style=\"padding: 3px\">\n                    <div fxLayout=\"row\">\n                        <div fxFlex>Motion Source: </div>\n                        <select fxFlex fxFill>\n                            <option>{{tracker.layer.name()}}</option>\n                        </select>\n                    </div>\n                    <div fxLayout=\"row\">\n                        <div fxFlex>Current Track: </div>\n                        <select [(ngModel)]=\"tracker\" (ngModelChange)=\"ss.select(tracker)\" fxFlex fxFill>\n                            <option *ngFor=\"let t of tracker.layer.trackers; trackBy:trackerID; let i=index\" [ngValue]=\"t\">\n                                Tracker {{i + 1}}\n                            </option>\n                        </select>\n                    </div>\n                    <div fxLayout=\"row\">\n                        <div fxFlex>Track Type: </div>\n                        <select [(ngModel)]=\"tracker.type\" (change)=\"changeType()\" fxFlex fxFill style=\"max-width: 50px; overflow: hidden\">\n                            <option [ngValue]=\"tt.Transform\">Transform</option>\n                            <option [ngValue]=\"tt.CornerPin\">Perspective corner pin</option>\n                            <option [ngValue]=\"tt.Grid\">Grid</option>\n                        </select>\n                    </div>\n\n                    <div fxLayout=\"row\" *ngIf=\"tracker.type == tt.Grid\">\n                        <div fxFlex>Rows: </div>\n                        <select [(ngModel)]=\"tracker.rows\" [compareWith]=\"compareGridValue\" (ngModelChange)=\"changeGrid(true, false)\" fxFlex style=\"max-width: 50px; overflow: hidden\">\n                            <option *ngFor=\"let y of rows\" [ngValue]=\"y\">{{y}}</option>\n                        </select>\n                        <div fxFlex>Cols: </div>\n                        <select [(ngModel)]=\"tracker.cols\" [compareWith]=\"compareGridValue\" (ngModelChange)=\"changeGrid(false, true)\" fxFlex style=\"max-width: 50px; overflow: hidden\">\n                            <option *ngFor=\"let x of cols\" [ngValue]=\"x\">{{x}}</option>\n                        </select>\n                    </div>\n\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                        <div fxFlex><input [(ngModel)]=\"tracker.doPos\"  [disabled]=\"!doDims\" (change)=\"changeType()\" type=\"checkbox\" id=\"position\"><label for=\"position\">Pos.</label></div>\n                        <div fxFlex><input [(ngModel)]=\"tracker.doScale\" [disabled]=\"!doDims\" (change)=\"changeType()\" type=\"checkbox\" id=\"rotation\"><label for=\"rotation\">Rot.</label></div>\n                        <div fxFlex><input [(ngModel)]=\"tracker.doRotate\" [disabled]=\"!doDims\" (change)=\"changeType()\" type=\"checkbox\" id=\"scale\"><label for=\"scale\">Scale</label></div>\n                    </div>\n                    <div fxLayout=\"row\">\n                        <div fxFlex>Motion Target:</div>\n                        <select fxFlex fxFill [(ngModel)]=\"target\">\n                            <option *ngFor=\"let tl of targets()\" [ngValue]=\"tl\">{{tl.name()}}</option>\n                        </select>\n                    </div>\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"buttonrow\">\n                        <div fxFlex>Analyze: </div>\n                        <button fxFlex (click)=\"detectGrid()\"><i class=\"fa fa-circle\" [ngClass]=\"{'fx-active': trackingBackward && !trackingBackward.closed}\"></i></button>   \n                        <button fxFlex (click)=\"autoTrackBackward()\"  [disabled]=\"!tracker\"><i class=\"fa fa-backward\" [ngClass]=\"{'fx-active': trackingBackward && !trackingBackward.closed}\"></i></button>   \n                        <button fxFlex (click)=\"backward()\" [disabled]=\"!tracker\"><i class=\"fa fa-step-backward\"></i></button>   \n                        <button fxFlex (click)=\"forward()\" [disabled]=\"!tracker\"><i class=\"fa fa-step-forward\"></i></button>   \n                        <button fxFlex (click)=\"autoTrackForward()\"  [disabled]=\"!tracker\"><i class=\"fa fa-forward\" [ngClass]=\"{'fx-active': trackingForward && !trackingForward.closed}\"></i></button>   \n                    </div>\n                    <div fxLayout=\"row\" class=\"buttonrow\">\n                        <button fxFlex (click)=\"cancel()\" [disabled]=\"!tracker\">Cancel</button>   \n                        <button fxFlex (click)=\"apply()\" [disabled]=\"!tracker\">Apply</button>   \n                    </div>\n                </div>\n            </div>\n            ",
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_core__["SelectionService"]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_5__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_services__["b" /* ModelService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__viewers_editor__["b" /* EditorManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__viewers_editor__["b" /* EditorManager */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */]) === "function" && _h || Object])
], MotionTrackerPanel);

var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=motiontracker-panel.js.map

/***/ }),

/***/ "./src/app/panels/movie/movie-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoviePanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var MoviePanel = (function (_super) {
    __extends(MoviePanel, _super);
    function MoviePanel(ss, el, cd, layout, wm) {
        var _this = _super.call(this, "Movie", el, cd, layout, wm) || this;
        _this.ss = ss;
        _this.pxr = 0;
        return _this;
    }
    MoviePanel.prototype.ngOnInit = function () {
        _super.prototype.ngOnInit.call(this);
        this.canvas = this.canvasElem.nativeElement;
        this.ctx = this.canvas.getContext("2d");
    };
    MoviePanel.prototype.ngAfterViewInit = function () {
        this.resize();
        this.render();
        //this.draw();
    };
    MoviePanel.prototype.r2 = function () { this.resize(); this.render(); };
    MoviePanel.prototype.onPanelInit = function (container, state) {
        var _this = this;
        this.container.on("destroy", function () {
            if (_this.movie) {
                _this.movie.open = false;
                _this.container.getState().closed = true;
            }
        });
        this.container.on("resize", function () { return _this.resize(); });
        this.container.on("show", function () { return setTimeout(function () { return _this.r2(); }); });
        this.container.getElement().on('dragover', function (event) { return _this.dragover(event.originalEvent); });
        this.container.getElement().on('drop', function (event) { return _this.dragdrop(event.originalEvent); });
        this.resize();
        this.render();
    };
    MoviePanel.prototype.render = function () {
        var _this = this;
        if (!this.ctx)
            return;
        window["nodes"] = this.movie.nodes;
        var height = this.canvas.height, width = this.canvas.width, pxr = this.pixelRatio();
        this.ctx.clearRect(0, 0, this.canvas.width * pxr, this.canvas.height * pxr);
        this.ctx.save();
        this.movie.nodes.forEach(function (node) { return _this.renderNode(node); });
        this.movie.nodes.forEach(function (node) { return _this.renderConnections(node); });
        this.ctx.restore();
    };
    MoviePanel.prototype.renderNode = function (node) {
        this.ctx.strokeStyle = node.selected ? "yellow" : node.color.rgb;
        //this.ctx.fillStyle = "white";
        this.ctx.strokeRect(node.position.x, node.position.y, 400, 150);
        if (node.over) {
            this.ctx.beginPath();
            this.ctx.arc(node.position.x, node.position.y + 75, 10, 0, 2 * Math.PI);
            this.ctx.stroke();
            // if(node.selected)
            //      this.ctx.fill();
            this.ctx.beginPath();
            this.ctx.arc(node.position.x + 400, node.position.y + 75, 10, 0, 2 * Math.PI);
            this.ctx.stroke();
        }
    };
    MoviePanel.prototype.renderConnections = function (node) {
        var _this = this;
        if (!node.parents.length)
            return;
        node.parents.forEach(function (p) {
            _this.ctx.beginPath();
            _this.ctx.moveTo(node.position.x, node.position.y + 75);
            _this.ctx.lineTo(p.parent.position.x + 400, p.parent.position.y + 75);
            _this.ctx.strokeStyle = p.selected ? "yellow" : "white";
            _this.ctx.stroke();
            if (p.selected) {
                _this.ctx.fillStyle = "yellow";
                _this.ctx.beginPath();
                _this.ctx.arc(node.position.x, node.position.y + 75, 10, 0, 2 * Math.PI);
                _this.ctx.fill();
                _this.ctx.beginPath();
                _this.ctx.arc(p.parent.position.x + 400, p.parent.position.y + 75, 10, 0, 2 * Math.PI);
                _this.ctx.fill();
            }
        });
    };
    MoviePanel.prototype.hittest = function (point) {
        var right = this.movie.nodes.find(function (node) {
            var p = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](node.position.x + 400 - 5, node.position.y + 75 - 5);
            var rect = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"](p, 5, 5);
            return rect.pointInRect(point);
        });
        if (right)
            return { node: right, right: true, left: false, parent: null };
        var left = this.movie.nodes.find(function (node) {
            var p = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](node.position.x + 400 - 5, node.position.y + 75 - 5);
            var rect = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"](p, 5, 5);
            return rect.pointInRect(point);
        });
        if (left)
            return { node: left, left: true, right: false, parent: null };
        var node = this.movie.nodes.find(function (node) {
            var rect = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"](node.position, 400, 150);
            return rect.pointInRect(point);
        });
        if (node)
            return { node: node, left: false, right: false, parent: null };
        var sp = null, sn = null;
        this.movie.nodes.forEach(function (node) {
            node.parents.forEach(function (parent) {
                var p1 = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](parent.parent.position.x + 400, parent.parent.position.y + 75);
                var p2 = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](node.position.x, node.position.y + 75);
                var segment = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["LineSegment"](p1, p2);
                var dist = segment.distance(point);
                if (dist < 5) {
                    sp = parent;
                    sn = node;
                }
            });
        });
        if (sn && sp)
            return { node: sn, left: false, right: false, parent: sp };
        return null;
    };
    MoviePanel.prototype.mousemove = function ($event) {
        var pxr = this.pixelRatio();
        var clickpos = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]($event.offsetX, $event.offsetY).mul(pxr);
        this.movie.nodes.forEach(function (node) { return node.over = false; });
        var node = this.movie.nodes.find(function (node) {
            var rect = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"](node.position, 400, 150);
            return rect.pointInRect(clickpos);
        });
        if (node) {
            node.over = true;
        }
        this.render();
    };
    MoviePanel.prototype.mousedown = function ($event) {
        var _this = this;
        var height = this.canvas.height;
        var pxr = this.pixelRatio();
        var clickpos = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]($event.offsetX, $event.offsetY).mul(pxr);
        var hit = this.hittest(clickpos);
        if (hit) {
            var node = hit.node, right = hit.right, left = hit.left, parent = hit.parent;
        }
        if (node && parent) {
            this.ss.select(parent);
        }
        else if (node) {
            this.selected = node;
            this.ss.select(node);
            this.render();
        }
        this.render();
        if (node && !right && !left && !parent) {
            var start_1 = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]($event.offsetX, $event.offsetY);
            var drag = function ($event) {
                var point = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]($event.offsetX, $event.offsetY);
                var delta = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](point).sub(start_1).mul(pxr);
                node.position.add(delta);
                start_1 = point;
                _this.render();
            };
            var up = function () {
                document.removeEventListener("mousemove", drag, true);
                document.removeEventListener("mouseup", up, true);
            };
            document.addEventListener("mousemove", drag, true);
            document.addEventListener("mouseup", up, true);
        }
        else {
            __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["i" /* SelectionMarker */])($event, true).subscribe(function (rect) {
            });
        }
        $event.stopPropagation();
    };
    MoviePanel.prototype.resize = function () {
        var rect = this.canvas.parentElement.getBoundingClientRect();
        this.canvas.setAttribute('width', "" + (rect.width * this.pixelRatio()));
        this.canvas.setAttribute('height', "" + (rect.height * this.pixelRatio()));
        this.canvas.style.width = rect.width + "px";
        this.canvas.style.height = rect.height + "px";
    };
    MoviePanel.prototype.pixelRatio = function () {
        if (!this.pxr) {
            var ctx = this.ctx, dpr = window.devicePixelRatio || 1, bsr = ctx.webkitBackingStorePixelRatio ||
                ctx.mozBackingStorePixelRatio ||
                ctx.msBackingStorePixelRatio ||
                ctx.oBackingStorePixelRatio ||
                ctx.backingStorePixelRatio || 1;
            this.pxr = dpr / bsr;
        }
        return this.pxr;
    };
    MoviePanel.prototype.dragdrop = function ($event) {
        var _this = this;
        var rawdata = $event.dataTransfer.getData("text/plain");
        try {
            if (rawdata == "projectitem") {
                var sm = this.ss.getSelectionManager(this.movie.project);
                sm.execute(function (item) {
                    if (item instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Composition"])
                        _this.movie.nodes.push(new __WEBPACK_IMPORTED_MODULE_3__fx_model__["SceneNode"](_this.movie, item));
                });
                this.render();
            }
        }
        catch (err) {
            console.error("DropError", err);
        }
    };
    MoviePanel.prototype.dragover = function ($event) {
        $event.preventDefault();
    };
    MoviePanel.prototype.compareNodes = function (entry1, entry2) {
        return entry1 && entry2 ? entry1.id === entry2.id : entry1 === entry2;
    };
    MoviePanel.prototype.otherNodes = function (self) {
        return this.movie.nodes.slice().filter(function (node) { return node.id != self.id; });
    };
    MoviePanel.prototype.nodeID = function (idx, node) {
        return node ? node.id : undefined;
    };
    return MoviePanel;
}(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["s" /* Panel */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Movie"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Movie"]) === "function" && _a || Object)
], MoviePanel.prototype, "movie", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('canvas'),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _b || Object)
], MoviePanel.prototype, "canvasElem", void 0);
MoviePanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'MoviePanel',
        template: " \n         <div fxLayout=\"row\" style=\"cursor: default; padding: 5px; position: relative; width: 100%; height: 100%\">\n            <div fxFlex fxFill>\n                <canvas  #canvas (mousemove)=\"mousemove($event)\" (mousedown)=\"mousedown($event)\" width=\"100\" height=\"100\">\n                </canvas>\n            </div>\n            <div fxFlex=\"0 0 300px\" style=\"border-left: 1px solid #444;\">\n                <div *ngIf=\"selected\">\n                    <div>\n                        Name: {{selected.comp.name()}}\n                    </div>\n                    \n                </div>\n            </div>\n        </div>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */]) === "function" && _g || Object])
], MoviePanel);

var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=movie-panel.js.map

/***/ }),

/***/ "./src/app/panels/preview/preview-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__viewers_editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PreviewPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var PreviewPanel = (function (_super) {
    __extends(PreviewPanel, _super);
    function PreviewPanel(el, cd, layout, wm, em, player) {
        var _this = _super.call(this, "Preview", el, cd, layout, wm) || this;
        _this.em = em;
        _this.player = player;
        return _this;
    }
    PreviewPanel.prototype.first = function () { this.player.firstFrame(this.em.item); };
    PreviewPanel.prototype.previous = function () { this.player.previousFrame(this.em.item); };
    PreviewPanel.prototype.next = function () { this.player.nextFrame(this.em.item); };
    PreviewPanel.prototype.last = function () { this.player.lastFrame(this.em.item); };
    PreviewPanel.prototype.play = function () { this.player.play(this.em.item, false); };
    PreviewPanel.prototype.playvideo = function () { this.player.play(this.em.item, true); };
    return PreviewPanel;
}(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["s" /* Panel */]));
PreviewPanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'PreviewPanel',
        template: "\n        <div class=\"buttonrow\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <button fxFlex (click)=\"first()\">\n                <i class=\"fa fa-fw fa-step-backward\"></i>\n            </button>\n            <button fxFlex (click)=\"previous()\">\n                <i class=\"fa fa-fw fa-backward\"></i>\n            </button>\n            <button fxFlex (click)=\"play()\">\n                <i class=\"fa fa-fw fa-play\" [ngClass]=\"{'fx-active': player.playing && !player.playing.closed}\"></i>\n            </button>\n            <button fxFlex (click)=\"next()\">\n                <i class=\"fa fa-fw fa-forward\"></i>\n            </button>\n            <button fxFlex (click)=\"last()\">\n                <i class=\"fa fa-fw fa-step-forward\"></i>\n            </button>\n\n            <button fxFlex (click)=\"playvideo()\">\n                <i class=\"fa fa-fw fa-toggle-right\"></i>\n            </button>\n\n            <button fxFlex ><i class=\"fa fa-fw fa-volume-up\"></i></button>\n        </div>\n",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_3__viewers_editor__["b" /* EditorManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__viewers_editor__["b" /* EditorManager */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_services__["e" /* PlayService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_services__["e" /* PlayService */]) === "function" && _f || Object])
], PreviewPanel);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=preview-panel.js.map

/***/ }),

/***/ "./src/app/panels/project/item-preview.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ItemPreview; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var ItemPreview = (function () {
    function ItemPreview(dom, prj, cache, differs, ss) {
        this.dom = dom;
        this.prj = prj;
        this.cache = cache;
        this.differs = differs;
        this.ss = ss;
        this.ItemTypes = __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"];
        this.subs = [];
        this.used = 0;
        this.differ = differs.find([]).create(null);
    }
    ItemPreview.prototype.ngAfterViewInit = function () {
        var _this = this;
        var sub1 = this.preview.changes.subscribe(function (sub) {
            if (_this.preview.first) {
                _this.render();
            }
        });
        var sub2 = this.prj.change.subscribe(function () { return _this.render(); });
        this.subs.push(sub1, sub2);
    };
    ItemPreview.prototype.ngOnDestroy = function () {
        this.subs.forEach(function (s) { return s.unsubscribe(); });
    };
    ItemPreview.prototype.ngOnChanges = function () {
        var diff = this.differ.diff(this.items);
        if (diff) {
            this.item = null;
            if (this.items && this.items.length == 1) {
                this.used = this.prj.findUsage(this.items[0]);
                this.item = this.items[0];
            }
            if (this.preview && this.preview.first)
                this.render();
        }
    };
    ItemPreview.prototype.render = function () {
        if (!this.items || this.items.length != 1)
            return;
        var item = this.items[0];
        if (item instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Composition"]) {
            this.renderComp(item, this.preview.first.nativeElement);
        }
        // TODO: dont render non-renderable items
        if (item instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageItem"] && item.type != __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"].Solid) {
            this.renderAssetThumb(item, this.preview.first.nativeElement);
        }
    };
    ItemPreview.prototype.setImage = function (cachekey, blob, img) {
        this.cache.set(cachekey, blob);
        var url = window.URL.createObjectURL(blob);
        img.onload = function () { return window.URL.revokeObjectURL(url); };
        this.dom.setElementAttribute(img, 'src', url);
    };
    ItemPreview.prototype.renderComp = function (comp, img) {
        var _this = this;
        var cachekey = comp.id + comp.generation + comp.poster + ".jpg";
        if (this.cache.has(cachekey)) {
            this.setImage(cachekey, this.cache.get(cachekey), img);
            return;
        }
        this.prj.renderCompFrame(comp, comp.poster, 'jpg')
            .subscribe(function (blob) { return _this.setImage(cachekey, blob, img); });
    };
    ItemPreview.prototype.renderAssetThumb = function (item, img) {
        var _this = this;
        var cachekey = item.source + "0" + ".jpg";
        if (this.cache.has(cachekey)) {
            this.setImage(cachekey, this.cache.get(cachekey), img);
            return;
        }
        this.prj.renderAssetThumbnail(item, 0, "w=128", "jpg")
            .subscribe(function (blob) { return _this.setImage(cachekey, blob, img); });
    };
    return ItemPreview;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], ItemPreview.prototype, "items", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_9" /* ViewChildren */])('preview'),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */]) === "function" && _a || Object)
], ItemPreview.prototype, "preview", void 0);
ItemPreview = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'item-preview',
        styles: [
            '.preview {padding: 5px 4px 2px 10px}'
        ],
        template: "\n    <div class=\"preview\">\n        <div *ngIf=\"items && items.length > 1\">\n            <i class=\"fa fa-folder fa-4x\" style=\"float: left; margin-right: 5px\"></i>\n            {{items.length}} items selected\n        </div>\n\n        <div *ngIf=\"items && items.length == 1\">\n            <div [ngSwitch]=\"items[0].type\" style=\"float: left; margin-right: 8px\">\n                <img *ngSwitchCase=\"ItemTypes.Composition\" #preview width=\"80\" height=\"45\" border=\"1\">\n                <img *ngSwitchCase=\"ItemTypes.Video\" #preview width=\"80\" height=\"45\" border=\"1\">\n                <img *ngSwitchCase=\"ItemTypes.Image\" #preview width=\"80\" height=\"45\" border=\"1\">\n                <i *ngSwitchCase=\"ItemTypes.Folder\" class=\"fa fa-folder fa-4x\"></i>\n                <i *ngSwitchCase=\"ItemTypes.Font\" class=\"fa fa-font fa-4x\"></i>\n                <i *ngSwitchCase=\"ItemTypes.Solid\" class=\"fa fa-stop fa-4x\" [style.color]=\"items[0].source.color.rgb\"></i>\n                <i *ngSwitchDefault class=\"fa fa-file fa-4x\" ></i>\n            </div>\n           \n           <div style=\"float:left;\"><br></div>\n\n            <div style=\"float:left; position: relative; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">\n                {{item.name()}}\n            </div><span *ngIf=\"item.type != ItemTypes.Folder\">, used {{used}} {{used | plural:'time'}}.</span>\n            \n\n            <div *ngIf=\"item?.type == ItemTypes.Folder\">\n                <br>\n                <div>{{item.items.length}} {{item.items.length | plural:'item'}}</div>\n            </div>\n           \n            <div *ngIf=\"item?.type == ItemTypes.Video\">\n                <div>{{item.width}} x {{item.height}}</div>\n                <div>\u0394 {{item.numframes}}<span *ngIf=\"item.framerate\">, {{item.framerate | fps}}</span></div>\n                <div *ngIf=\"item.samplerate\">\n                    {{item.samplerate}}, {{item.channels}} Channels\n                </div>\n            </div>\n        </div>\n    <div>\n    "
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["P" /* Renderer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["P" /* Renderer */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SimpleCache"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SimpleCache"]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["M" /* IterableDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["M" /* IterableDiffers */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _f || Object])
], ItemPreview);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=item-preview.js.map

/***/ }),

/***/ "./src/app/panels/project/project-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app_services__ = __webpack_require__("./src/app/app.services.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ProjectPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






function getIcon(item) {
    switch (item.type) {
        case __WEBPACK_IMPORTED_MODULE_4__fx_model__["ItemType"].Solid:
            return "fa-stop";
        case __WEBPACK_IMPORTED_MODULE_4__fx_model__["ItemType"].Video:
            return 'fa-file-video-o';
        case __WEBPACK_IMPORTED_MODULE_4__fx_model__["ItemType"].Image:
            return 'fa-file-image-o';
        case __WEBPACK_IMPORTED_MODULE_4__fx_model__["ItemType"].Font:
            return 'fa-font';
        case __WEBPACK_IMPORTED_MODULE_4__fx_model__["ItemType"].Audio:
            return 'fa-file-audio-o';
        case __WEBPACK_IMPORTED_MODULE_4__fx_model__["ItemType"].Composition:
            return 'fa-film';
        case __WEBPACK_IMPORTED_MODULE_4__fx_model__["ItemType"].DynamicMovie:
            return 'fa-tv';
    }
    return "fa-file-o";
}
var ProjectPanel = (function (_super) {
    __extends(ProjectPanel, _super);
    function ProjectPanel(app, prj, ss, el, cd, layout, wm) {
        var _this = _super.call(this, "Project", el, cd, layout, wm) || this;
        _this.app = app;
        _this.prj = prj;
        _this.ss = ss;
        _this.openItem = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        _this.options = {
            dblclick: function (tree, node, $event) { return _this.app.openViewer(node.data.item); }
        };
        _this.sm = _this.ss.getSelectionManager(_this.prj.project);
        var addfn = function (item) {
            var node = {
                name: item.name(),
                item: item,
                icon: getIcon(item),
                children: null
            };
            if (item instanceof __WEBPACK_IMPORTED_MODULE_4__fx_model__["FolderItem"]) {
                node.children = item.items.map(function (item) { return addfn(item); });
            }
            return node;
        };
        prj.change
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function () {
            if (_this.prj.project) {
                _this.sm = _this.ss.getSelectionManager(_this.prj.project);
                //  this.sm.onchange.subscribe(change => this.cd.markForCheck());
                _this.nodes = _this.prj.project.root.items.map(function (item) { return addfn(item); });
            }
            else {
                _this.sm = null;
                _this.nodes = [];
            }
            _this.cd.markForCheck();
        });
        return _this;
    }
    ProjectPanel.prototype.onPanelInit = function () {
        var _this = this;
        this.container.getElement().on('dragover', function (event) { return _this.dragover(event.originalEvent); });
        this.container.getElement().on('drop', function (event) { return _this.dragdrop(event.originalEvent); });
    };
    ProjectPanel.prototype.items = function () {
        return this.sm ? this.sm.selected.filter(function (i) { return i instanceof __WEBPACK_IMPORTED_MODULE_4__fx_model__["Item"]; }) : [];
    };
    ProjectPanel.prototype.addFolder = function () {
        var items = this.sm.selectedWithType();
        var item = items.length ? items[0] : null;
        var folder = this.prj.newFolder(item instanceof __WEBPACK_IMPORTED_MODULE_4__fx_model__["FolderItem"] ? item : null);
        this.ss.select(folder);
    };
    ProjectPanel.prototype.deleteItem = function (event) {
        return this.app.delete(event);
    };
    ProjectPanel.prototype.mousedown = function ($event) {
        var _this = this;
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__fx_ui__["i" /* SelectionMarker */])($event)
            .takeWhile(function (rect) { return rect != null; })
            .subscribe(function (rect) { _this.selection = rect; _this.cd.markForCheck(); });
    };
    ProjectPanel.prototype.dragdrop = function ($event) {
        var _this = this;
        var rawdata = $event.dataTransfer.getData("text/plain");
        try {
            if (rawdata == "projectitem") {
                var sm = this.ss.getSelectionManager(this.prj.project);
                sm.execute(function (item) {
                    //console.log("moving", item, "to ROOT")    
                    item.moveTo(_this.prj.project.root);
                });
                this.prj.change.next(true);
            }
        }
        catch (err) {
            console.error("DropError", err);
        }
    };
    ProjectPanel.prototype.dragover = function ($event) {
        $event.preventDefault();
    };
    return ProjectPanel;
}(__WEBPACK_IMPORTED_MODULE_3__fx_ui__["s" /* Panel */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _a || Object)
], ProjectPanel.prototype, "openItem", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__fx_ui__["c" /* MenuCommand */])('DELETE'),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], ProjectPanel.prototype, "deleteItem", null);
ProjectPanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'ProjectPanel',
        template: " \n        <context-menu-component></context-menu-component>\n\n        <div fxLayout=\"column\" style=\"height: 100%\">\n            <div fxFlex=\"0 0 70px\" style=\"border-bottom: 1px solid #444\">\n                <item-preview [items]=\"items()\"></item-preview>\n            </div>\n\n            <div fxFlex fxFill style=\"overflow: scroll\" (mousedown)=\"mousedown($event)\">\n                <div *ngIf=\"nodes\">\n                    <project-tree [nodes]=\"nodes\" [selection]=\"selection\" [options]=\"options\" (openItem)=\"openItem($event)\"></project-tree>\n                </div>                \n            </div>\n\n            <div fxFlex=\"0 0 20px\" style=\"border-top: 1px solid #444; padding:0 5px\">\n                <div fxLayout=\"row\" style=\"height: 20px;\" fxLayoutAlign=\"start center\">\n                    <div fxFlex (click)=\"addFolder()\"><i class=\"fa fa-folder\"></i> &nbsp;</div>\n                    <div fxFlex><input size=\"10\" style=\"background: transparent; border: 0\"></div>\n                    <div fxFlex (click)=\"deleteItem()\"><i class=\"fa fa-trash\"></i> &nbsp;</div>\n                </div>\n            </div>\n\n        </div>\n    ",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__app_services__["a" /* AppService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__app_services__["a" /* AppService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_5__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_services__["c" /* ProjectService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_3__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_ui__["e" /* LayoutManager */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_3__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_ui__["d" /* WindowManager */]) === "function" && _h || Object])
], ProjectPanel);

var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=project-panel.js.map

/***/ }),

/***/ "./src/app/panels/project/tree.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_app_app_services__ = __webpack_require__("./src/app/app.services.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ProjectTreeComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var ProjectTreeComponent = (function () {
    function ProjectTreeComponent(cd, prj, app, ss) {
        this.cd = cd;
        this.prj = prj;
        this.app = app;
        this.ss = ss;
        this.openItem = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.ItemTypes = __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"];
        // open, name, tag, type, duration, info
        this.colwidths = [
            30, 200, 20, 80, 60, 90
        ];
        this.ctxmenu = [
            { text: "Rename", subject: this.app.menucommand$, command: 'RENAMEITEM' },
            { text: "Delete", subject: this.app.menucommand$, command: 'DELETE' },
        ];
    }
    // private options = {
    //     dblclick: (tree, node, $event) => alert(node.data)
    // }
    ProjectTreeComponent.prototype.ngOnChanges = function () {
        var _this = this;
        this.sm = this.ss.getSelectionManager(this.prj.project);
        if (this.sm && this.nodeelems && this.selection) {
            this.nodeelems.forEach(function (elem) {
                var domelem = elem.nativeElement;
                var item = _this.prj.findItem(domelem.dataset['itemid']);
                if (_this.selection.intersects(domelem.getBoundingClientRect())) {
                    _this.sm.addSelection(item);
                }
                else {
                    _this.sm.unselect(item);
                }
            });
        }
    };
    ProjectTreeComponent.prototype.w = function (idx) {
        return "0 0 " + this.colwidths[idx] + "px";
    };
    Object.defineProperty(ProjectTreeComponent.prototype, "width", {
        get: function () {
            return this.colwidths.reduce(function (a, b) { return a + b; }, 0);
        },
        enumerable: true,
        configurable: true
    });
    /**
     * We manually choose the selection manager instead of rely on the selectable's container
     * manager, because of Compositions. Compositions are both the end of the hierarchy for layers
     * and a child within the Item hierarchy. In order to avoid selection here when clicking
     * on a layer, 2 things are special: 1. Top level parents are never activated by the
     * SelectionManager, and 2. Here we use the Project's SelectionManager, so that
     * Composition cn be in two Managers at the same time.
     */
    ProjectTreeComponent.prototype.click = function (node, $event) {
        var sm = this.ss.getSelectionManager(this.prj.project);
        // this.ss.select(node.data.item, $event);
        sm.select(node.data.item, $event);
        $event.stopPropagation();
    };
    ProjectTreeComponent.prototype.dragstart = function ($event, item) {
        this.ss.checkSelection(item, $event);
        // console.log(this.ss.getSelectionManager(this.prj.project).selected);
        $event.dataTransfer.setData("text/plain", "projectitem");
    };
    ProjectTreeComponent.prototype.dragend = function ($event) {
    };
    ProjectTreeComponent.prototype.dragdrop = function ($event, target) {
        $event.preventDefault();
        $event.stopPropagation();
        var rawdata = $event.dataTransfer.getData("text/plain");
        try {
            if (rawdata == "projectitem" && target instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["FolderItem"]) {
                var sm = this.ss.getSelectionManager(this.prj.project);
                sm.execute(function (item) {
                    console.log("moving", item, "to", target);
                    item.moveTo(target);
                });
                this.prj.change.next(true);
                this.cd.markForCheck();
            }
        }
        catch (err) {
            console.error("DropError", err);
        }
        this.dragleave($event);
    };
    ProjectTreeComponent.prototype.dragover = function ($event) {
        $event.preventDefault();
    };
    ProjectTreeComponent.prototype.dragleave = function ($event) {
    };
    ProjectTreeComponent.prototype.resizeColumn = function (idx, event) {
        var start = event.pageX;
        var mouseup = function () {
            document.removeEventListener("mouseup", mouseup, true);
            document.removeEventListener("mousemove", drag, true);
        }.bind(this);
        var drag = function (event) {
            this.colwidths[idx] += (event.pageX - start);
            start = event.pageX;
            this.cd.markForCheck();
        }.bind(this);
        document.addEventListener("mouseup", mouseup, true);
        document.addEventListener("mousemove", drag, true);
        event.stopPropagation();
    };
    return ProjectTreeComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], ProjectTreeComponent.prototype, "nodes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], ProjectTreeComponent.prototype, "options", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"]) === "function" && _a || Object)
], ProjectTreeComponent.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _b || Object)
], ProjectTreeComponent.prototype, "openItem", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_9" /* ViewChildren */])('row'),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */]) === "function" && _c || Object)
], ProjectTreeComponent.prototype, "nodeelems", void 0);
ProjectTreeComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'project-tree',
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush,
        styles: [
            '.selected {color: black; background: white}',
            '.header {border-bottom: 1px solid #444}',
            '.header div {border-right: 1px solid #444; padding: 0 3px; cursor: default}',
            '.row {height: 25px; border-bottom: 1px solid black}',
            '.row div { padding: 0 3px; }',
            '.ellipse {cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}',
        ],
        template: "\n        <div class=\"header\" fxLayout=\"row\" [style.width.px]=\"width\">\n            <div [fxFlex]=\"w(0)\" (mousedown)=\"resizeColumn(0, $event)\"></div>\n            <div [fxFlex]=\"w(1)\" (mousedown)=\"resizeColumn(1, $event)\">Name</div>\n            <div [fxFlex]=\"w(2)\" (mousedown)=\"resizeColumn(2, $event)\"><i class=\"fa fa-tag\"></i></div>\n            <div [fxFlex]=\"w(3)\" (mousedown)=\"resizeColumn(3, $event)\">Type</div>\n            <div [fxFlex]=\"w(4)\" (mousedown)=\"resizeColumn(4, $event)\">Duration</div>\n            <div [fxFlex]=\"w(5)\" (mousedown)=\"resizeColumn(5, $event)\">Info</div>\n        </div>\n            \n        <TreeTable [nodes]=\"nodes\" [options]=\"options\">\n            <template #treeNodeTemplate let-node=\"node\" let-index=\"index\">\n                <div #row  [attr.data-itemid]=\"node.data.item.id\" \n                     fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                     class=\"row\"\n                     [style.width.px]=\"width\">\n\n                    <div [fxFlex]=\"w(0)\">\n                        <i *ngIf=\"node.children.length\" \n                            (click)=\"node.data.item.open=!node.data.item.open\"\n                            [ngClass]=\"node.data.item.open ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-fw fa-lg\"></i>\n                    </div>\n                    \n                    <div [fxFlex]=\"w(1)\">\n                        <div draggable=\"true\" \n                                class=\"ellipse\"\n                                [style.width.px]=\"colwidths[1] - 20\"\n                                [style.marginLeft.px]=\"15*node.level\"\n                                [ngClass]=\"{selected: node.data.item.selected}\"\n                                (click)=\"click(node, $event)\"\n                                (mousedown)=\"$event.stopPropagation()\"\n                                (contextmenu)=\"ss.checkSelection(node.data.item, $event)\"\n                                [context-menu]=\"ctxmenu\"\n                                (dragstart)=\"dragstart($event, node.data.item)\"\n                                (dragend)=\"dragend($event)\"\n                                (dragover)=\"dragover($event)\"\n                                (dragleave)=\"dragleave($event)\"\n                                (drop)=\"dragdrop($event, node.data.item)\"\n                            >\n                            <i class=\"fa fa-fw {{node.icon}}\" \n                                [style.color]=\"node.data.item.type==ItemTypes.Solid ? node.data.item.source.color.rgb : node.data.item.selected ? '#111' : '#ddd'\"></i>\n\n                            {{node.name}}\n                        </div>\n                    </div>\n\n                    <div [fxFlex]=\"w(2)\">\n                        <color-tag [(color)]=\"node.data.item.tagcolor\"></color-tag>\n                    </div>\n\n                    <div [fxFlex]=\"w(3)\" class=\"ellipse\">\n                        {{ItemTypes[node.data.item.type]}}\n                    </div>\n\n                    <div [fxFlex]=\"w(4)\"  class=\"ellipse\">\n                        <span *ngIf=\"node.data.item.numframes != 0\">\n                            {{node.data.item.numframes}}\n                        </span>\n                    </div>\n\n                    <div [fxFlex]=\"w(5)\"  class=\"ellipse\">\n                        <span *ngIf=\"node.data.item.width\">\n                            {{node.data.item.width}}x{{node.data.item.height}}\n                        </span>\n                    </div>\n                </div>\n            </template>\n        </TreeTable>\n    "
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_4_app_app_services__["a" /* AppService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4_app_app_services__["a" /* AppService */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _g || Object])
], ProjectTreeComponent);

var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=tree.js.map

/***/ }),

/***/ "./src/app/panels/settings/settings-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SettingsPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var SettingsPanel = (function (_super) {
    __extends(SettingsPanel, _super);
    function SettingsPanel(prj, ss, el, cd, layout, wm) {
        var _this = _super.call(this, "Properties", el, cd, layout, wm) || this;
        _this.prj = prj;
        _this.ss = ss;
        _this.open = false;
        _this.BM = __WEBPACK_IMPORTED_MODULE_3__fx_model__["BLENDMODE"];
        _this.SM = __WEBPACK_IMPORTED_MODULE_3__fx_model__["SCALEMODE"];
        _this.enable = "Always";
        _this.dynamictransform = "Always";
        _this.dynamicduration = false;
        _this.hasContent = false;
        _this.dynContent = false;
        _this.contenttype = 0;
        _this.SAM = __WEBPACK_IMPORTED_MODULE_3__fx_model__["SourceAccessMode"];
        _this.ss.global
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function (change) {
            if (change.on instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["AVLayer"]) {
                _this.layer = change.on;
                _this.hasContent = false;
                if (_this.layer instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["FootageLayer"]) {
                    var source = _this.layer.item.source;
                    _this.hasContent = source instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["AssetSource"];
                    if (_this.hasContent) {
                        _this.dynContent = !!source.location.variable;
                        //this.inPoint = 
                    }
                }
                _this.cd.markForCheck();
                if (_this.sub)
                    _this.sub.unsubscribe();
                _this.sub = _this.layer.comp.change.subscribe(function () { return _this.cd.markForCheck(); });
            }
        });
        return _this;
    }
    SettingsPanel.prototype.ngOnDestroy = function () {
        _super.prototype.ngOnDestroy.call(this);
        if (this.sub)
            this.sub.unsubscribe();
    };
    SettingsPanel.prototype.changeContentPath = function (value) {
        if (this.layer instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["FootageLayer"]) {
            var source = this.layer.item.source;
            source.location.path = value;
        }
        this.layer.change.next(true);
    };
    return SettingsPanel;
}(__WEBPACK_IMPORTED_MODULE_2__fx_ui__["s" /* Panel */]));
SettingsPanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'SettingsPanel',
        template: "\n        <div style=\"height: 100%; overflow-y: scroll; line-height: 25px\">\n\n            <div *ngIf=\"layer\" style=\"margin: 5px 10px\">\n                <color-tag [(color)]=\"layer.tagcolor\"></color-tag>\n                &nbsp; <input type=\"text\" [value]=\"layer?.name()\" (keypress)=\"layer.rename($event.target.value)\"\n                    style=\"color: #ddd; background: transparent; border: 0; border-bottom: 1px solid #444\">\n            </div>\n\n            <openbox *ngIf=\"hasContent\" title=\"Content\" [open]=\"true\">\n                <togglebar style=\"font-size: 10px; line-height: 12px\" \n                    [labels]=\"['Local', 'Remote']\" \n                    [values]=\"[SAM.LOCAL, SAM.REMOTE]\" \n                    [(selected)]=\"layer.item.source.location.mode\"\n                    (selectedChange)=\"layer.change.next(true)\"\n                    ></togglebar>\n                    \n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"3px\" style=\"width:100%\">\n                    <select fxFlex [(ngModel)]=\"dynContent\">\n                        <option [ngValue]=\"false\">Static</option>\n                        <option [ngValue]=\"true\">Variable</option>\n                    </select>\n\n                    <input fxFlex=\"1 1\" fxFill type=\"text\" \n                        [value]=\"layer.item.source.name()\" \n                        (change)=\"changeContentPath($event.target.value)\"\n                        placeholder=\"URL / Variable\" \n                        style=\"color: #ddd; background: transparent; border: 1px solid #444\">\n\n                    <span fxFlex *ngIf=\"dynContent\">\n                        <span class=\"fa fa-fw fa-cog\" style=\"border: 1px solid #444; padding: 2px\"></span>\n                    </span>\n\n                    <span fxFlex *ngIf=\"!dynContent\">\n                        <span class=\"fa fa-fw fa-ellipsis-h\" style=\"border: 1px solid #444; padding: 2px\"></span>\n                    </span>\n                </div>\n                \n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"3px\" style=\"width:100%\">\n                    <div fxFlex>\n                        In: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.contentoffset\"\n                                    fmt=\"%05d\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                    </div>\n\n                    <div fxFlex *ngIf=\"!dynamicduration\">\n                        Out: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.out\"\n                                    fmt=\"%05d\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                    </div>\n\n                </div>\n            </openbox>\n\n            <openbox title=\"Visibility\" open=\"true\">\n                <div>\n                    <label for=\"enable\"><i class=\"fa fa-eye\"></i></label>\n                    <select [(ngModel)]=\"enable\">\n                        <option>Always</option>\n                        <option>Never</option>\n                        <option>Variable</option>\n                    </select>\n                    <span *ngIf=\"enable=='Variable'\">\n                        <input type=\"text\" [value]=\"\" size=\"10\" style=\"color: #ddd; background: transparent; border: 1px solid #444\">\n                        <span class=\"fa fa-fw fa-cog\" style=\"border: 1px solid #444; padding: 2px\"></span>\n                    </span>\n                </div>\n\n                <div *ngIf=\"layer\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                    <div fxFlex><img src=\"assets/imgs/icons/transparent.png\" height=\"16\"> <span number-slider class=\"fx-value\" [(ngModel)]=\"layer.opacity\"\n                        [fmt]=\"'%.1f'\" \n                        [range]=\"{start:0, end: 100}\"\n                        [precision]=\"defaultPrecision\"\n                        (drag)=\"layer.change.next(false)\"\n                        (dragstop)=\"layer.change.next(true)\"\n                    ></span></div>\n\n                    <div fxFlex>\n                        <span class=\"fa fa-star-half-full\"></span>\n                        <select [(ngModel)]=\"layer.blendmode\" (change)=\"layer.change.next(true)\">\n                            <option [ngValue]=\"BM.normal\">Normal</option>\n                            <option [ngValue]=\"BM.multiply\">Multiply</option>\n                            <option [ngValue]=\"BM.screen\">Screen</option>\n                            <option [ngValue]=\"BM.overlay\">Overlay</option>\n                        </select>\n                    </div>\n                </div>\n            </openbox>\n            \n            <openbox title=\"Position &amp; Size\" [open]=\"true\">\n                <div *ngIf=\"layer\" fxLayout=\"column\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                        <div fxFlex>\n                            X: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.pastepos.x\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                        <div fxFlex>\n                            Y: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.pastepos.y\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                    </div>\n\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                        <div fxFlex>\n                            W: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.width\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                        <div fxFlex>\n                            H: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.height\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                    </div>\n\n                </div>\n            </openbox>\n            \n            <openbox title=\"Transform\" [open]=\"true\">\n                <div>\n                    <label for=\"dynamictransform\"><i class=\"fa fa-bolt\"></i></label>\n                    <select [(ngModel)]=\"dynamictransform\">\n                        <option>Always</option>\n                        <option>Never</option>\n                        <option>Variable</option>\n                    </select>\n                    <span *ngIf=\"dynamictransform=='Variable'\">\n                        <input type=\"text\" [value]=\"\" size=\"10\" style=\"color: #ddd; background: transparent; border: 1px solid #444\">\n                        <span class=\"fa fa-fw fa-cog\" style=\"border: 1px solid #444; padding: 2px\"></span>\n                    </span>\n                </div>\n\n                <div *ngIf=\"layer\" fxLayout=\"column\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                        <div fxFlex>\n                            A: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.anchor.x\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>, \n                                <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.anchor.y\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                        <div fxFlex>\n                            P: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.position.x\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>, \n                                <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.position.y\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                    </div>\n\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                        <div fxFlex>\n                            S: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.scale.x\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>, \n                                <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.scale.y\"\n                                    [fmt]=\"'%.1f'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                        <div fxFlex>\n                            R: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.rotate\"\n                                    [fmt]=\"'\u00B0'\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                    </div>\n\n                </div>\n            </openbox>\n\n            <openbox title=\"Size Mismatch Action\" [open]=\"true\">\n                <div *ngIf=\"layer\">\n                    <select [(ngModel)]=\"layer.scaling\">\n                        <option [ngValue]=\"SM.none\">None</option>\n                        <option [ngValue]=\"SM.crop\">Crop</option>\n                        <option [ngValue]=\"SM.Letterbox\">Letterbox</option>\n                    </select>\n                </div>\n            </openbox>\n\n            <openbox title=\"Start &amp; Duration\" [open]=\"true\">\n                <div>\n                    <label for=\"dynamicduration\"><i class=\"fa fa-bolt\"></i></label>\n                    <select [(ngModel)]=\"dynamicduration\">\n                        <option [ngValue]=\"false\">Fixed Duration</option>\n                        <option [ngValue]=\"true\">Variable Duration</option>\n                    </select>\n                    <span *ngIf=\"dynamicduration\">\n                        <input type=\"text\" [value]=\"\" size=\"10\" style=\"color: #ddd; background: transparent; border: 1px solid #444\">\n                        <span class=\"fa fa-fw fa-cog\" style=\"border: 1px solid #444; padding: 2px\"></span>\n                    </span>\n                </div>\n\n                <div *ngIf=\"layer\" fxLayout=\"column\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                        <div fxFlex>\n                            In: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.offset\"\n                                    fmt=\"%05d\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                        <div fxFlex *ngIf=\"!dynamicduration\">\n                            out: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.out\"\n                                    fmt=\"%05d\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                        <div fxFlex *ngIf=\"!dynamicduration\">\n                            \u0394: <span number-slider class=\"fx-value\" \n                                    [(ngModel)]=\"layer.numframes\"\n                                    fmt=\"%05d\" \n                                    (drag)=\"layer.change.next(false)\"\n                                    (dragstop)=\"layer.change.next(true)\"></span>\n                        </div>                                    \n                    </div>\n                </div>\n            </openbox>\n            \n        </div>\n    ",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["e" /* LayoutManager */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _f || Object])
], SettingsPanel);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=settings-panel.js.map

/***/ }),

/***/ "./src/app/panels/text/text-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_add_observable_of__ = __webpack_require__("./node_modules/rxjs/add/observable/of.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_add_observable_of___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_add_observable_of__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_add_observable_merge__ = __webpack_require__("./node_modules/rxjs/add/observable/merge.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_add_observable_merge___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_add_observable_merge__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TextPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var TextPanel = (function (_super) {
    __extends(TextPanel, _super);
    function TextPanel(prj, ss, el, cd, layout, wm) {
        var _this = _super.call(this, "Text", el, cd, layout, wm) || this;
        _this.prj = prj;
        _this.ss = ss;
        _this.color = new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Color"](100, 100, 100, 255);
        _this.HA = __WEBPACK_IMPORTED_MODULE_5__fx_model__["HorizontalAlignment"];
        _this.VA = __WEBPACK_IMPORTED_MODULE_5__fx_model__["VerticalAlignment"];
        // var dummy = new DummyItem(this.prj.project, "");
        _this.text = new __WEBPACK_IMPORTED_MODULE_5__fx_model__["TextLayer"](null);
        _this.ctx = _this.text.defaultContext;
        //this.text.color = Color.fromString('#ff8855');
        _this.ss.global
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function (change) {
            if (change.on instanceof __WEBPACK_IMPORTED_MODULE_5__fx_model__["TextContext"]) {
                _this.ctx = change.on;
                _this.cd.markForCheck();
            }
            if (change.on instanceof __WEBPACK_IMPORTED_MODULE_5__fx_model__["TextLayer"]) {
                _this.text = change.on;
                _this.cd.markForCheck();
            }
        });
        _this.prj.change
            .takeUntil(_this.panelDestroyed$)
            .subscribe(function () {
            _this.fontItems = _this.prj.loadFonts();
            _this.fontFamilies = _this.fontItems.map(function (x) { return Array.from(x.keys()); });
            _this.cd.markForCheck();
        });
        _this.fontItems = _this.prj.loadFonts();
        _this.fontFamilies = _this.fontItems.map(function (x) { return Array.from(x.keys()); });
        return _this;
    }
    TextPanel.prototype.setColor = function (s) {
        if (this.ctx.color)
            this.ctx.color.rgb = s;
        else
            this.ctx.color = __WEBPACK_IMPORTED_MODULE_3__fx_core__["Color"].fromString(s);
    };
    TextPanel.prototype.selectSubFamily = function (family) {
        var _this = this;
        this.fontItems
            .take(1).subscribe(function (m) {
            _this.ctx.font = m.get(family)[0].fontItem;
        });
    };
    TextPanel.prototype.compareFonts = function (entry1, entry2) {
        return (entry1 && entry2) ? entry1.id === entry2.id : entry1 === entry2;
    };
    TextPanel.prototype.fontID = function (idx, font) {
        return font && font.fontItem ? font.fontItem.id : undefined;
    };
    return TextPanel;
}(__WEBPACK_IMPORTED_MODULE_4__fx_ui__["s" /* Panel */]));
TextPanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["b" /* Component */])({
        selector: 'TextPanel',
        template: "\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" style=\"padding: 3px; border-bottom: 1px solid black\">\n            <div fxLayout=\"column\" style=\"height: 40px\">\n                <select [(ngModel)]=\"family\" (change)=\"selectSubFamily(family)\">\n                    <option *ngFor=\"let family of fontFamilies | async;\" [ngValue]=\"family\">{{family}}</option>\n                </select>\n\n                <select [(ngModel)]=\"ctx.font\" [compareWith]=\"compareFonts\"  (change)=\"text.change.next(true)\">\n                    <option *ngFor=\"let fd of (fontItems | async)?.get(family); trackBy: fontID\" [ngValue]=\"fd.fontItem\">{{fd.subFamily}}</option>\n                </select>\n            </div>\n\n            <div fxFlex style=\"width: 20px; height: 20px; text-align: center\">\n                <i class=\"fa fa-eyedropper\"></i>\n            </div>\n\n            <div fxFlex>\n                <input type=\"color\" tabIndex=\"-1\"\n                        [ngModel]=\"ctx.color ? ctx.color.rgb : color.rgb\" \n                        (ngModelChange)=\"setColor($event)\"\n                        (change)=\"ctx.change.next('color')\"  \n                        (change)=\"text.change.next(true)\"  \n                        [style.background]=\"ctx.color ? ctx.color.rgb : color.rgb\"\n                        style=\"width: 40px; height: 40px; border: 1px solid #777;\">\n            </div>\n        </div>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\"  style=\"padding: 3px;\">\n            <div fxFlex style=\"vertical-align: middle\">\n                <span class=\"fx fx-font-size\"></span>\n                <span number-slider \n                    [ngModel]=\"ctx.fontsize\" \n                    (ngModelChange)=\"ctx.fontsize=$event\"\n                    fmt=\"%.1f\" \n                    [precision]=\".1\"\n                    (drag)=\"ctx.change.next('fontsize')\"\n                    (dragstop)=\"text.change.next(true)\"\n                    class=\"fx-value\">\n                </span>\n            </div>\n            <div fxFlex style=\"vertical-align: middle\">\n                <span class=\"fx fx-line-height\"></span>\n                <span number-slider \n                [(ngModel)]=\"text.props.lineheight\" \n                fmt=\"%.1f\" \n                [precision]=\".1\"\n                (dragstop)=\"text.change.next(true)\"\n                class=\"fx-value\"></span>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\"  style=\"padding: 3px;\">\n            <div fxFlex style=\"vertical-align: middle\">\n                <span class=\"fx fx-tracking\"></span>\n                <span number-slider \n                [(ngModel)]=\"text.props.tracking\" \n                fmt=\"%.1f\" \n                (dragstop)=\"text.change.next(true)\"\n                [precision]=\".1\"\n                class=\"fx-value\"></span>\n            </div>\n            <div fxFlex style=\"vertical-align: middle\">\n                <span class=\"fx fx-kerning\"></span>\n                <span number-slider \n                [(ngModel)]=\"text.props.kerning\" \n                fmt=\"%.1f\" \n                (dragstop)=\"text.change.next(true)\"\n                [precision]=\".1\"\n                class=\"fx-value\"></span>\n            </div>\n        </div>\n        \n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\"  style=\"padding: 3px;\">\n            <select [(ngModel)]=\"text.props.xAlign\" (change)=\"text.change.next(true)\">\n                <option [ngValue]=\"HA.Left\">Left</option>\n                <option [ngValue]=\"HA.Center\">Center</option>\n                <option [ngValue]=\"HA.Right\">Right</option>\n            </select>\n            <select [(ngModel)]=\"text.props.yAlign\" (change)=\"text.change.next(true)\">\n                <option [ngValue]=\"VA.Top\">Top</option>\n                <option [ngValue]=\"VA.Middle\">Middle</option>\n                <option [ngValue]=\"VA.Bottom\">Bottom</option>\n            </select>\n        </div>     \n    ",
        changeDetection: __WEBPACK_IMPORTED_MODULE_2__angular_core__["_6" /* ChangeDetectionStrategy */].Default
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_6__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__fx_services__["c" /* ProjectService */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_core__["SelectionService"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__angular_core__["O" /* ElementRef */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_4__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_ui__["e" /* LayoutManager */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_4__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_ui__["d" /* WindowManager */]) === "function" && _f || Object])
], TextPanel);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=text-panel.js.map

/***/ }),

/***/ "./src/app/panels/timeline/anim-prop.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AnimPropComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var AnimPropComponent = (function () {
    function AnimPropComponent(ss) {
        this.ss = ss;
        this.flexoffset = "0px";
        this.flexwidth = "180px";
        this.kfnav = true;
    }
    AnimPropComponent.prototype.active = function () {
        return false;
        // var kfsm = this.ss.getInstance(this.layer.comp.id, "Keyframe");
        // let s = new Set(kfsm.selected);
        // let intersection = new Set([...this.prop.frames].filter(x => s.has(x)));
        // return true || !!intersection.size        
    };
    AnimPropComponent.prototype.toggleAnimate = function ($event) {
        if (!this.prop.animated) {
            var kf = this.prop.addCurrent();
            this.ss.select(kf, $event);
            // Conundrum: in order to work with multiple selection (eye, bolt, audio, lock, openTransforms)
            // it is important to stop propagation to the ng-click handler of the layer select, as it would
            // reset the selection. On the other side it prevents the selection of the unselected layer when
            // you click on the toggleAnimation.
            // Solution would be to select layer, unless part of a multi-selection, etc...
            $event.stopPropagation();
        }
        else {
            this.prop.clear();
        }
    };
    AnimPropComponent.prototype.toggleKeyframe = function ($event) {
        if (this.prop.isKeyframe) {
            this.prop.removeCurrent();
        }
        else {
            var kf = this.prop.addCurrent();
            this.ss.select(kf, $event);
        }
    };
    AnimPropComponent.prototype.prev = function () {
        if (this.prop.left) {
            this.layer.comp.frame = this.prop.previousTime();
            this.layer.change.next(true);
        }
    };
    AnimPropComponent.prototype.next = function () {
        if (this.prop.right) {
            this.layer.comp.frame = this.prop.nextTime();
            this.layer.change.next(true);
        }
    };
    return AnimPropComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Layer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["Layer"]) === "function" && _a || Object)
], AnimPropComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], AnimPropComponent.prototype, "prop", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", String)
], AnimPropComponent.prototype, "name", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _b || Object)
], AnimPropComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"]) === "function" && _c || Object)
], AnimPropComponent.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", String)
], AnimPropComponent.prototype, "flexoffset", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", String)
], AnimPropComponent.prototype, "flexwidth", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], AnimPropComponent.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], AnimPropComponent.prototype, "kfnav", void 0);
AnimPropComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: 'anim-prop',
        styles: [
            '.header {height: 25px; width: 100%; border-bottom: 1px solid black}',
            '.pointer {cursor: default}'
        ],
        template: "\n         <div class=\"header selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div *ngIf=\"kfnav\" fxFlex=\"180px\"> \n                <span *ngIf=\"prop\">\n                    <i (click)=\"prev()\" [ngClass]=\"prop.left ? 'fx-white' : 'fx-grey'\" class=\"fa fa-fw fa-caret-left fa-lg\"></i>&nbsp;\n                    <i (click)=\"toggleKeyframe($event)\" [ngClass]=\"prop.isKeyframe ? 'fx-active fa-square' : 'grey fa-square-o'\" class=\"fa fa-fw fa-square-o fa-rotate-45\" style=\"font-size:12px\"></i>&nbsp;\n                    <i (click)=\"next()\" [ngClass]=\"prop.right ? 'fx-white' : 'fx-grey'\" class=\"fa fa-fw fa-caret-right fa-lg\"></i>\n                </span>\n            </div>\n\n            <div [fxFlexOffset]=\"flexoffset\" [fxFlex]=\"flexwidth\" fxGrow=\"0\" fxShrink=\"0\">\n                <span *ngIf=\"prop\" style=\"margin-right: 5px\">\n                    <i (click)=\"toggleAnimate($event)\" [ngClass]=\"{'fx-active': !!prop.animated}\" class=\"fa fa-clock-o\">\n                    </i>\n                </span>\n                <span (click)=\"ss.select(prop, $event); $event.stopPropagation()\" [ngClass]=\"{selected: prop?.selected, pointer: true}\">\n                    {{name}}\n                </span>\n            </div>\n            <div fxFlex=\"240px\" fxGrow=\"0\" fxShrink=\"0\">\n                <ng-content></ng-content>\n            </div>            \n            <div fxFlex fxFill>\n                <keyframe-container style=\"display: block\" [width]=\"width\" [selection]=\"selection\" [comp]=\"layer.comp\" [range]=\"range\" [prop]=\"prop\"></keyframe-container>\n            </div>\n        </div>       \n    ",
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _d || Object])
], AnimPropComponent);

var _a, _b, _c, _d;
//# sourceMappingURL=anim-prop.js.map

/***/ }),

/***/ "./src/app/panels/timeline/comp-effects.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerEffectsComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/**
 * Timeline row that handles the "> Effects" row and
 *
 */
var LayerEffectsComponent = (function () {
    function LayerEffectsComponent(ref, undo, wm, ss) {
        this.ref = ref;
        this.undo = undo;
        this.wm = wm;
        this.ss = ss;
        this.openEffect = false;
    }
    LayerEffectsComponent.prototype.fxID = function (idx, fx) {
        return fx ? fx.id : undefined;
    };
    return LayerEffectsComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["TransformableLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["TransformableLayer"]) === "function" && _a || Object)
], LayerEffectsComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _b || Object)
], LayerEffectsComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], LayerEffectsComponent.prototype, "time", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"]) === "function" && _c || Object)
], LayerEffectsComponent.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], LayerEffectsComponent.prototype, "width", void 0);
LayerEffectsComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'comp-effects',
        styles: [
            '.header {width: 100%;}',
            '.fixed { height: 25px; }',
            '.pointer { cursor: default }',
            '.border {border-bottom: 1px solid black}',
        ],
        template: "\n        <div *ngIf=\"layer.effects.length\" class=\"header fixed border selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div [fxFlexOffset]=\"'140px'\" fxFlex=\"20px\" (click)=\"openEffect=!openEffect\">\n                <i [ngClass]=\"openEffect ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n            </div>\n            <div fxFlex=\"190px\" class=\"pointer\" \n                [ngClass]=\"{selected: layer.effectGroup.selected, subactive: ss.active(layer.effectGroup)}\"\n                (click)=\"ss.select(layer.effectGroup, $event)\" (dblclick)=\"openEffect=!openEffect; $event.stopPropagation()\">\n                Effects\n            </div>\n            \n        </div>\n\n        <template [ngIf]=\"openEffect\">\n            <div class=\"header\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                *ngFor=\"let fx of layer.effects; trackBy: fxID\">\n\n                    <effect fxFlex fxFill \n                        [layer]=\"layer\" \n                        [fx]=\"fx\" \n                        [time]=\"time\" [width]=\"width\"  \n                        [selection]=\"selection\"\n                        [range]=\"range\"></effect>\n\n            </div>\n        </template>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _g || Object])
], LayerEffectsComponent);

var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=comp-effects.js.map

/***/ }),

/***/ "./src/app/panels/timeline/comp-layer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_app_app_services__ = __webpack_require__("./src/app/app.services.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__info_info__ = __webpack_require__("./src/app/panels/info/info.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__mode_select__ = __webpack_require__("./src/app/panels/timeline/mode-select.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CompLayerComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};










var LayerListEntry = (function () {
    function LayerListEntry() {
    }
    return LayerListEntry;
}());
;
var CompLayerComponent = (function () {
    function CompLayerComponent(app, ss, model, info, cd, differs) {
        this.app = app;
        this.ss = ss;
        this.model = model;
        this.info = info;
        this.cd = cd;
        this.differs = differs;
        this.VM = __WEBPACK_IMPORTED_MODULE_8__mode_select__["b" /* VIEWMODE */];
        this.BM = __WEBPACK_IMPORTED_MODULE_5__fx_model__["BLENDMODE"];
        this.destroyed$ = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.ctxmenu = [
            { text: "Rename", subject: this.app.menucommand$, command: 'RENAMELAYER' },
            { text: "Delete", subject: this.app.menucommand$, command: 'DELETE' },
            { text: "Track Motion", subject: this.app.menucommand$, command: 'TRACKMOTION' },
        ];
        this.differ = differs.find({}).create(null);
    }
    CompLayerComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.sm = this.ss.getSelectionManager(this.layer.comp);
        this.layer.change
            .takeUntil(this.destroyed$)
            .subscribe(function () { return _this.cd.markForCheck(); });
    };
    CompLayerComponent.prototype.ngOnChanges = function () {
        var _this = this;
        if (this.selectionTargets && this.selection) {
            this.selectionTargets.forEach(function (elem) {
                var domelem = elem.nativeElement;
                if (_this.selection.intersects(domelem.getBoundingClientRect())) {
                    if (!_this.layer.selected)
                        _this.ss.addSelection(_this.layer);
                }
                else {
                    if (_this.layer.selected)
                        _this.ss.unselect(_this.layer);
                }
            });
        }
    };
    CompLayerComponent.prototype.ngOnDestroy = function () {
        this.destroyed$.next(true);
    };
    CompLayerComponent.prototype.ngDoCheck = function () {
        var diffs = this.differ.diff(this.range);
        if (diffs) {
            this.cd.markForCheck();
        }
    };
    CompLayerComponent.prototype.displayName = function () {
        if (this.showSource) {
            if (this.layer instanceof __WEBPACK_IMPORTED_MODULE_5__fx_model__["FootageLayer"]) {
                var item = this.layer.item;
                return "[" + item.source.name() + "]";
            }
            return "[" + this.layer.name() + "]";
        }
        return this.layer.name();
    };
    CompLayerComponent.prototype.toggle = function ($event, prop, update) {
        if (this.sm.selected.length > 1 && this.sm.selected.indexOf(this.layer) != -1) {
            this.sm.selected.forEach(function (layer) { return layer[prop] = !layer[prop]; });
            $event.stopPropagation();
        }
        else {
            this.layer[prop] = !this.layer[prop];
            if (this.sm.selected.length > 1)
                $event.stopPropagation();
            else
                this.sm.select(this.layer);
        }
        if (update)
            this.layer.comp.change.next(true);
    };
    CompLayerComponent.prototype.modeChange = function () {
        this.layer.change.next(true);
    };
    CompLayerComponent.prototype.layerChange = function (change) {
        if (change.event == __WEBPACK_IMPORTED_MODULE_4__fx_ui__["w" /* RangeChangeType */].CHANGE) {
            this.info.dragTiming(this.layer.name(), change.offset, change.offset + change.size, change.deltaoffset + change.deltasize);
        }
        this.layer.offset = change.offset;
        this.layer.numframes = change.size;
        if (change.event == __WEBPACK_IMPORTED_MODULE_4__fx_ui__["w" /* RangeChangeType */].STOP) {
            this.layer.change.next(true);
        }
    };
    CompLayerComponent.prototype.sourceChange = function (change) {
        if (this.layer instanceof __WEBPACK_IMPORTED_MODULE_5__fx_model__["AVLayer"]) {
            this.layer.contentoffset = -change.offset + this.layer.offset;
        }
        if (change.event == __WEBPACK_IMPORTED_MODULE_4__fx_ui__["w" /* RangeChangeType */].STOP) {
            this.layer.change.next(true);
        }
    };
    CompLayerComponent.prototype.otherLayers = function () {
        var _this = this;
        var layers = this.layer.comp.layers.slice().reverse();
        return layers.filter(function (layer) { return layer != _this.layer; });
    };
    CompLayerComponent.prototype.layerNum = function (layer) {
        var _this = this;
        var layers = this.layer.comp.layers.slice().reverse();
        return layers.map(function (layer, index) { return ({ index: index + 1, layer: layer }); })
            .filter(function (entry) { return entry.layer != _this.layer; })
            .find(function (entry) { return entry.layer.id == layer.id; }).index;
    };
    CompLayerComponent.prototype.compareLayers = function (entry1, entry2) {
        return entry1 && entry2 ? entry1.id === entry2.id : entry1 === entry2;
    };
    CompLayerComponent.prototype.layerID = function (idx, layer) {
        return layer ? layer.id : undefined;
    };
    CompLayerComponent.prototype.layerIsFootageLayer = function () {
        return this.layer instanceof __WEBPACK_IMPORTED_MODULE_5__fx_model__["FootageLayer"];
    };
    /**
     * Drag & Drop
     */
    CompLayerComponent.prototype.dragstart = function ($event) {
        this.ss.checkSelection(this.layer);
        var comp = ".comp-" + this.layer.comp.id;
        var selected = $(comp).find('.draggablelayer');
        var clones = selected.clone();
        clones.css("border", "1px dotted red");
        clones.css("width", "200px");
        clones.css("height", "17px");
        clones.html("");
        this.dragHelper = $('</div>').append(clones);
        // (<any>$event.dataTransfer).setDragImage(this.dragHelper[0], $event.offsetX, $event.offsetY);
    };
    CompLayerComponent.prototype.dragend = function ($event) {
    };
    CompLayerComponent.prototype.dragdrop = function ($event) {
        $event.preventDefault();
        if (this.isabove($event)) {
            this.layer.comp.moveLayersAbove(this.layer, this.sm.selected);
        }
        else {
            this.layer.comp.moveLayersBelow(this.layer, this.sm.selected);
        }
        this.dragleave($event);
        $event.stopPropagation();
        this.layer.change.next(true);
    };
    CompLayerComponent.prototype.dragover = function ($event) {
        this.above = this.isabove($event);
        this.below = !this.above;
        $event.preventDefault();
        $event.stopPropagation();
    };
    CompLayerComponent.prototype.dragleave = function ($event) {
        this.above = false;
        this.below = false;
    };
    CompLayerComponent.prototype.isabove = function ($event) {
        var droppos = $event.toElement.getBoundingClientRect();
        return $event.clientY < (droppos.top + droppos.height / 2);
    };
    CompLayerComponent.prototype.trackMatteChange = function (layer, mobj) {
        if (mobj)
            layer.trackmatte = new __WEBPACK_IMPORTED_MODULE_5__fx_model__["Matte"](mobj.layer, mobj.alpha ? 3 : 0, mobj.inverted);
        this.layer.change.next(true);
    };
    CompLayerComponent.prototype.mattes = function (index) {
        var above = this.layerAt(index - 1);
        return [
            { id: above.id + "ft", layer: above, inverted: false, alpha: true, name: above.name() + " Alpha" },
            { id: above.id + "tt", layer: above, inverted: true, alpha: true, name: above.name() + " Alpha Inverted" },
            { id: above.id + "ff", layer: above, inverted: false, alpha: false, name: above.name() + " Luma" },
            { id: above.id + "tf", layer: above, inverted: true, alpha: false, name: above.name() + " Luma Inverted" },
        ];
    };
    CompLayerComponent.prototype.matteObj = function (matte) {
        return matte ? { id: matte.layer.id + (matte.invert ? 't' : 'f') + (matte.channel == 3 ? 't' : 'f'),
            layer: matte, inverted: matte.invert, alpha: matte.channel == 3,
            name: matte.layer.name() + (matte.channel == 3 ? ' Alpha' : ' Luma') + (matte.invert ? ' Inverted' : '') }
            : undefined;
    };
    CompLayerComponent.prototype.mobjID = function (idx, mobj) {
        return mobj ? mobj.id : undefined;
    };
    CompLayerComponent.prototype.layerAt = function (index) {
        return this.layer.comp.layers.slice().reverse()[index];
    };
    return CompLayerComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], CompLayerComponent.prototype, "index", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_core__["Rect"]) === "function" && _a || Object)
], CompLayerComponent.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_9" /* ViewChildren */])("selectiontarget"),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["_10" /* QueryList */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["_10" /* QueryList */]) === "function" && _b || Object)
], CompLayerComponent.prototype, "selectionTargets", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]) === "function" && _c || Object)
], CompLayerComponent.prototype, "resized", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_5__fx_model__["Layer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_model__["Layer"]) === "function" && _d || Object)
], CompLayerComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_3__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_core__["Range"]) === "function" && _e || Object)
], CompLayerComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], CompLayerComponent.prototype, "time", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], CompLayerComponent.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], CompLayerComponent.prototype, "reverse", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], CompLayerComponent.prototype, "showSource", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_8__mode_select__["b" /* VIEWMODE */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_8__mode_select__["b" /* VIEWMODE */]) === "function" && _f || Object)
], CompLayerComponent.prototype, "mode", void 0);
CompLayerComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        selector: 'comp-layer',
        changeDetection: __WEBPACK_IMPORTED_MODULE_1__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        styles: [
            '.header {height: 25px; width: 100%; border-bottom: 1px solid black}',
            '.barbg { background: #333; position: relative; top: -10px; left: 5px}',
            ':host >>> range-slider.source .bar {display: block; border: 1px solid; margin: 1px 0px; position: absolute; height: 16px;}',
            ':host >>> range-slider.layer .bar { display: block; border: 1px solid; margin: 1px 0px; position: absolute; z-index:3; height: 16px;}',
            '.layerabove { border-top: 1px solid red; }',
            '.layerbelow { border-bottom: 1px solid green; }',
            'select {width: 70px;}',
        ],
        template: "\n        <context-menu-component></context-menu-component>\n        <div class=\"header selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div fxFlex=\"600px\" fxGrow=\"0\" fxShrink=\"0\">\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                     [ngClass]=\"{layerabove: above, layerbelow: below}\" >\n                    \n                    <div fxFlex=\"10px\"></div>\n\n                    <div fxFlex=\"25px\" (click)=\"toggle($event, 'visible', true)\">\n                        <span><i [ngClass]=\"{'fa-eye': layer.visible, 'fx-empty': !layer.visible}\" class=\"fa fa-fw fx-toggle\"></i></span>\n                    </div>\n\n                    <div fxFlex=\"20px\" (click)=\"toggle($event, 'audio', true)\">\n                        <span><i [ngClass]=\"{'fa-volume-up': layer.audio, 'fx-empty': !layer.audio}\" class=\"fa fa-fw fx-toggle\"></i></span>\n                    </div>\n\n                    <div fxFlex=\"20px\" (click)=\"toggle($event, 'solo', true)\">\n                        <span><i [ngClass]=\"{'fa-circle': layer.solo, 'fx-empty': !layer.solo}\" class=\"fa fa-fw fx-toggle\"></i></span>\n                    </div>\n\n                    <div fxFlex=\"20px\" (click)=\"toggle($event, 'locked', true)\">\n                        <span><i [ngClass]=\"{'fa-lock': layer.locked, 'fx-empty': !layer.locked}\" class=\"fa fa-fw fx-toggle fa-lock\"></i></span>\n                    </div>\n\n                    <div fxFlex=\"10px\"></div>\n\n                    <div fxFlex=\"30px\" (click)=\"toggle($event, 'open', false)\">\n                        <span><i [ngClass]=\"layer.open ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i></span>\n                    </div>\n\n                    <div fxFlex=\"20px\">\n                        <color-tag [(color)]=\"layer.tagcolor\"></color-tag>\n                    </div>\n\n                    <div fxFlex=\"20px\">{{index+1}}</div>\n                    <div fxFlex=\"180px\" #selectiontarget \n                        style=\"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\"\n                        [ngClass]=\"{selected: layer.selected, active: ss.active(layer), draggablelayer: layer.selected}\"\n                        draggable=\"true\"\n                        (mousedown)=\"$event.stopPropagation()\"\n                        (contextmenu)=\"ss.checkSelection(layer, $event)\"\n                        [context-menu]=\"ctxmenu\"\n                        (dragstart)=\"dragstart($event)\"\n                        (dragend)=\"dragend($event)\"\n                        (dragover)=\"dragover($event)\"\n                        (dragleave)=\"dragleave($event)\"\n                        (drop)=\"dragdrop($event)\"\n                        >\n                        <b style=\"pointer-events: none\">{{displayName()}}</b>\n                    </div>\n\n\n                    <div *ngIf=\"mode==VM.transfer\" fxFlex=\"80px\">\n                        <select [(ngModel)]=\"layer.blendmode\" (change)=\"modeChange($event)\">\n                            <option [ngValue]=\"BM.normal\">Normal</option>\n                            <option [ngValue]=\"BM.multiply\">Multiply</option>\n                            <option [ngValue]=\"BM.screen\">Screen</option>\n                            <option [ngValue]=\"BM.overlay\">Overlay</option>\n                            <option [ngValue]=\"BM.hardlight\">Hard Light</option>\n                            <option [ngValue]=\"BM.softlight\">Soft Light</option>\n                        </select>\n                    </div>\n\n                    <div *ngIf=\"mode==VM.transfer\" fxFlex=\"80px\">\n                        <select *ngIf=\"!!index\" [ngModel]=\"matteObj(layer.trackmatte)\" [compareWith]=\"compareLayers\"\n                                (ngModelChange)=\"trackMatteChange(layer, $event)\">\n                            <option [ngValue]=\"null\">None</option>\n                            <option disabled>\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500</option>\n                            <option [ngValue]=\"mobj\" *ngFor=\"let mobj of mattes(index); trackBy: mobjID\">{{mobj.name}}</option>\n\n                        </select>\n                    </div>\n\n\n                    <div *ngIf=\"false && mode==VM.transfer\" fxFlex=\"80px\">\n                        <select [(ngModel)]=\"layer.parent\" [compareWith]=\"compareLayers\"  (change)=\"modeChange($event)\">\n                            <option [ngValue]=\"null\">None</option>\n                            <option *ngFor=\"let ol of otherLayers(); trackBy: layerID\" [ngValue]=\"ol\">{{layerNum(ol)}}. {{ol.name()}}</option>\n                        </select>\n                    </div>\n\n                    <div *ngIf=\"mode==VM.transfer\" fxFlex=\"80px\">\n                        <select-layer [layer]=\"layer\" [(target)]=\"layer.parent\"></select-layer>\n                    </div>\n\n                    <div *ngIf=\"mode==VM.inout\" fxFlex=\"80px\">\n                        <span number-slider class=\"fx-value\" [(ngModel)]=\"layer.offset\" [fmt]=\"'% 06d'\" (dragstop)=\"layer.change.next(true)\"></span>\n                    </div>\n\n                    <div *ngIf=\"mode==VM.inout\" fxFlex=\"80px\">\n                        <span number-slider class=\"fx-value\" [(ngModel)]=\"layer.out\" [fmt]=\"'%05d'\" (dragstop)=\"layer.change.next(true)\"></span>\n                    </div>\n\n                    <div *ngIf=\"mode==VM.inout\" fxFlex=\"80px\">\n                        <span number-slider class=\"fx-value\" [(ngModel)]=\"layer.numframes\" [fmt]=\"'%05d'\" (dragstop)=\"layer.change.next(true)\"></span>\n                    </div>\n\n\n                    <div *ngIf=\"mode==VM.switches\" fxFlex=\"30px\">\n                        <input type=\"checkbox\" [(ngModel)]=\"layer.shy\" (change)=\"layer.change.next(true)\">\n                    </div>\n\n                    <div *ngIf=\"mode==VM.switches\" fxFlex=\"80px\">\n                        <input type=\"checkbox\" [(ngModel)]=\"layer.enableMotionBlur\" (change)=\"layer.change.next(true)\">\n                        <span number-slider class=\"fx-value\" [(ngModel)]=\"layer.motionblur\" [fmt]=\"'%.1f'\" (dragstop)=\"layer.change.next(true)\"></span>\n                    </div>\n\n                    <div *ngIf=\"mode==VM.switches\" fxFlex=\"80px\">\n                        <input type=\"checkbox\" [(ngModel)]=\"layer.mipmap\" (change)=\"layer.change.next(true)\">\n                    </div>\n\n                </div>\n            </div>\n            \n            <div fxFlex fxFlexFill fxFlexAlign=\"center\" style=\"overflow: hidden\">\n                <div fxFlexFill fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                    <div fxFlex class=\"barbg\">\n\n                     <range-slider *ngIf=\"layerIsFootageLayer()\"\n                        class=\"source\" \n                        [color]=\"layer.tagcolor.darker\"\n                        [resized]=\"resized\"\n                        [width]=\"width\"\n                        [range]=\"range\" \n                        [reverse]=\"reverse\"\n                        [resizable]=\"false\"\n                        [size]=\"layer.item.numframes\" \n                        [offset]=\"layer.offset - layer.contentoffset\"\n                        (change)=\"sourceChange($event)\"\n                        (mousedown)=\"ss.select(layer); $event.stopPropagation()\"\n                        ></range-slider>\n\n                     <range-slider \n                        class=\"layer\" \n                        [color]=\"layer.tagcolor\"\n                        [resized]=\"resized\"\n                        [width]=\"width\"\n                        [range]=\"range\" \n                        [reverse]=\"reverse\"\n                        [size]=\"layer.numframes\" \n                        [offset]=\"layer.offset\"\n                        (change)=\"layerChange($event)\"\n                        (mousedown)=\"ss.select(layer); $event.stopPropagation()\"\n                        ></range-slider>\n\n                    </div>\n                </div>\n            </div>\n\n        </div>    \n\n        <comp-masks *ngIf=\"layer.open\" [width]=\"width\" [time]=\"time\" [range]=\"range\" [layer]=\"layer\"></comp-masks>\n        <shape-content *ngIf=\"layer.open\" [width]=\"width\" [time]=\"time\" [range]=\"range\" [layer]=\"layer\"></shape-content>\n        <comp-tracker *ngIf=\"layer.open\" [width]=\"width\" [time]=\"time\" [range]=\"range\" [selection]=\"selection\" [layer]=\"layer\"></comp-tracker>\n        <comp-effects *ngIf=\"layer.open\" [width]=\"width\" [time]=\"time\" [range]=\"range\" [selection]=\"selection\" [layer]=\"layer\"></comp-effects>\n        <comp-transform *ngIf=\"layer.open\" [width]=\"width\" [time]=\"time\" [range]=\"range\" [selection]=\"selection\" [layer]=\"layer\"></comp-transform>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_2_app_app_services__["a" /* AppService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2_app_app_services__["a" /* AppService */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_3__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_core__["SelectionService"]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_6__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__fx_services__["b" /* ModelService */]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_7__info_info__["a" /* InfoService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_7__info_info__["a" /* InfoService */]) === "function" && _k || Object, typeof (_l = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _l || Object, typeof (_m = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["N" /* KeyValueDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["N" /* KeyValueDiffers */]) === "function" && _m || Object])
], CompLayerComponent);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
//# sourceMappingURL=comp-layer.js.map

/***/ }),

/***/ "./src/app/panels/timeline/comp-masks.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MasksComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/**
 * Timeline row that handles the "> Masks" row
 *
 */
var MasksComponent = (function () {
    function MasksComponent(ref, undo, wm, ss) {
        this.ref = ref;
        this.undo = undo;
        this.wm = wm;
        this.ss = ss;
        this.openMasks = false;
    }
    MasksComponent.prototype.maskID = function (idx, mask) {
        return mask ? mask.id : undefined;
    };
    return MasksComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Layer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Layer"]) === "function" && _a || Object)
], MasksComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _b || Object)
], MasksComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], MasksComponent.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], MasksComponent.prototype, "time", void 0);
MasksComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'comp-masks',
        styles: [
            '.header {width: 100%;}',
            '.fixed { height: 25px; }',
            '.pointer { cursor: default }',
            '.border {border-bottom: 1px solid black}',
        ],
        template: "\n        <div *ngIf=\"layer.masks && layer.masks.length\" class=\"header fixed border selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div [fxFlexOffset]=\"'140px'\" fxFlex=\"20px\" (click)=\"openMasks=!openMasks\">\n                <i [ngClass]=\"openMasks ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n            </div>\n\n            <div fxFlex=\"200px\" class=\"pointer\" \n                    [ngClass]=\"{selected: layer.maskGroup.selected, subactive: ss.active(layer.maskGroup)}\"\n                    (click)=\"ss.select(layer.maskGroup, $event); $event.stopPropagation()\" \n                    (dblclick)=\"openMasks=!openMasks; $event.stopPropagation()\">\n                Masks\n            </div>\n            \n        </div>\n\n        <template [ngIf]=\"openMasks\">\n            <div class=\"header\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                *ngFor=\"let mask of layer.masks; trackBy: maskID; let i=index\">\n\n                <mask fxFlex fxFill [layer]=\"layer\" [mask]=\"mask\" [index]=\"i+1\" [range]=\"range\"></mask>\n\n            </div>\n        </template>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _f || Object])
], MasksComponent);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=comp-masks.js.map

/***/ }),

/***/ "./src/app/panels/timeline/comp-transform.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerTransformComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/**
 * Timeline row that handles the "> Transform" row and
 * all transformable properties rows beneath it (Anchor, Postion, Scale, etc).
 *
 */
var LayerTransformComponent = (function () {
    function LayerTransformComponent(cd, ss) {
        this.cd = cd;
        this.ss = ss;
        this.destroyed$ = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.openTransform = false;
        this.defaultPrecision = 0.1;
        this.linkedScale = true;
    }
    LayerTransformComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.layer.change
            .takeUntil(this.destroyed$)
            .subscribe(function () { return _this.cd.markForCheck(); });
    };
    LayerTransformComponent.prototype.ngOnDestroy = function () {
        this.destroyed$.next(true);
    };
    LayerTransformComponent.prototype.openTransforms = function ($event) {
        this.openTransform = !this.openTransform;
        $event.stopPropagation();
    };
    LayerTransformComponent.prototype.reset = function () {
        this.layer.reset();
        this.layer.change.next(true);
    };
    // TODO: change properties (scale, pos, rot, ...) on all selected layers
    LayerTransformComponent.prototype.dragScale = function (layer, change, prop, startValue) {
        if (layer.linkedScale) {
            var changeFactor = change.currentValue / change.previousValue;
            layer.scale[prop] = startValue * changeFactor;
        }
        layer.change.next(false);
    };
    return LayerTransformComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["TransformableLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["TransformableLayer"]) === "function" && _a || Object)
], LayerTransformComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"]) === "function" && _b || Object)
], LayerTransformComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], LayerTransformComponent.prototype, "time", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"]) === "function" && _c || Object)
], LayerTransformComponent.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], LayerTransformComponent.prototype, "width", void 0);
LayerTransformComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_1__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: 'comp-transform',
        styles: [
            '.header {width: 100%; height: 25px; }',
            '.header > div {  }',
            '.pointer { cursor: default }',
            '.border {border-bottom: 1px solid black}',
        ],
        template: "\n        <div class=\"header border\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlex=\"10px\"></div>\n\n                <div fxFlex=\"25px\" (click)=\"layer.enableTransform=!layer.enableTransform; layer.change.next(true); $event.stopPropagation()\">\n                    <span><i [ngClass]=\"{'fa-check': layer.enableTransform, 'fx-empty': !layer.enableTransform}\" class=\"fa fa-fw fx-toggle\"></i></span>\n                </div>\n\n                <div [fxFlexOffset]=\"'105px'\" fxFlex=\"20px\" (click)=\"openTransforms($event)\">\n                    <i [ngClass]=\"openTransform ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n                </div>\n                <div fxFlex=\"200px\" class=\"pointer\" (dblclick)=\"openTransforms($event)\">\n                    Transform\n                </div>\n                <div (click)=\"reset()\">\n                    <span class=\"fx-value pointer\">Reset</span>\n                </div>\n        </div>\n\n        <anim-prop *ngIf=\"openTransform\" name=\"Anchor\" [width]=\"width\" [selection]=\"selection\" [range]=\"range\" [layer]=\"layer\" [prop]=\"layer.anchor$\">\n            <span number-slider \n                [(ngModel)]=\"layer.anchor.x\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"\n                (dragstart)=\"ss.select(layer.anchor$)\"              \n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>, &nbsp;\n            <span number-slider \n                [(ngModel)]=\"layer.anchor.y\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"\n                (dragstart)=\"ss.select(layer.anchor$)\"              \n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>\n        </anim-prop>\n\n       <anim-prop *ngIf=\"openTransform\" name=\"Position\" [width]=\"width\" [selection]=\"selection\" [range]=\"range\" [layer]=\"layer\" [prop]=\"layer.position$\">\n            <span number-slider\n                [(ngModel)]=\"layer.position.x\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"  \n                (dragstart)=\"ss.select(layer.position$)\"              \n                (drag)=\"layer.change.next(false)\" \n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>, \n            <span number-slider \n                [(ngModel)]=\"layer.position.y\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"\n                (dragstart)=\"ss.select(layer.position$)\"              \n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>\n        </anim-prop>\n\n        <anim-prop *ngIf=\"openTransform\" name=\"Scale\" [width]=\"width\" [selection]=\"selection\" [range]=\"range\" [layer]=\"layer\" [prop]=\"layer.scale$\">\n            <span number-slider \n                [(ngModel)]=\"layer.scale.x\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"\n                (dragstart)=\"ss.select(layer.scale$); startValue = layer.scale.y\"\n                (drag)=\"dragScale(layer, $event, 'y', startValue)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>, &nbsp;\n            <span number-slider \n                [(ngModel)]=\"layer.scale.y\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"\n                (dragstart)=\"ss.select(layer.scale$); startValue = layer.scale.x\"\n                (drag)=\"dragScale(layer, $event, 'x', startValue)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>\n\n            <label class=\"fa fa-fw fa-link\" \n                (click)=\"layer.linkedScale=!layer.linkedScale\"\n                [ngClass]=\"{'fx-active': layer.linkedScale}\"></label>\n        </anim-prop>\n        \n        <anim-prop *ngIf=\"openTransform\" name=\"Rotate\"  [width]=\"width\" [selection]=\"selection\" [range]=\"range\" [layer]=\"layer\" [prop]=\"layer.rotate$\">\n            <span number-slider \n                [(ngModel)]=\"layer.rotate\" \n                [fmt]=\"'\u00B0'\" \n                [precision]=\"defaultPrecision\"\n                (dragstart)=\"ss.select(layer.rotate$)\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>, &nbsp;\n        </anim-prop>\n        <anim-prop *ngIf=\"openTransform\" name=\"Opacity\" [width]=\"width\" [width]=\"width\" [selection]=\"selection\" [range]=\"range\" [layer]=\"layer\" [prop]=\"layer.opacity$\">\n            <span number-slider \n                [(ngModel)]=\"layer.opacity\" \n                [fmt]=\"'%.1f'\" \n                [range]=\"{start:0, end: 100}\"\n                [precision]=\"defaultPrecision\"\n                (dragstart)=\"ss.select(layer.opacity$)\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>, &nbsp;\n        </anim-prop>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"]) === "function" && _e || Object])
], LayerTransformComponent);

var _a, _b, _c, _d, _e;
//# sourceMappingURL=comp-transform.js.map

/***/ }),

/***/ "./src/app/panels/timeline/effect.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return EffectComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/**
 *
 */
var EffectComponent = (function () {
    function EffectComponent(cd, ss) {
        this.cd = cd;
        this.ss = ss;
        this.flexoffset = "160px";
        this.kfnav = true;
        this.open = false;
        this.destroyed$ = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.defaultPrecision = 0.1;
        this.linkedScale = true;
    }
    EffectComponent.prototype.ngOnInit = function () {
    };
    EffectComponent.prototype.ngOnDestroy = function () {
        this.destroyed$.next(true);
    };
    EffectComponent.prototype.reset = function () {
        this.fx.reset();
        this.layer.change.next(true);
    };
    EffectComponent.prototype.otherLayers = function () {
        var _this = this;
        var layers = this.layer.comp.layers.slice().reverse();
        return layers.filter(function (layer) { return layer != _this.layer; });
    };
    EffectComponent.prototype.props = function () {
        return this.fx.info().map(function (p) {
            p.isPoint = p.prop instanceof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"];
            return p;
        });
    };
    EffectComponent.prototype.propID = function (idx, prop) {
        return prop ? prop.anim ? prop.anim.id : undefined : undefined;
    };
    // TODO: change properties (scale, pos, rot, ...) on all selected layers
    EffectComponent.prototype.dragScale = function (layer, change, prop, startValue) {
        if (layer.linkedScale) {
            var changeFactor = change.currentValue / change.previousValue;
            layer.scale[prop] = startValue * changeFactor;
        }
        layer.change.next(false);
    };
    return EffectComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Effect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Effect"]) === "function" && _a || Object)
], EffectComponent.prototype, "fx", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Layer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Layer"]) === "function" && _b || Object)
], EffectComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"]) === "function" && _c || Object)
], EffectComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], EffectComponent.prototype, "time", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], EffectComponent.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", String)
], EffectComponent.prototype, "flexoffset", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], EffectComponent.prototype, "kfnav", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"]) === "function" && _d || Object)
], EffectComponent.prototype, "selection", void 0);
EffectComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_1__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: 'effect',
        styles: [
            '.header {width: 100%;}',
            '.fixed { height: 25px; }',
            '.pointer { cursor: default }',
            '.border {border-bottom: 1px solid black}',
        ],
        template: "\n        <div class=\"header fixed border selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div [fxFlexOffset]=\"flexoffset\" fxFlex=\"20px\" (click)=\"open=!open\">\n                    <i [ngClass]=\"open ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n                </div>\n               \n                <div fxFlex=\"180px\" class=\"pointer\" \n                        [ngClass]=\"{selected: fx.selected}\"\n                        (click)=\"ss.select(fx, $event);  $event.stopPropagation()\" \n                        (dblclick)=\"open=!open; $event.stopPropagation()\">\n                    {{fx.name}}\n                </div>\n\n                <div (click)=\"reset()\">\n                    <span class=\"fx-value pointer\">Reset</span>\n                </div>\n        </div>\n\n        <div *ngIf=\"open\">\n            <anim-prop *ngFor=\"let p of props(); trackBy:propID\" flexoffset=\"20px\" flexwidth=\"170px\"\n                [name]=\"p.name\" [range]=\"range\" [width]=\"width\" [selection]=\"selection\"\n                [layer]=\"layer\" [prop]=\"p.anim\" [kfnav]=\"kfnav\">\n\n                <span *ngIf=\"p.layers\">\n                    <select-layer [layer]=\"layer\" [(target)]=\"fx[p.target]\"></select-layer>\n                </span>\n                \n                <span *ngIf=\"p.prop && !p.isPoint\" number-slider \n                    [(ngModel)]=\"p.prop.value\" \n                    [fmt]=\"'%.1f'\" \n                    [range]=\"p.range\"\n                    [precision]=\"defaultPrecision\"\n                    (drag)=\"layer.change.next(false)\"\n                    (dragstop)=\"layer.change.next(true)\" \n                    class=\"fx-value\"></span>\n\n                <span *ngIf=\"p.prop && p.isPoint\" number-slider \n                    [(ngModel)]=\"p.prop.x\" \n                    (ngModelChange)=\"p.anim.set(p.prop)\"\n                    [fmt]=\"'%.1f'\" \n                    [precision]=\"defaultPrecision\"\n                    (drag)=\"layer.change.next(false)\"\n                    (dragstop)=\"layer.change.next(true)\" \n                    class=\"fx-value\"></span><span *ngIf=\"p.isPoint\">, &nbsp;</span>\n\n                <span *ngIf=\"p.prop && p.isPoint\" number-slider \n                    [(ngModel)]=\"p.prop.y\" \n                    (ngModelChange)=\"p.anim.set(p.prop)\"\n                    [fmt]=\"'%.1f'\" \n                    [precision]=\"defaultPrecision\"\n                    (drag)=\"layer.change.next(false)\"\n                    (dragstop)=\"layer.change.next(true)\" \n                    class=\"fx-value\"></span>\n\n            </anim-prop>\n        </div>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"]) === "function" && _f || Object])
], EffectComponent);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=effect.js.map

/***/ }),

/***/ "./src/app/panels/timeline/frame-range-ruler.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FrameRangeRulerComponent; });
/**
 * FrameRuler is responsible for both a RangeControl (visible frame range)
 * and the Frame Slider (current frame indicator) in the upper right hand side
 * of the the TimelineComponent.
 *
 * ChangeDetection must be "OnPush". (Values do change after ngCheck)
 */
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var FrameRangeRulerComponent = (function () {
    function FrameRangeRulerComponent(el, cd) {
        this.el = el;
        this.cd = cd;
        /**
         * EventEmitter for each frame change, emitted continously during dragging.
         */
        this.frameChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        /**
         * Whether or not to show the range bar
         */
        this.showRange = true;
        /**
         * Whether or not to show the red time indicator line
         */
        this.showIndicator = true;
        /**
         * Change in range, emitted continously during dragging/resizing.
         */
        this.rangeChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        /**
         * Dragging has stopped. Final composition update event.
         */
        this.dragstop = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        /**
         * Height of ruler
         */
        this.height = 30;
        this.dragging = false;
        //private numframesRange: Range = new Range(0, 10);
        this.color = __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"].fromString('#444444');
    }
    FrameRangeRulerComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.sub = this.resized.subscribe(function () {
            _this.drawRuler();
            _this.configKnob();
        });
    };
    FrameRangeRulerComponent.prototype.ngOnDestroy = function () {
        this.sub.unsubscribe();
    };
    FrameRangeRulerComponent.prototype.setupKnob = function () {
        var _this = this;
        $(this.knob.nativeElement).draggable({
            axis: 'x',
            scroll: false,
            containment: 'parent',
            grid: [Math.floor(this.ppm()), 0],
            drag: function (event, ui) {
                var frame = Math.floor(_this.view2model(ui.position.left));
                _this.frameChange.next(frame);
                event.stopImmediatePropagation();
            },
            start: function (event, ui) {
                //ui.position.top = top;
                event.stopImmediatePropagation();
            },
            stop: function (event, ui) {
                var frame = Math.floor(_this.view2model(ui.position.left));
                _this.frameChange.next(frame);
                _this.dragstop.next(true);
                event.stopImmediatePropagation();
            }
        });
    };
    /**
     * Handler for when the number of frames in a composition changes.
     */
    FrameRangeRulerComponent.prototype.ngOnChanges = function (changes) {
        // this.numframesRange = new Range(0, this.numframes);
        this.drawRuler();
        if (changes['range'] && changes['range'].isFirstChange)
            this.setupKnob();
        if (changes['range'] && !changes['range'].isFirstChange)
            this.configKnob();
    };
    /**
     * Handler called when the visible frame range is changed
     */
    FrameRangeRulerComponent.prototype.onRangeChange = function (change) {
        //this.range.start = change.offset;
        //this.range.end = change.offset + change.size;
        this.range = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](change.offset, change.offset + change.size);
        this.drawRuler();
        this.configKnob();
        this.rangeChange.next(this.range);
    };
    FrameRangeRulerComponent.prototype.configKnob = function () {
        $(this.knob.nativeElement).draggable("option", "grid", [Math.floor(this.ppm()), 0]);
    };
    FrameRangeRulerComponent.prototype.drawRuler = function () {
        var range = this.reverse ? new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](this.range.start - this.numframes, this.range.end - this.numframes) : this.range;
        var ruler = new __WEBPACK_IMPORTED_MODULE_3__fx_ui__["j" /* HTMLRuler */](this.width, range, 50, 10);
        ruler.drawHorizontalHTML(this.ruler.nativeElement, -8);
    };
    /**
     * return (local, DIV) coordinates for current frame position
     */
    FrameRangeRulerComponent.prototype.timePos = function () {
        return this.frame < this.range.start ? -9999 : this.model2view(this.frame) + 3.5;
    };
    /**
     * Zoom
     */
    FrameRangeRulerComponent.prototype.mousewheel = function (deltaY) {
        if (!this.showRange)
            return;
        var frames = this.range.end - this.range.start + 1;
        var delta = Math.max(1, frames / 10) * -Math.sign(deltaY);
        delta = frames < 2 && delta > 0 ? 0 : delta;
        this.range.start += delta;
        this.range.end -= delta;
        this.range.start = Math.max(0, this.range.start);
        this.range.end = Math.min(this.numframes, this.range.end);
        this.drawRuler();
        this.configKnob();
        this.rangeChange.next(this.range);
    };
    /**
     * Mouse handlers for "knob dragging"
     */
    //@HostListener('ruler:mousedown', ["$event"])
    FrameRangeRulerComponent.prototype.mousedown = function ($event) {
        var rect = this.el.nativeElement.getBoundingClientRect();
        var x = $event.clientX - rect.left;
        var frame = this.view2model(x);
        this.frameChange.next(frame);
        this.dragging = true;
    };
    FrameRangeRulerComponent.prototype.mousemove = function ($event) {
        if (this.dragging) {
            var rect = this.el.nativeElement.getBoundingClientRect();
            var x = $event.clientX - rect.left;
            var frame = Math.max(0, this.view2model(x));
            frame = Math.min(frame, this.numframes - 1);
            this.frameChange.next(frame);
            this.dragging = true;
        }
    };
    FrameRangeRulerComponent.prototype.mouseup = function () {
        if (this.dragging) {
            this.dragging = false;
            this.dragstop.next(true);
        }
    };
    FrameRangeRulerComponent.prototype.borderwidth = function () {
        return 0;
        //var style = getComputedStyle(this.el.nativeElement);
        //return parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
    };
    /**
     * Pixels per model, e.g. how many pixels is one frame
     */
    FrameRangeRulerComponent.prototype.ppm = function () {
        //TODO: cache clientWidth
        //var w = this.el.nativeElement.clientWidth - this.borderwidth();
        return this.width / (this.range.end - this.range.start + 1);
    };
    FrameRangeRulerComponent.prototype.model2view = function (model) {
        return (model - this.range.start) * this.ppm();
    };
    FrameRangeRulerComponent.prototype.view2model = function (pixels) {
        return Math.round(pixels / this.ppm() + this.range.start);
    };
    return FrameRangeRulerComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], FrameRangeRulerComponent.prototype, "numframes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], FrameRangeRulerComponent.prototype, "frame", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _a || Object)
], FrameRangeRulerComponent.prototype, "frameChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], FrameRangeRulerComponent.prototype, "showRange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], FrameRangeRulerComponent.prototype, "showIndicator", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"]) === "function" && _b || Object)
], FrameRangeRulerComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _c || Object)
], FrameRangeRulerComponent.prototype, "rangeChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _d || Object)
], FrameRangeRulerComponent.prototype, "dragstop", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], FrameRangeRulerComponent.prototype, "reverse", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]) === "function" && _e || Object)
], FrameRangeRulerComponent.prototype, "resized", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], FrameRangeRulerComponent.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], FrameRangeRulerComponent.prototype, "height", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('ruler'),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _f || Object)
], FrameRangeRulerComponent.prototype, "ruler", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('knob'),
    __metadata("design:type", typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _g || Object)
], FrameRangeRulerComponent.prototype, "knob", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* HostListener */])('document:mousemove', ["$event"]),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], FrameRangeRulerComponent.prototype, "mousemove", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* HostListener */])('document:mouseup', ["$event"]),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], FrameRangeRulerComponent.prototype, "mouseup", null);
FrameRangeRulerComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'frame-range-ruler',
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        styles: [
            ':host >>> range-slider.range {position: relative; overflow: hidden; margin-top: 5px; background: #111}',
            ':host >>> range-slider.range .bar {display: block; background: #0f0; border: 1px solid #9ab; margin: 0px 0px; position: relative; height: 7px;}',
        ],
        template: "\n    <div [style.width.px]=\"width\" style=\"position: relative;\" (mousewheel)=\"mousewheel($event.deltaY)\">\n        <ng-content></ng-content>\n        <range-slider *ngIf=\"showRange\"\n            class=\"range\" \n            containment=\"parent\"\n            [color]=\"color\"\n            [resized]=\"resized\"\n            [width]=\"width\"\n            [range]=\"numframesRange\" \n            [size]=\"range.end - range.start\" \n            [offset]=\"range.start\"\n            (change)=\"onRangeChange($event)\"\n            (dragstop)=\"dragstop.next(true)\"\n            >\n\n        </range-slider>\n        \n        <div #ruler [style.height.px]=\"height\" (mousedown)=\"mousedown($event)\" style=\"position: relative;  overflow: hidden\">\n        </div>\n\n        <div *ngIf=\"showIndicator\" style=\"position: absolute; width: 1px; top: 5px; z-index: 5; background-color: rgba(255,0,0,0.8); height: 2000px\"\n                [style.left.px]=\"timePos()\" >\n        </div>\n\n        <div #knob [style.top.px]=\"11 + (showRange ? 13 : 0)\" style=\"position: absolute; width: 8px; height: 8px; font-size: 11px; z-index: 6; \"\n                [style.left.px]=\"timePos() - 5.5\" >\n            <i class=\"keyframe fa fa-square fa-rotate-45 fx-active\"></i>\n        </div>\n        \n    </div>\n       \n    ",
    }),
    __metadata("design:paramtypes", [typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _j || Object])
], FrameRangeRulerComponent);

var _a, _b, _c, _d, _e, _f, _g, _h, _j;
//# sourceMappingURL=frame-range-ruler.js.map

/***/ }),

/***/ "./src/app/panels/timeline/graph-editor.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GraphEditor; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var KFHandle = (function () {
    function KFHandle(kf, minValue, maxValue, value, callback) {
        this.kf = kf;
        this.minValue = minValue;
        this.maxValue = maxValue;
        this.value = value;
        this.callback = callback;
    }
    KFHandle.prototype.clamp = function (p) { return p; };
    KFHandle.prototype.render = function (ctx, editor, height) {
        ctx.fillRect(editor.f2p(this.kf.time), -5 + height - (this.value() - editor.LeftYMin) * height / (editor.LeftYMax - editor.LeftYMin), 10, 10);
    };
    return KFHandle;
}());
var VelocityHandle = (function () {
    function VelocityHandle(kf, minValue, maxValue, value, callback) {
        this.kf = kf;
        this.minValue = minValue;
        this.maxValue = maxValue;
        this.value = value;
        this.callback = callback;
    }
    VelocityHandle.prototype.clamp = function (p) { return p; };
    VelocityHandle.prototype.render = function (ctx, editor, height) {
        ctx.fillRect(editor.f2p(this.kf.time), -5 + height - (this.value() - editor.RightYMin) * height / (editor.RightYMax - editor.RightYMin), 10, 10);
    };
    return VelocityHandle;
}());
var InfluenceHandle = (function () {
    function InfluenceHandle(kf, velo, isOut, minValue, maxValue, value, callback) {
        this.kf = kf;
        this.velo = velo;
        this.isOut = isOut;
        this.minValue = minValue;
        this.maxValue = maxValue;
        this.value = value;
        this.callback = callback;
    }
    InfluenceHandle.prototype.clamp = function (p) { return Math.max(Math.min(p, 1), 0); };
    InfluenceHandle.prototype.render = function (ctx, editor, height) {
        var x0 = editor.f2p(this.kf.time), influence = this.value() * 200 * editor.pixelRatio(), x1 = x0 + (this.isOut ? influence : -influence), y = -5 + height - (this.velo - editor.RightYMin) * height / (editor.RightYMax - editor.RightYMin);
        ctx.beginPath();
        ctx.moveTo(x0, y);
        ctx.lineTo(x1, y);
        ctx.strokeStyle = 'yellow';
        ctx.stroke();
        ctx.fillRect(x1, y, 10, 10);
    };
    return InfluenceHandle;
}());
var GraphEditor = (function () {
    function GraphEditor(el, ss, differs) {
        this.el = el;
        this.ss = ss;
        this.differs = differs;
        this.pxr = 0;
        this.editSpeed = true;
        this.datas = [];
        this.velos = [];
        this.shapes = [];
        this.differ = this.differs.find({}).create(null);
    }
    GraphEditor.prototype.ngOnInit = function () {
        var _this = this;
        this.canvas = this.canvasElem.nativeElement;
        this.ctx = this.canvas.getContext("2d");
        this.sub = this.ss.global.subscribe(function () { _this.render(true); _this.draw(); });
    };
    GraphEditor.prototype.ngOnChanges = function () {
        this.render(true);
        this.draw();
    };
    GraphEditor.prototype.ngDoCheck = function () {
        if (this.differ.diff(this.range)) {
            this.render(true);
            this.draw();
        }
    };
    GraphEditor.prototype.ngOnDestroy = function () {
        this.sub.unsubscribe();
    };
    GraphEditor.prototype.ngAfterViewInit = function () {
        this.resize();
        this.render(true);
        this.draw();
    };
    GraphEditor.prototype.render = function (autoscale) {
        var _this = this;
        if (!this.ctx)
            return;
        var props = this.ss.selection.filter(function (prop) { return prop instanceof __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"]; });
        var height = this.canvas.height, pxr = this.pixelRatio();
        if (autoscale) {
            this.LeftYMin = Number.MAX_VALUE;
            this.LeftYMax = Number.MIN_VALUE;
            this.RightYMin = Number.MAX_VALUE;
            this.RightYMax = Number.MIN_VALUE;
        }
        this.datas = [];
        this.velos = [];
        props.forEach(function (prop) {
            {
                var data = _this.data(prop);
                _this.datas.push(data);
                if (autoscale) {
                    var _a = _this.extrema(data), yMin = _a.yMin, yMax = _a.yMax;
                    _this.LeftYMin = Math.min(_this.LeftYMin, yMin) - 10;
                    _this.LeftYMax = Math.max(_this.LeftYMax, yMax) + 10;
                }
            }
            {
                var velo = _this.velocities(_this.data(prop), 25);
                _this.velos.push(velo);
                if (autoscale) {
                    var _b = _this.extrema(velo), yMin = _b.yMin, yMax = _b.yMax;
                    _this.RightYMin = Math.min(_this.RightYMin, yMin) - 10;
                    _this.RightYMax = Math.max(_this.RightYMax, yMax) + 10;
                }
            }
            _this.shapes = [];
            prop.frames.forEach(function (kf, idx) {
                var first = idx == 0, last = idx == prop.frames.length - 1;
                if (kf.value instanceof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]) {
                    _this.shapes.push(new KFHandle(kf, _this.LeftYMin, _this.LeftYMax, function () { return kf.value.x; }, function (delta) {
                        kf.time = Math.round(kf.time + _this.dx2frame(delta.x));
                        kf.value.x += delta.y;
                        _this.render(false);
                        _this.draw();
                        _this.comp.change.next(false);
                    }), new KFHandle(kf, _this.LeftYMin, _this.LeftYMax, function () { return kf.value.y; }, function (delta) {
                        kf.time = Math.round(kf.time + _this.dx2frame(delta.x));
                        kf.value.y += delta.y;
                        _this.render(false);
                        _this.draw();
                        _this.comp.change.next(false);
                    }));
                }
                else {
                    _this.shapes.push(new KFHandle(kf, _this.LeftYMin, _this.LeftYMax, function () { return kf.value; }, function (delta) {
                        kf.value += delta.y;
                        _this.render(false);
                        _this.draw();
                        _this.comp.change.next(false);
                    }));
                }
                if (!last) {
                    _this.shapes.push(
                    // new VelocityHandle(kf, this.RightYMin, this.RightYMax,
                    //         () => kf.outgoing_velocity, (delta: Point) => {
                    //     kf.time = Math.round(kf.time + this.dx2frame(delta.x));
                    //     kf.outgoing_velocity += delta.y / 100;
                    //     this.render(false); this.draw();
                    //     this.comp.change.next(false);
                    // }),
                    new InfluenceHandle(kf, kf.outgoing_velocity, true, _this.RightYMin, _this.RightYMax, function () { return kf.outgoing_velocity; }, function (delta) {
                        kf.outgoing_influence = Math.max(Math.min(kf.outgoing_influence + delta.x / 100, 1), 0);
                        kf.outgoing_velocity += delta.y / 200;
                        _this.render(false);
                        _this.draw();
                        _this.comp.change.next(false);
                    }));
                }
                if (!first) {
                    _this.shapes.push(
                    // new VelocityHandle(kf, this.RightYMin, this.RightYMax,
                    //         () => kf.incoming_velocity, (delta: Point) => {
                    //     kf.time = Math.round(kf.time + this.dx2frame(delta.x));
                    //     kf.incoming_velocity += delta.y / 100;
                    //     this.render(false); this.draw();
                    //     this.comp.change.next(false);
                    // }),
                    new InfluenceHandle(kf, kf.incoming_velocity, false, _this.RightYMin, _this.RightYMax, function () { return kf.incoming_velocity; }, function (delta) {
                        kf.incoming_influence = Math.max(Math.min(kf.incoming_influence + delta.x / 100, 1), 0);
                        kf.incoming_velocity += delta.y / 200;
                        _this.render(false);
                        _this.draw();
                        _this.comp.change.next(false);
                    }));
                }
            });
        });
        this.datas.forEach(function (data) {
            data.forEach(function (s) {
                //s[0] += 25;
                if (s[1] instanceof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]) {
                    s[1].x = (height - (s[1].x - _this.LeftYMin) * height / (_this.LeftYMax - _this.LeftYMin));
                    s[1].y = (height - (s[1].y - _this.LeftYMin) * height / (_this.LeftYMax - _this.LeftYMin));
                }
                else {
                    s[1] = (height - (s[1] - _this.LeftYMin) * height / (_this.LeftYMax - _this.LeftYMin));
                }
            });
        });
        this.velos.forEach(function (velo) {
            velo.forEach(function (s) {
                //s[0] += 25;
                s[1] = (height - (((s[1] - _this.RightYMin) * height / (_this.RightYMax - _this.RightYMin))));
            });
        });
    };
    GraphEditor.prototype.draw = function () {
        var _this = this;
        if (!this.ctx)
            return;
        var height = this.canvas.height, width = this.canvas.width, pxr = this.pixelRatio();
        this.ctx.save();
        this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
        this.renderGrid(this.LeftYMin, this.LeftYMax, function (tick) { return tick.milestone; }, function (tick) { return (tick.ratio * (_this.RightYMax - _this.RightYMin) + _this.RightYMin).toFixed(1); }, "px", "px/s");
        this.datas.forEach(function (data) {
            _this.renderGraph(data, ['red', 'green', 'blue', 'yellow']);
        });
        this.velos.forEach(function (velo) {
            _this.renderGraph(velo, ['blue', 'yellow']);
        });
        this.ctx.fillStyle = "yellow";
        this.shapes.forEach(function (shape) { return shape.render(_this.ctx, _this, height); });
        this.ctx.restore();
    };
    GraphEditor.prototype.renderGraph = function (data, colors) {
        var _this = this;
        var colorIdx = 0;
        this.ctx.save();
        if (data[0][1] instanceof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]) {
            this.ctx.strokeStyle = colors[colorIdx++ % colors.length];
            this.ctx.beginPath();
            data.forEach(function (s, idx) {
                idx ? _this.ctx.lineTo(s[0], s[1].x) :
                    _this.ctx.moveTo(s[0], s[1].x);
            });
            this.ctx.stroke();
            this.ctx.strokeStyle = colors[colorIdx++ % colors.length];
            this.ctx.beginPath();
            data.forEach(function (s, idx) {
                idx ? _this.ctx.lineTo(s[0], s[1].y) :
                    _this.ctx.moveTo(s[0], s[1].y);
            });
            this.ctx.stroke();
        }
        else {
            this.ctx.strokeStyle = colors[colorIdx++ % colors.length];
            this.ctx.beginPath();
            data.forEach(function (s, idx) {
                idx ? _this.ctx.lineTo(s[0], s[1]) :
                    _this.ctx.moveTo(s[0], s[1]);
            });
            this.ctx.stroke();
        }
        this.ctx.restore();
    };
    GraphEditor.prototype.renderGrid = function (yMin, yMax, leftText, rightText, leftUnit, rightUnit) {
        var _this = this;
        var pxr = this.pixelRatio();
        var ruler = new __WEBPACK_IMPORTED_MODULE_3__fx_ui__["u" /* Ruler */](this.canvas.height / pxr, new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](yMin, yMax), 20, 0);
        this.ctx.save();
        this.ctx.strokeStyle = "black";
        this.ctx.beginPath();
        ruler.ticks.forEach(function (tick) {
            var y = (_this.canvas.height - tick.position * pxr);
            _this.ctx.moveTo(0, y);
            _this.ctx.lineTo(_this.canvas.width, y);
        });
        this.ctx.stroke();
        this.ctx.fillStyle = "white";
        this.ctx.font = 12 * pxr + 'px Arial';
        ruler.ticks.forEach(function (tick, idx) {
            var y = (_this.canvas.height - tick.position * pxr) - 5, ltext = leftText(tick), rtext = rightText(tick), ltextU = idx == ruler.ticks.length - 1 ? ltext + " " + leftUnit : ltext, rtextU = idx == ruler.ticks.length - 1 ? rightUnit + " " + rtext : rtext, rx = _this.canvas.width - 5, rtextwidth = _this.ctx.measureText(rtextU).width;
            _this.ctx.fillText(ltextU, 0, y);
            _this.ctx.fillText(rtextU, rx - rtextwidth, y);
        });
        this.ctx.restore();
    };
    GraphEditor.prototype.data = function (prop) {
        var pxr = this.pixelRatio(), data = [];
        for (var x = 0; x < this.canvas.width * pxr; x += 10) {
            var t = this.p2f(x), v = prop.valueAtTime(t);
            data.push([x, v]);
        }
        return data;
    };
    GraphEditor.prototype.velocities = function (data, fps) {
        var velos = [];
        data.slice(1).reduce(function (prev, next) {
            var v1 = prev[1], v2 = next[1];
            if (v1 instanceof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]) {
                var value = fps * v1.distance(v2) / 2;
                velos.push([prev[0], value]);
            }
            else
                velos.push([prev[0], (v1 + v2) / 2]);
            return next;
        }, data[0]);
        return velos;
    };
    GraphEditor.prototype.extrema = function (data) {
        if (!data.length)
            return { yMin: 0, yMax: 0 };
        var xMin = 0, xMax = 0, yMin = 0, yMax = 0;
        if (data[0][1] instanceof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]) {
            xMin = Math.min.apply(null, data.map(function (d) { return d[1].x; }));
            xMax = Math.max.apply(null, data.map(function (d) { return d[1].x; }));
            yMin = Math.min.apply(null, data.map(function (d) { return d[1].y; }));
            yMax = Math.max.apply(null, data.map(function (d) { return d[1].y; }));
            yMin = Math.min(xMin, yMin);
            yMax = Math.max(xMax, yMax);
        }
        else {
            yMin = Math.min.apply(null, data.map(function (d) { return d[1]; }));
            yMax = Math.max.apply(null, data.map(function (d) { return d[1]; }));
        }
        return { yMin: yMin, yMax: yMax };
    };
    //@HostListener('document:mousedown', ['$event'])
    GraphEditor.prototype.mousedown = function ($event) {
        var _this = this;
        var height = this.canvas.height;
        var pxr = this.pixelRatio();
        var start = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]($event.offsetX, $event.offsetY).mul(pxr);
        var shape = this.shapes.find(function (shape) {
            var rect = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"](new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](_this.f2p(shape.kf.time), -5 + height - (shape.value() - shape.minValue) * height / (shape.maxValue - shape.minValue)), 10, 10);
            return rect.center.isNear(start, 20);
        });
        if (shape) {
            start = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]($event.offsetX, $event.offsetY);
            var drag = function ($event) {
                var point = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"]($event.offsetX, $event.offsetY);
                shape.callback(new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](point).sub(start).mul(pxr).mul(new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Point"](1, -1)));
                start = point;
            };
            var up = function () {
                document.removeEventListener("mousemove", drag, true);
                document.removeEventListener("mouseup", up, true);
                _this.comp.change.next(true);
                _this.render(true);
                _this.draw();
            };
            document.addEventListener("mousemove", drag, true);
            document.addEventListener("mouseup", up, true);
        }
        else {
            // SelectionMarker($event);
        }
        $event.stopPropagation();
    };
    GraphEditor.prototype.resize = function () {
        var rect = this.canvas.getBoundingClientRect();
        this.canvas.setAttribute('width', "" + (rect.width * this.pixelRatio()));
        this.canvas.setAttribute('height', "" + (rect.height * this.pixelRatio()));
        this.canvas.style.width = rect.width + "px";
        this.canvas.style.height = rect.height + "px";
    };
    GraphEditor.prototype.pixelRatio = function () {
        if (!this.pxr) {
            var ctx = this.ctx, dpr = window.devicePixelRatio || 1, bsr = ctx.webkitBackingStorePixelRatio ||
                ctx.mozBackingStorePixelRatio ||
                ctx.msBackingStorePixelRatio ||
                ctx.oBackingStorePixelRatio ||
                ctx.backingStorePixelRatio || 1;
            this.pxr = dpr / bsr;
        }
        return this.pxr;
    };
    GraphEditor.prototype.ppf = function () {
        var w = this.canvas.width;
        return w / (this.range.end - this.range.start + 1);
    };
    GraphEditor.prototype.f2p = function (frame) {
        return (frame - this.range.start) * this.ppf();
    };
    GraphEditor.prototype.p2f = function (pixels) {
        return pixels / this.ppf() + this.range.start;
    };
    GraphEditor.prototype.dx2frame = function (dx) {
        var w = this.canvas.width;
        return dx / this.ppf();
    };
    return GraphEditor;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_model__["Composition"]) === "function" && _a || Object)
], GraphEditor.prototype, "comp", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"]) === "function" && _b || Object)
], GraphEditor.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], GraphEditor.prototype, "reverse", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]) === "function" && _c || Object)
], GraphEditor.prototype, "resized", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('canvas'),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _d || Object)
], GraphEditor.prototype, "canvasElem", void 0);
GraphEditor = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'graph-editor',
        styles: [],
        template: "\n        <div fxLayout=\"column\" style=\"cursor: default; padding: 5px; position: relative; width: 100%; height: 100%\">\n            <canvas fxFlex #canvas (mousedown)=\"mousedown($event)\" width=\"100\" height=\"100\">\n            </canvas>\n            <div fxFlex=\"0 0 25px\" style=\"border-top: 1px solid #444;\">\n                <div style=\"position: absolute; z-index: 9\">toools</div>\n            </div>\n        </div>\n    "
    }),
    __metadata("design:paramtypes", [typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */]) === "function" && _g || Object])
], GraphEditor);

var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=graph-editor.js.map

/***/ }),

/***/ "./src/app/panels/timeline/keyframe-container.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return KeyframeContainer; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var KeyframeContainer = (function () {
    //private width: number;
    function KeyframeContainer(cd, el) {
        this.cd = cd;
        this.el = el;
        this.destroyed$ = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
    }
    KeyframeContainer.prototype.ngOnInit = function () {
        var _this = this;
        if (this.prop) {
            this.prop.keyframeAdded$
                .takeUntil(this.destroyed$)
                .subscribe(function (keyframe) {
                keyframe.select();
                _this.cd.markForCheck();
            });
            this.comp.change.subscribe(function () {
                _this.cd.markForCheck();
            });
        }
    };
    KeyframeContainer.prototype.ngAfterViewInit = function () {
    };
    KeyframeContainer.prototype.ngOnDestroy = function () {
        this.destroyed$.next(true);
    };
    KeyframeContainer.prototype.keyframeID = function (idx, kf) {
        return kf ? kf.id : undefined;
    };
    return KeyframeContainer;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["KeyframeAnimation"]) === "function" && _a || Object)
], KeyframeContainer.prototype, "prop", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Composition"]) === "function" && _b || Object)
], KeyframeContainer.prototype, "comp", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"]) === "function" && _c || Object)
], KeyframeContainer.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Rect"]) === "function" && _d || Object)
], KeyframeContainer.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], KeyframeContainer.prototype, "width", void 0);
KeyframeContainer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_1__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: "keyframe-container",
        template: "\n        <div *ngIf=\"prop\" style=\"position: relative; height: 25px; overflow: hidden\">\n            <keyframe *ngFor=\"let kf of prop.frames; trackBy:keyframeID\" \n                [kf]=\"kf\" [range]=\"range\" [width]=\"width\"\n                [selection]=\"selection\"\n            ></keyframe>\n        </div>\n    "
    }),
    __metadata("design:paramtypes", [typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _f || Object])
], KeyframeContainer);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=keyframe-container.js.map

/***/ }),

/***/ "./src/app/panels/timeline/keyframe.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return KeyframeComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var KeyframeComponent = (function () {
    //    private differ: KeyValueDiffer<any, any>;
    function KeyframeComponent(el, ss, wm, cd) {
        this.el = el;
        this.ss = ss;
        this.wm = wm;
        this.cd = cd;
        this.element = $(el.nativeElement);
    }
    KeyframeComponent.prototype.selected = function () {
        return this.kf.selected;
    };
    KeyframeComponent.prototype.ngAfterViewInit = function () {
        this.render();
    };
    KeyframeComponent.prototype.ngOnChanges = function () {
        if (this.selection) {
            var bbox = this.selectionTarget.nativeElement.getBoundingClientRect();
            if (this.selection.intersects(bbox)) {
                if (!this.kf.selected) {
                    this.ss.addSelection(this.kf);
                }
            }
            else {
                if (this.kf.selected) {
                    this.ss.unselect(this.kf);
                }
            }
            //            this.cd.markForCheck();
        }
    };
    // ngDoCheck() {
    // 	var diffs = this.differ.diff(this.range);
    //     if(diffs) {
    //         // Use of forEachChangedItem guarantees draggable already exists
    //         // forEachAddedItem is set before it exists
    //         diffs.forEachChangedItem( change => {
    //             (<any>this.element).draggable( "option", "grid",  [this.ppf(), 0]);
    //             this.cd.markForCheck();
    //         })
    //     }        
    // }
    KeyframeComponent.prototype.render = function () {
        var _this = this;
        this.element.draggable({
            axis: "x",
            scroll: false,
            containment: 'parent',
            grid: [this.ppf(), 0],
            // start: (event: MouseEvent, ui: any) => {
            // },
            drag: function (event, ui) {
                var frame = Math.round(_this.p2f(ui.position.left));
                _this.kf.time = frame;
            },
            stop: function (event, ui) {
                var frame = Math.round(_this.p2f(ui.position.left));
                _this.kf.time = frame;
            }
        });
    };
    KeyframeComponent.prototype.position = function () {
        // var pos = parseFloat(getComputedStyle(this.element[0]).left);
        // pos = isNaN(pos) ? 0 : pos;
        // pos = 0;
        return this.f2p(this.kf.compositionTime); //-pos;
    };
    KeyframeComponent.prototype.ppf = function () {
        //var w = this.element.parent().width();
        return this.width / (this.range.end - this.range.start + 1);
    };
    KeyframeComponent.prototype.f2p = function (frame) {
        return (frame - this.range.start) * this.ppf();
    };
    KeyframeComponent.prototype.p2f = function (pixels) {
        return pixels / this.ppf() + this.range.start;
    };
    KeyframeComponent.prototype.select = function ($event) {
        this.ss.select(this.kf, $event);
        this.cd.markForCheck();
        $event.stopPropagation();
    };
    return KeyframeComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["AnimatableKeyframe"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["AnimatableKeyframe"]) === "function" && _a || Object)
], KeyframeComponent.prototype, "kf", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _b || Object)
], KeyframeComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"]) === "function" && _c || Object)
], KeyframeComponent.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], KeyframeComponent.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('kf', { read: __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] }),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _d || Object)
], KeyframeComponent.prototype, "selectionTarget", void 0);
KeyframeComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: 'keyframe',
        styles: ['.keyframe {position: absolute; font-size: 11px; margin-top: 7px;}'],
        template: "\n        <div #kf class=\"keyframe fa fa-rotate-45\" \n            (click)=\"select($event)\"\n            [style.left.px]=\"position()\"\n            [ngClass]=\"{'fx-active fa-square': selected(), 'fa-square-o': !selected()}\">\n        </div>"
    }),
    __metadata("design:paramtypes", [typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _h || Object])
], KeyframeComponent);

var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=keyframe.js.map

/***/ }),

/***/ "./src/app/panels/timeline/layer-header.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__mode_select__ = __webpack_require__("./src/app/panels/timeline/mode-select.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerHeaderComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var LayerHeaderComponent = (function () {
    function LayerHeaderComponent() {
        this.VM = __WEBPACK_IMPORTED_MODULE_3__mode_select__["b" /* VIEWMODE */];
        this.nameDisplay = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */]();
        this.workrange = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](0, 1000);
        this.workstart = 0;
        this.workduration = 1000;
        this.showSource = false;
        this.color = __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"].fromString('#444444');
    }
    LayerHeaderComponent.prototype.workareaChange = function (change) {
        this.workstart = change.offset;
        this.workduration = change.size;
    };
    return LayerHeaderComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]) === "function" && _a || Object)
], LayerHeaderComponent.prototype, "resized", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__mode_select__["b" /* VIEWMODE */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__mode_select__["b" /* VIEWMODE */]) === "function" && _b || Object)
], LayerHeaderComponent.prototype, "mode", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["H" /* EventEmitter */]) === "function" && _c || Object)
], LayerHeaderComponent.prototype, "nameDisplay", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_4" /* ViewChild */])('cache'),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _d || Object)
], LayerHeaderComponent.prototype, "cache", void 0);
LayerHeaderComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        selector: 'layer-header',
        styles: [
            '.header {width: 100%; height: 20px; border-bottom: 1px solid black}',
            '.pointer {cursor: default}',
            ':host >>> range-slider.workarea .bar {display: block; border: 1px solid #9ab; margin: 1px 0px; position: relative; height: 10px;}',
            '.workarea {height: 16px; background: #112;}',
        ],
        template: "\n        <div class=\"header\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div fxFlex=\"600px\" fxGrow=\"0\" fxShrink=\"0\">\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"pointer\">\n                    <div fxFlex=\"10px\"></div>\n\n                    <div fxFlex=\"25px\"><i class=\"fa fa-fw fa-eye\"></i></div>\n                    <div fxFlex=\"20px\"><i class=\"fa fa-fw fa-volume-up\"></i></div>\n                    <div fxFlex=\"20px\"><i class=\"fa fa-fw fa-circle\"></i></div>\n                    <div fxFlex=\"20px\"><i class=\"fa fa-fw fa-lock\"></i></div>\n\n                    <div fxFlex=\"40px\"></div>\n\n                    <div fxFlex=\"20px\"><i class=\"fa fa-fw fa-tag\"></i></div>\n                    <div fxFlex=\"20px\">#</div>\n                    \n                    <div fxFlex=\"180px\" (click)=\"showSource = !showSource; nameDisplay.emit(showSource)\">\n                        {{showSource ? \"Source Name\" : \"Layer Name\"}}\n                    </div>\n\n                    \n                    <div *ngIf=\"mode==VM.transfer\" fxFlex=\"80px\">Mode</div>\n                    <div *ngIf=\"mode==VM.transfer\" fxFlex=\"80px\">TrkMat</div>\n                    <div *ngIf=\"mode==VM.transfer\" fxFlex=\"80px\">Parent</div>\n\n                    <div *ngIf=\"mode==VM.inout\" fxFlex=\"80px\">In</div>\n                    <div *ngIf=\"mode==VM.inout\" fxFlex=\"80px\">Out</div>\n                    <div *ngIf=\"mode==VM.inout\" fxFlex=\"80px\">Duration</div>\n                    \n                    <div *ngIf=\"mode==VM.switches\" fxFlex=\"30px\">Shy</div>\n                    <div *ngIf=\"mode==VM.switches\" fxFlex=\"80px\">Motion Blur</div>\n                    <div *ngIf=\"mode==VM.switches\" fxFlex=\"80px\">MipMap</div>\n\n                </div>\n            </div>\n            \n            <div fxFlex style=\"position: relative\">\n                    <range-slider \n                        class=\"workarea\"\n                        [resized]=\"resized\"\n                        [color]=\"color\" \n                        [range]=\"workrange\" \n                        [size]=\"workduration\" \n                        [offset]=\"workstart\"\n                        (change)=\"workareaChange($event)\"\n                        >\n                    </range-slider>\n                    \n                    <div #cache class=\"cachearea\" style=\"width:100%; height: 1px; background: #0f0\">\n                    </div>\n               \n            </div>\n         </div>    \n    ",
    })
], LayerHeaderComponent);

var _a, _b, _c, _d;
//# sourceMappingURL=layer-header.js.map

/***/ }),

/***/ "./src/app/panels/timeline/mask.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MaskComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/**
 *
 */
var MaskComponent = (function () {
    function MaskComponent(ref, undo, wm, ss) {
        this.ref = ref;
        this.undo = undo;
        this.wm = wm;
        this.ss = ss;
    }
    return MaskComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Mask"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Mask"]) === "function" && _a || Object)
], MaskComponent.prototype, "mask", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], MaskComponent.prototype, "index", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Layer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Layer"]) === "function" && _b || Object)
], MaskComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _c || Object)
], MaskComponent.prototype, "range", void 0);
MaskComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'mask',
        styles: [
            '.header {width: 100%;}',
            '.fixed { height: 25px; }',
            '.pointer { cursor: default }',
            '.border {border-bottom: 1px solid black}',
        ],
        template: "\n        <div class=\"header fixed border selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div fxFlexOffset=\"160px\" fxFlex=\"20px\" (click)=\"open=!open\">\n                <i [ngClass]=\"open ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n            </div>\n\n            <div fxFlex=\"180px\" class=\"pointer\" \n                    [ngClass]=\"{selected: mask.selected, subactive: ss.active(mask)}\"\n                    (click)=\"ss.select(mask, $event); $event.stopPropagation()\" \n                    (dblclick)=\"open=!open; $event.stopPropagation()\">\n                Mask {{index}}\n            </div>\n\n            <div fxFlex=\"80px\">\n                <input type=\"checkbox\" [(ngModel)]=\"mask.inverted\" (ngModelChange)=\"mask.layer.change.next(true)\">Inverted\n            </div>\n        </div>\n\n        <anim-prop \n            *ngIf=\"open\" \n            name=\"Mask Path\" \n            [range]=\"range\" \n            [layer]=\"layer\" \n            [prop]=\"mask.shape.path$\">\n        </anim-prop>\n\n        <anim-prop \n            *ngIf=\"open\" \n            name=\"Mask Feather\" \n            [range]=\"range\" \n            [layer]=\"layer\" \n            [prop]=\"mask.feather$\">\n            <span number-slider \n                [(ngModel)]=\"mask.feather\" \n                [fmt]=\"'%.1f'\" \n                [range]=\"{start:0, end: 100}\"\n                (dragstop)=\"mask.layer.change.next(true)\" \n                class=\"fx-value\"></span>\n        </anim-prop>\n\n        <anim-prop \n            *ngIf=\"open\" \n            name=\"Mask Opacity\" \n            [range]=\"range\" \n            [layer]=\"layer\" \n            [prop]=\"mask.opacity$\">\n            <span number-slider \n                [(ngModel)]=\"mask.opacity\" \n                [fmt]=\"'%.1f'\" \n                [range]=\"{start:0, end: 100}\"\n                (dragstop)=\"mask.layer.change.next(true)\" \n                class=\"fx-value\"></span>\n        </anim-prop>\n\n        <anim-prop \n            *ngIf=\"open\" \n            name=\"Mask Expansion\" \n            [range]=\"range\" \n            [layer]=\"layer\" \n            [prop]=\"mask.expansion$\">\n            <span number-slider \n                [(ngModel)]=\"mask.expansion\" \n                [fmt]=\"'%.1f'\" \n                [range]=\"{start:0, end: 100}\"\n                (dragstop)=\"mask.layer.change.next(true)\" \n                class=\"fx-value\"></span>\n        </anim-prop>\n\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _g || Object])
], MaskComponent);

var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=mask.js.map

/***/ }),

/***/ "./src/app/panels/timeline/mode-select.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return VIEWMODE; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ModeSelectComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var VIEWMODE;
(function (VIEWMODE) {
    VIEWMODE[VIEWMODE["transfer"] = 0] = "transfer";
    VIEWMODE[VIEWMODE["switches"] = 1] = "switches";
    VIEWMODE[VIEWMODE["inout"] = 2] = "inout";
    VIEWMODE[VIEWMODE["LAST"] = 3] = "LAST";
})(VIEWMODE || (VIEWMODE = {}));
var ModeSelectComponent = (function () {
    function ModeSelectComponent() {
        this.modeChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.reverseChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.shyChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.graphChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
    }
    ModeSelectComponent.prototype.toggleModes = function () {
        this.mode = (this.mode + 1) % VIEWMODE.LAST;
        this.modeChange.emit(this.mode);
    };
    ModeSelectComponent.prototype.toggleDirection = function () {
        this.reverse = !this.reverse;
        this.reverseChange.emit(this.reverse);
    };
    ModeSelectComponent.prototype.toggleShy = function () {
        this.shy = !this.shy;
        this.shyChange.emit(this.shy);
    };
    ModeSelectComponent.prototype.toggleMotionBlur = function () {
        this.comp.enableMotionBlur = !this.comp.enableMotionBlur;
        this.comp.change.next(true);
    };
    ModeSelectComponent.prototype.toggleGraph = function () {
        this.graph = !this.graph;
        this.graphChange.emit(this.graph);
    };
    return ModeSelectComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["Composition"]) === "function" && _a || Object)
], ModeSelectComponent.prototype, "comp", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], ModeSelectComponent.prototype, "mode", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _b || Object)
], ModeSelectComponent.prototype, "modeChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], ModeSelectComponent.prototype, "reverse", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _c || Object)
], ModeSelectComponent.prototype, "reverseChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], ModeSelectComponent.prototype, "shy", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _d || Object)
], ModeSelectComponent.prototype, "shyChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], ModeSelectComponent.prototype, "graph", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _e || Object)
], ModeSelectComponent.prototype, "graphChange", void 0);
ModeSelectComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'mode-select',
        styles: [],
        template: "\n        <div class=\"buttonrow\">\n            <button (click)=\"toggleModes()\"><i class=\"fa fa-fw fa-th fa-lg\"></i></button>\n            <button ng-click=\"autoKeyframe()\"><i class=\"fa fa-fw fa-clock-o fa-lg\"></i></button>\n            <button (click)=\"toggleMotionBlur()\"><i class=\"fa fa-fw fa-gg fa-lg\" [ngClass]=\"{'fx-active': comp.emableMotionBlur}\"></i></button>\n            <button (click)=\"toggleShy()\"><i class=\"fa fa-fw fa-low-vision fa-lg\" [ngClass]=\"{'fx-active': shy}\"></i></button>\n            <button (click)=\"toggleDirection()\"><i class=\"fa fa-fw fa-lg\" [ngClass]=\"{'fa-caret-square-o-left': reverse, 'fa-caret-square-o-right': !reverse}\"></i></button>\n            <button (click)=\"toggleGraph()\"><i class=\"fa fa-fw fa-area-chart\" [ngClass]=\"{'fx-active': graph}\" ></i></button>\n        </div>    \n    ",
    })
], ModeSelectComponent);

var _a, _b, _c, _d, _e;
//# sourceMappingURL=mode-select.js.map

/***/ }),

/***/ "./src/app/panels/timeline/motion-tracker.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MotionTrackerComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/**
 * Timeline row that handles the "> Motion Trackers" row and
 * [fxFlexOffset]="'140px'"
 */
var MotionTrackerComponent = (function () {
    function MotionTrackerComponent(ref, undo, wm, ss) {
        this.ref = ref;
        this.undo = undo;
        this.wm = wm;
        this.ss = ss;
        this.open = false;
    }
    MotionTrackerComponent.prototype.ngOnInit = function () {
    };
    MotionTrackerComponent.prototype.ngOnDestroy = function () {
    };
    MotionTrackerComponent.prototype.ngOnChanges = function () {
        var _this = this;
        if (this.selectionTargets && this.selection) {
            this.selectionTargets.forEach(function (elem) {
                var domelem = elem.nativeElement;
                var tracker = _this.layer.trackers.find(function (t) { return t.id == domelem.dataset['tracker']; });
                if (_this.selection.intersects(domelem.getBoundingClientRect())) {
                    _this.ss.addSelection(tracker);
                }
                else {
                    _this.ss.unselect(tracker);
                }
            });
        }
    };
    MotionTrackerComponent.prototype.trackPointID = function (idx, tp) {
        return tp ? tp.id : undefined;
    };
    return MotionTrackerComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["TransformableLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["TransformableLayer"]) === "function" && _a || Object)
], MotionTrackerComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["MotionTracker"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["MotionTracker"]) === "function" && _b || Object)
], MotionTrackerComponent.prototype, "tracker", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], MotionTrackerComponent.prototype, "index", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _c || Object)
], MotionTrackerComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"]) === "function" && _d || Object)
], MotionTrackerComponent.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_9" /* ViewChildren */])("selectiontarget"),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */]) === "function" && _e || Object)
], MotionTrackerComponent.prototype, "selectionTargets", void 0);
MotionTrackerComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: 'motion-tracker',
        styles: [
            '.header {width: 100%;}',
            '.fixed { height: 25px; }',
            '.header > div {  }',
            '.pointer { cursor: default }',
            '.border {border-bottom: 1px solid black}',
            '.hideactive { color: inherit; background: transparent }',
        ],
        template: "\n        <div class=\"header fixed border selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div fxFlexOffset=\"155px\" fxFlex=\"20px\" (click)=\"open=!open\">\n                <i [ngClass]=\"open ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n            </div>\n\n            <div fxFlex=\"180px\" (click)=\"ss.select(tracker, $event); $event.stopPropagation()\">\n                <div  #selectiontarget [attr.data-tracker]=\"tracker.id\" \n                        style=\"overflow: hidden; cursor: default; text-overflow: ellipsis; white-space: nowrap;\"\n                        [ngClass]=\"{selected: tracker.selected, hideactive: ss.active(tracker)}\">\n                    Tracker {{index}}\n                </div>\n            </div>\n        </div>\n\n       \n\n\n        <template [ngIf]=\"open\">\n            <div class=\"header fixed border pointer selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlexOffset=\"180px\" fxFlex=\"20px\" (click)=\"openTrackerTransform=!openTrackerTransform\">\n                    <i [ngClass]=\"openTrackerTransform ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n                </div>\n                <div fxFlex=\"180px\" (click)=\"ss.select(tracker, $event); $event.stopPropagation()\">\n                    Transform\n                </div>\n            </div>\n\n            <div *ngIf=\"openTrackerTransform\" class=\"header border fixed selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlexOffset=\"210px\" fxFlex=\"100px\">Anchor</div>\n                <div fxFlexOffset=\"50px\" fxFlex=\"100px\">\n                    <span number-slider \n                        [(ngModel)]=\"tracker.anchor.x\" \n                        fmt=\"%.1f\" \n                        (drag)=\"layer.change.next(false)\"\n                        class=\"fx-value\"></span>, &nbsp;\n\n                    <span number-slider \n                        [(ngModel)]=\"tracker.anchor.y\" \n                        fmt=\"%.1f\" \n                        (drag)=\"layer.change.next(false)\"\n                        class=\"fx-value\"></span>\n                </div>\n            </div>\n\n            <div *ngIf=\"openTrackerTransform\" class=\"header border fixed selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlexOffset=\"210px\" fxFlex=\"100px\">Position</div>\n                <div fxFlexOffset=\"50px\" fxFlex=\"100px\">\n                    <span number-slider \n                        [(ngModel)]=\"tracker.position.x\" \n                        fmt=\"%.1f\" \n                        (drag)=\"layer.change.next(false)\"\n                        class=\"fx-value\"></span>, &nbsp;\n\n                    <span number-slider \n                        [(ngModel)]=\"tracker.position.y\" \n                        fmt=\"%.1f\" \n                        (drag)=\"layer.change.next(false)\"\n                        class=\"fx-value\"></span>\n                </div>\n            </div>\n\n            <div *ngIf=\"openTrackerTransform\" class=\"header border fixed selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlexOffset=\"210px\" fxFlex=\"100px\">Scale</div>\n                <div fxFlexOffset=\"50px\" fxFlex=\"100px\">\n                    <span number-slider \n                        [(ngModel)]=\"tracker.scale.x\" \n                        fmt=\"%.1f\" \n                        (drag)=\"layer.change.next(false)\"\n                        class=\"fx-value\"></span>, &nbsp;\n\n                    <span number-slider \n                        [(ngModel)]=\"tracker.scale.y\" \n                        fmt=\"%.1f\" \n                        (drag)=\"layer.change.next(false)\"\n                        class=\"fx-value\"></span>\n                </div>\n            </div>\n\n            <div *ngIf=\"openTrackerTransform\" class=\"header border fixed selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlexOffset=\"210px\" fxFlex=\"100px\">Rotate</div>\n                <div fxFlexOffset=\"50px\" fxFlex=\"100px\">\n                    <span number-slider \n                        [(ngModel)]=\"tracker.rotate\" \n                        fmt=\"\u00B0\" \n                        (drag)=\"layer.change.next(false)\"\n                        class=\"fx-value\"></span>, &nbsp;\n                </div>\n            </div>\n\n            <track-point *ngFor=\"let tp of tracker.all(); trackBy: trackPointID; let i=index;\" \n                [tracker]=\"tracker\" [trackpoint]=\"tp\" [index]=\"i+1\" [selection]=\"selection\"\n                 [range]=\"range\" [layer]=\"layer\" \n                ></track-point>\n        </template>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _j || Object])
], MotionTrackerComponent);

var _a, _b, _c, _d, _e, _f, _g, _h, _j;
//# sourceMappingURL=motion-tracker.js.map

/***/ }),

/***/ "./src/app/panels/timeline/select-layer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SelectLayerBox; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var LayerListEntry = (function () {
    function LayerListEntry() {
    }
    return LayerListEntry;
}());
;
/**
 *
 */
var SelectLayerBox = (function () {
    function SelectLayerBox(cd, differs) {
        this.cd = cd;
        this.differs = differs;
        this.targetChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.differ = this.differs.find([]).create(null);
    }
    SelectLayerBox.prototype.ngDoCheck = function () {
        var diff = this.differ.diff(this.layer.comp.layers);
        if (diff) {
            this.cd.markForCheck();
        }
    };
    SelectLayerBox.prototype.otherLayers = function () {
        var _this = this;
        var layers = this.layer.comp.layers.slice().reverse();
        return layers.filter(function (layer) { return layer != _this.layer; });
    };
    SelectLayerBox.prototype.layerID = function (idx, layer) {
        return layer ? layer.id : undefined;
    };
    SelectLayerBox.prototype.layerNum = function (layer) {
        var _this = this;
        var layers = this.layer.comp.layers.slice().reverse();
        return layers.map(function (layer, index) { return ({ index: index + 1, layer: layer }); })
            .filter(function (entry) { return entry.layer != _this.layer; })
            .find(function (entry) { return entry.layer.id == layer.id; }).index;
    };
    SelectLayerBox.prototype.compareLayers = function (entry1, entry2) {
        return entry1 && entry2 ? entry1.id === entry2.id : entry1 === entry2;
    };
    return SelectLayerBox;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["Layer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["Layer"]) === "function" && _a || Object)
], SelectLayerBox.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["Layer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["Layer"]) === "function" && _b || Object)
], SelectLayerBox.prototype, "target", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], SelectLayerBox.prototype, "targetChange", void 0);
SelectLayerBox = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: 'select-layer',
        template: "\n        <select style=\"width: 70px\" [(ngModel)]=\"target\" [compareWith]=\"compareLayers\"  (ngModelChange)=\"targetChange.next(target)\">\n            <option [ngValue]=\"null\">None</option>\n            <option *ngFor=\"let ol of otherLayers(); trackBy: layerID\" [ngValue]=\"ol\">{{layerNum(ol)}}. {{ol.name()}}</option>\n        </select>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["M" /* IterableDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["M" /* IterableDiffers */]) === "function" && _d || Object])
], SelectLayerBox);

var _a, _b, _c, _d;
//# sourceMappingURL=select-layer.js.map

/***/ }),

/***/ "./src/app/panels/timeline/shape-content.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ShapeContentComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/**
 * Timeline row that handles the "> Effects" row and
 *
 */
var ShapeContentComponent = (function () {
    function ShapeContentComponent(ref, undo, wm, ss) {
        this.ref = ref;
        this.undo = undo;
        this.wm = wm;
        this.ss = ss;
        this.openContent = false;
    }
    ShapeContentComponent.prototype.shapeID = function (idx, shape) {
        return shape ? shape.id : undefined;
    };
    return ShapeContentComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["ShapeLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["ShapeLayer"]) === "function" && _a || Object)
], ShapeContentComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _b || Object)
], ShapeContentComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], ShapeContentComponent.prototype, "time", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], ShapeContentComponent.prototype, "width", void 0);
ShapeContentComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'shape-content',
        styles: [
            '.header {width: 100%;}',
            '.fixed { height: 25px; }',
            '.pointer { cursor: pointer }',
            '.border {border-bottom: 1px solid black}',
        ],
        template: "\n        <div *ngIf=\"layer.shapes && layer.shapes.length\" class=\"header fixed border selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div [fxFlexOffset]=\"'140px'\" fxFlex=\"20px\" (click)=\"openContent=!openContent\">\n                <i [ngClass]=\"openContent ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n            </div>\n\n             <div fxFlex=\"200px\" class=\"pointer\" \n                        [ngClass]=\"{selected: layer.content.selected, active: ss.active(layer.content)}\"\n                        (click)=\"ss.select(layer.content, $event); $event.stopPropagation()\"\n                        (dblclick)=\"openContent=!openContent; $event.stopPropagation()\">\n                    Content\n            </div>\n\n        </div>\n\n        <template [ngIf]=\"openContent\">\n            <div class=\"header\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                *ngFor=\"let shape of layer.shapes; trackBy: shapeID; let i=index\">\n\n                <shape fxFlex fxFill [layer]=\"layer\" [shape]=\"shape\" [width]=\"width\" [index]=\"i+1\" [range]=\"range\"></shape>\n\n            </div>\n        </template>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _f || Object])
], ShapeContentComponent);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=shape-content.js.map

/***/ }),

/***/ "./src/app/panels/timeline/shape.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ShapeComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/**
 *
 */
var ShapeComponent = (function () {
    function ShapeComponent(ref, undo, wm, ss) {
        this.ref = ref;
        this.undo = undo;
        this.wm = wm;
        this.ss = ss;
    }
    ShapeComponent.prototype.ngOnInit = function () { };
    return ShapeComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["FXShape"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["FXShape"]) === "function" && _a || Object)
], ShapeComponent.prototype, "shape", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], ShapeComponent.prototype, "index", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Layer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Layer"]) === "function" && _b || Object)
], ShapeComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _c || Object)
], ShapeComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], ShapeComponent.prototype, "width", void 0);
ShapeComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'shape',
        styles: [
            '.header {width: 100%;}',
            '.fixed { height: 25px; }',
            '.pointer { cursor: default }',
            '.border {border-bottom: 1px solid black}',
        ],
        template: "\n        <div class=\"header fixed border selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlexOffset=\"160px\" fxFlex=\"20px\" (click)=\"open=!open\">\n                    <i [ngClass]=\"open ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n                </div>\n\n                <div fxFlex=\"180px\" class=\"pointer\" \n                        [ngClass]=\"{selected: shape.selected, active: ss.active(shape)}\"\n                        (click)=\"ss.select(shape, $event); $event.stopPropagation()\" (dblclick)=\"open=!open; $event.stopPropagation()\">\n                    Shape {{index}}\n                </div>\n\n                <div (click)=\"reset()\">\n                    <span class=\"fx-value pointer\">Reset</span>\n                </div>\n        </div>\n\n        <anim-prop *ngIf=\"open\" name=\"Path\" [range]=\"range\" [width]=\"width\" [layer]=\"layer\" [prop]=\"shape.path$\">\n        </anim-prop>\n   \n    ",
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _g || Object])
], ShapeComponent);

var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=shape.js.map

/***/ }),

/***/ "./src/app/panels/timeline/timecode-control.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TimeCodeControlComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
/**
 * Big timecode display in the upper left corner of the TimelineComponent
 */



/**
 * Dual control (frame and time)
 */
var TimeCodeControlComponent = (function () {
    function TimeCodeControlComponent() {
        this.frameChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.dragstop = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
    }
    return TimeCodeControlComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["Framerate"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["Framerate"]) === "function" && _a || Object)
], TimeCodeControlComponent.prototype, "framerate", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], TimeCodeControlComponent.prototype, "frame", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _b || Object)
], TimeCodeControlComponent.prototype, "frameChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _c || Object)
], TimeCodeControlComponent.prototype, "dragstop", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"]) === "function" && _d || Object)
], TimeCodeControlComponent.prototype, "range", void 0);
TimeCodeControlComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'timecode-control',
        template: "\n    <div style=\"text-align: center\">\n       <div>\n            <span number-slider \n                class=\"fx-framecode\"\n                [(ngModel)]=\"frame\" \n                (drag)=\"frameChange.emit($event.currentValue)\" \n                (dragstop)=\"dragstop.emit($event)\" \n                [range]=\"range\" \n                [fmt]=\"'%05d'\">\n            </span>\n        </div>\n\n        <div>\n            <span number-slider \n                class=\"fx-framecode\" style=\"font-size:12px\"\n                [(ngModel)]=\"frame\" \n                [base]=\"framerate.ratio()\"\n                (drag)=\"frameChange.emit($event.currentValue)\" \n                (dragstop)=\"dragstop.emit($event)\" \n                [range]=\"range\" \n                [fmt]=\"'@'\">\n            </span>\n        </div>\n    </div>\n    ",
    })
], TimeCodeControlComponent);

var _a, _b, _c, _d;
//# sourceMappingURL=timecode-control.js.map

/***/ }),

/***/ "./src/app/panels/timeline/timeline-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_app_app_services__ = __webpack_require__("./src/app/app.services.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__info_info__ = __webpack_require__("./src/app/panels/info/info.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__mode_select__ = __webpack_require__("./src/app/panels/timeline/mode-select.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TimelinePanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};









var TimelinePanel = (function (_super) {
    __extends(TimelinePanel, _super);
    function TimelinePanel(model, info, ss, zone, app, el, cd, layout, wm) {
        var _this = _super.call(this, "(none)", el, cd, layout, wm) || this;
        _this.model = model;
        _this.info = info;
        _this.ss = ss;
        _this.zone = zone;
        _this.app = app;
        /**
         * Visible frame range
         */
        _this.range = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](0, 10);
        /**
         * Timeline direction
         */
        _this.reverse = false;
        _this.searchTerm = "";
        _this.mode = __WEBPACK_IMPORTED_MODULE_8__mode_select__["b" /* VIEWMODE */].transfer;
        _this.graph = false;
        _this.shy = false;
        _this.resized = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        return _this;
    }
    TimelinePanel.prototype.onPanelInit = function (container, state) {
        var _this = this;
        this.width = this.panelWidth - 600;
        if (this.comp)
            this.container.setTitle(this.comp.name());
        this.container.on("destroy", function () {
            if (_this.comp) {
                _this.comp.open = false;
                _this.container.getState().closed = true;
            }
        });
        // TODO: convert to rxjs Subscriptions and cancel them OnDestroy
        this.container.on("open", function () { _this.activateComp(); });
        this.container.on("show", function () { _this.activateComp(); });
        // this.container.getElement().on("click", () => {
        //     this.zone.run(() => this.activateComp());
        // });
        this.container.on("resize", function () {
            _this.width = _this.panelWidth - 600;
        });
        this.container.getElement().on('dragover', function (event) { return _this.dragover(event.originalEvent); });
        this.container.getElement().on('drop', function (event) { return _this.dragdrop(event.originalEvent); });
        // this.computeWidth();
        setTimeout(function () { return _this.resized.next(true); });
    };
    TimelinePanel.prototype.ngOnInit = function () {
        _super.prototype.ngOnInit.call(this);
        if (this.comp)
            this.range = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](0, this.comp.numframes);
    };
    TimelinePanel.prototype.ngAfterViewInit = function () {
        var _this = this;
        if (this.comp) {
            this.range = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](0, this.comp.numframes);
            // this.sub = this.comp.change.subscribe(rerender => {
            //     console.log("timeline: comp changed", rerender);
            //     if(this.container) 
            //         this.container.setTitle(this.comp.name());
            //     this.cd.markForCheck();
            // });
        }
        this.container.on("resize", function () {
            _this.resized.next(true);
        });
    };
    TimelinePanel.prototype.ngOnDestroy = function () {
        _super.prototype.ngOnDestroy.call(this);
        this.resized.complete();
        if (this.sub)
            this.sub.unsubscribe();
        if (!this.container.getState().closed)
            this.container.close();
    };
    // computeWidth() {
    //     this.width = this.el.nativeElement.getBoundingClientRect().width - 600;
    //     this.cd.markForCheck();
    //     console.log("timeline:width", this.width);
    // }
    TimelinePanel.prototype.layers = function () {
        var _this = this;
        return this.comp.layers.slice().reverse()
            .filter(function (layer) { return !_this.shy || !layer.shy; })
            .filter(function (layer) {
            return layer.name().toLowerCase().indexOf(_this.searchTerm.toLocaleLowerCase()) != -1;
        });
    };
    TimelinePanel.prototype.layerID = function (idx, layer) {
        return layer ? layer.id : undefined;
    };
    TimelinePanel.prototype.activateComp = function () {
        if (!this.comp)
            return;
        this.wm.activateKind("CompositionPanel", this.comp);
    };
    TimelinePanel.prototype.click = function (layer, $event) {
        this.ss.select(layer, $event);
        var layerPanel = this.wm.getLastActive("LayerPanel");
        var compPanel = this.wm.getLastActive("CompositionPanel");
        var anyActive = (layerPanel && layerPanel.active) || (compPanel && compPanel.active);
        if (!anyActive) {
            var panel = layerPanel || compPanel;
            if (panel) {
                panel.activate();
            }
        }
    };
    TimelinePanel.prototype.dblclick = function (layer) {
        this.app.openViewer(layer);
    };
    TimelinePanel.prototype.dragdrop = function ($event) {
        var _this = this;
        var rawdata = $event.dataTransfer.getData("text/plain");
        try {
            if (rawdata == "projectitem") {
                var sm = this.ss.getSelectionManager(this.comp.project);
                sm.execute(function (item) {
                    var layer = _this.model.newLayerFromItem(_this.comp, item);
                    _this.ss.select(layer);
                });
                this.comp.change.next(true);
            }
        }
        catch (err) {
            console.error("DropError", err);
        }
    };
    TimelinePanel.prototype.dragover = function ($event) {
        $event.preventDefault();
    };
    TimelinePanel.prototype.mousedown = function ($event) {
        var _this = this;
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__fx_ui__["i" /* SelectionMarker */])($event).subscribe(function (rect) { return _this.selection = rect; });
    };
    return TimelinePanel;
}(__WEBPACK_IMPORTED_MODULE_3__fx_ui__["s" /* Panel */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_model__["Composition"]) === "function" && _a || Object)
], TimelinePanel.prototype, "comp", void 0);
TimelinePanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_1__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: 'TimelinePanel',
        styles: [
            '.timeline { width: 100%; height: 100%; color: #aaa; font-size: 14px; box-sizing: border-box; }',
            '.tl-top { width: 100%; border-bottom: 1px solid black}',
            '.search { margin: 0 10px; height: 21px; color: #ddd; background: transparent; border: 1px solid #666}',
            'time-control { color: #48d; margin: 10px 0px; text-align: center; cursor: default; overflow: hidden;}',
            '.layer-container { width: 100%; height: 100%}',
            '.layer-list {width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden }',
            '.graph { background: #333; width: 100%; height: 100% }',
            'frame-ruler {  }',
            'comp-layer {  }'
        ],
        template: "\n        <div *ngIf=\"comp\" fxLayout=\"column\"  class=\"timeline comp-{{comp.id}}\">\n            <div fxFlex=\"0 0 40px\">\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"tl-top\">\n                    <timecode-control fxFlex=\"0 0 100px\" \n                        [(frame)]=\"comp.frame\" \n                        [framerate]=\"comp.framerate\" \n                        [range]=\"comp.inoutrange\" \n                        (frameChange)=\"comp.change.next(false)\"\n                        (dragstop)=\"comp.change.next(null)\"\n                        >\n                    </timecode-control>\n                    \n                    <input type=\"search\" fxFlex=\"0 0 200px\" class=\"search\" [(ngModel)]=\"searchTerm\" placeholder=\"Search\" >\n                   \n                    <mode-select fxFlex=\"0 0 280px\" \n                        [comp]=\"comp\"\n                        [(mode)]=\"mode\"\n                        [(graph)]=\"graph\"\n                        [(shy)]=\"shy\"\n                        [(reverse)]=\"reverse\">\n                    </mode-select>\n                   \n                    <frame-range-ruler fxFlex \n                        [resized]=\"resized\"\n                        [width]=\"width\"\n                        [numframes]=\"comp.numframes\" \n                        [reverse]=\"reverse\"\n                        [(frame)]=\"comp.frame\" \n                        [(range)]=\"range\" \n                        (frameChange)=\"comp.change.next(false)\"\n                        (dragstop)=\"comp.change.next(null)\">\n                    </frame-range-ruler>\n                </div>\n            </div>\n\n            <layer-header fxFlex=\"0 0 20px\" [mode]=\"mode\" [resized]=\"resized\" (nameDisplay)=\"showSource=$event\" ></layer-header>\n            \n            <div fxFlex fxFlexFill fxLayout=\"row\" class=\"layer-container\" (mousedown)=\"mousedown($event)\">\n                <div [fxFlex]=\"graph ? '600px' : '100%'\" class=\"layer-list\">\n                    <div fxLayout=\"column\">\n                        <div fxFlex *ngFor=\"let layer of layers(); trackBy:layerID; let i = index\" >\n                            <comp-layer \n                                [resized]=\"resized\"\n                                (click)=\"click(layer, $event)\"\n                                (dblclick)=\"dblclick(layer, $event)\"\n                                [index]=\"i\" \n                                [selection]=\"selection\"\n                                [showSource]=\"showSource\"\n                                [mode]=\"mode\" \n                                [range]=\"range\" \n                                [time]=\"comp.frame\"\n                                [width]=\"width\"\n                                [reverse]=\"reverse\"\n                                [layer]=\"layer\"></comp-layer>\n                        </div>   \n                    </div>\n                </div>\n                <div *ngIf=\"graph\" fxFlex class=\"graph\">\n                    <graph-editor style=\"display: block; width: 100%; height: 100%\"\n                        [resized]=\"resized\" [comp]=\"comp\" [range]=\"range\" \n                        [reverse]=\"reverse\"></graph-editor>\n                </div>\n            </div>\n        </div>\n  "
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_6__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__fx_services__["b" /* ModelService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_7__info_info__["a" /* InfoService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_7__info_info__["a" /* InfoService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["o" /* NgZone */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["o" /* NgZone */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_5_app_app_services__["a" /* AppService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5_app_app_services__["a" /* AppService */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_3__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_ui__["e" /* LayoutManager */]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_3__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_ui__["d" /* WindowManager */]) === "function" && _k || Object])
], TimelinePanel);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
//# sourceMappingURL=timeline-panel.js.map

/***/ }),

/***/ "./src/app/panels/timeline/track-point.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TrackPointComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



//import { RangeChange, RangeChangeType } from '@fx/ui';


//import { InfoService } from '../info/info';
var TrackPointComponent = (function () {
    function TrackPointComponent(ss, model) {
        this.ss = ss;
        this.model = model;
        this.open = false;
    }
    TrackPointComponent.prototype.ngOnInit = function () {
        //        this.sm = this.ss.getInstance(this.layer.comp.id, "Layer");
    };
    TrackPointComponent.prototype.ngOnChanges = function () {
        var _this = this;
        if (this.selectionTargets && this.selection) {
            this.selectionTargets.forEach(function (elem) {
                var domelem = elem.nativeElement;
                var trackpoint = _this.tracker.all().find(function (tp) { return tp.id == domelem.dataset['tp']; });
                if (_this.selection.intersects(domelem.getBoundingClientRect())) {
                    _this.ss.addSelection(trackpoint);
                }
                else {
                    _this.ss.unselect(trackpoint);
                }
            });
        }
    };
    return TrackPointComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], TrackPointComponent.prototype, "index", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _a || Object)
], TrackPointComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Layer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["Layer"]) === "function" && _b || Object)
], TrackPointComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["MotionTracker"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["MotionTracker"]) === "function" && _c || Object)
], TrackPointComponent.prototype, "tracker", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackPoint"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackPoint"]) === "function" && _d || Object)
], TrackPointComponent.prototype, "trackpoint", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"]) === "function" && _e || Object)
], TrackPointComponent.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_9" /* ViewChildren */])("selectiontarget"),
    __metadata("design:type", typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_10" /* QueryList */]) === "function" && _f || Object)
], TrackPointComponent.prototype, "selectionTargets", void 0);
TrackPointComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: 'track-point',
        styles: [
            '.header {height: 25px; width: 100%; border-bottom: 1px solid black}',
            '.barbg { background: #333;}',
            ':host >>> range-slider.layer .bar {display: block; border: 1px solid #9ab; margin: 1px 0px; position: relative; height: 16px;}',
            '.layerabove { border-top: 1px solid red; }',
            '.layerbelow { border-bottom: 1px solid green; }',
        ],
        template: "\n\n        <div class=\"header fixed border selectable\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div fxFlexOffset=\"180px\" fxFlex=\"20px\" (click)=\"open=!open\">\n                <i [ngClass]=\"open ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n            </div>\n            <div fxFlex=\"180px\">\n                <div  #selectiontarget [attr.data-tp]=\"trackpoint.id\"  style=\"overflow: hidden; cursor: default; text-overflow: ellipsis; white-space: nowrap;\"\n                    (click)=\"ss.select(trackpoint, $event); $event.stopPropagation()\"\n                        [ngClass]=\"{selected: trackpoint.selected}\">\n                    Track Point {{index}}\n                </div>\n            </div>\n        </div>\n\n        <anim-prop flexoffset=\"30px\" flexwidth=\"150px\" *ngIf=\"open\" name=\"Feature Center\" \n                [range]=\"range\" [layer]=\"layer\" [prop]=\"trackpoint.pos$\">\n\n            <span number-slider \n                [(ngModel)]=\"trackpoint.pos.x\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>, &nbsp;\n\n            <span number-slider \n                [(ngModel)]=\"trackpoint.pos.y\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>\n        </anim-prop>\n\n\n        <anim-prop  flexoffset=\"30px\" flexwidth=\"150px\" *ngIf=\"open\" name=\"Search Size\" \n                [range]=\"range\" [layer]=\"layer\" [prop]=\"null\">\n\n            <span number-slider \n                [(ngModel)]=\"trackpoint.search.width\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>, &nbsp;\n\n            <span number-slider \n                [(ngModel)]=\"trackpoint.search.height\" \n                [fmt]=\"'%.1f'\" \n                [precision]=\"defaultPrecision\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\" \n                class=\"fx-value\"></span>\n        </anim-prop>\n\n        ",
    }),
    __metadata("design:paramtypes", [typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_3__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_services__["b" /* ModelService */]) === "function" && _h || Object])
], TrackPointComponent);

var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=track-point.js.map

/***/ }),

/***/ "./src/app/panels/timeline/tracker.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerTrackerComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





/**
 * Timeline row that handles the "> Motion Trackers" row and
 *
 */
var LayerTrackerComponent = (function () {
    //private sm:SelectionManager;
    function LayerTrackerComponent(ref, undo, wm, ss) {
        this.ref = ref;
        this.undo = undo;
        this.wm = wm;
        this.ss = ss;
        this.openEffect = false;
    }
    LayerTrackerComponent.prototype.reset = function () {
        this.layer.reset();
        this.layer.change.next(true);
    };
    LayerTrackerComponent.prototype.trackerID = function (idx, tracker) {
        return tracker ? tracker.id : undefined;
    };
    return LayerTrackerComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["AVLayer"]) === "function" && _a || Object)
], LayerTrackerComponent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"]) === "function" && _b || Object)
], LayerTrackerComponent.prototype, "range", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], LayerTrackerComponent.prototype, "time", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"]) === "function" && _c || Object)
], LayerTrackerComponent.prototype, "selection", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], LayerTrackerComponent.prototype, "width", void 0);
LayerTrackerComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default,
        selector: 'comp-tracker',
        styles: [
            '.header { width: 100%; xheight: 25px; }',
            '.fixed { height: 25px; }',
            '.header > div {  }',
            '.pointer { cursor: default }',
            '.border {border-bottom: 1px solid black}',
        ],
        template: "\n        <div *ngIf=\"layer.trackers.length\" class=\"header fixed border\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div [fxFlexOffset]=\"'140px'\" fxFlex=\"20px\" (click)=\"openEffect=!openEffect\">\n                <i [ngClass]=\"openEffect ? 'fa-caret-down' : 'fa-caret-right'\" class=\"fa fa-lg\"></i>\n            </div>\n        \n\n            <div fxFlex=\"200px\" class=\"pointer\" \n                [ngClass]=\"{selected: layer.trackerGroup.selected, active: ss.active(layer.trackerGroup)}\"\n                (click)=\"ss.select(layer.trackerGroup, $event);  $event.stopPropagation()\" \n                (dblclick)=\"openEffect=!openEffect; $event.stopPropagation()\">\n                Motion Trackers\n            </div>\n\n            <div (click)=\"reset()\">\n                <span class=\"fx-value pointer\">Reset</span>\n            </div>\n        </div>\n\n        <template [ngIf]=\"openEffect\">\n            <div class=\"header\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                *ngFor=\"let tracker of layer.trackers; trackBy:trackerID; let i=index;\">\n\n                <motion-tracker fxFlex fxFill \n                   [selection]=\"selection\" [layer]=\"layer\" [tracker]=\"tracker\" [index]=\"i+1\" [range]=\"range\"\n                ></motion-tracker>\n\n            </div>\n        </template>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _g || Object])
], LayerTrackerComponent);

var _a, _b, _c, _d, _e, _f, _g;
//# sourceMappingURL=tracker.js.map

/***/ }),

/***/ "./src/app/panels/toolbar/shapemenu.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_app_app_services__ = __webpack_require__("./src/app/app.services.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ShapeMenuSettings; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ShapeMenu; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var ShapeMenuSettings = (function () {
    function ShapeMenuSettings() {
        this.stroke = __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"].YELLOW;
        this.fill = __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"].BLUE;
        this.lineWidth = 1;
    }
    return ShapeMenuSettings;
}());
ShapeMenuSettings = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], ShapeMenuSettings);

var ShapeMenu = (function () {
    function ShapeMenu(cd, app, model, ss, settings) {
        var _this = this;
        this.cd = cd;
        this.app = app;
        this.model = model;
        this.ss = ss;
        this.settings = settings;
        this.EM = __WEBPACK_IMPORTED_MODULE_4__fx_ui__["b" /* EditorModes */];
        this.ss.global.subscribe(function (change) {
            if (change.on instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["FXShape"]) {
                _this.shape = change.on;
                _this.settings.stroke = _this.shape.stroke;
                _this.settings.fill = _this.shape.fill;
                _this.cd.markForCheck();
            }
        });
    }
    ShapeMenu.prototype.shapes = function () {
        var comp = this.model.getActiveComposition();
        var sm = this.ss.getSelectionManager(comp);
        var shapes = sm.selected.filter(function (s) { return s instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["FXShape"]; });
        return shapes;
    };
    ShapeMenu.prototype.changeStroke = function () {
        var _this = this;
        this.shapes().forEach(function (s) { return s.stroke = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"](_this.settings.stroke); });
        this.shapes().forEach(function (s) { return s.layer.change.next(true); });
    };
    ShapeMenu.prototype.changeFill = function () {
        var _this = this;
        this.shapes().forEach(function (s) { return s.fill = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"](_this.settings.fill); });
        this.shapes().forEach(function (s) { return s.layer.change.next(true); });
    };
    ShapeMenu.prototype.changeLinesize = function () {
        var _this = this;
        this.shapes().forEach(function (s) { return s.lineWidth = _this.settings.lineWidth; });
        this.shapes().forEach(function (s) { return s.layer.change.next(true); });
    };
    return ShapeMenu;
}());
ShapeMenu = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'ShapeMenu',
        template: " \n    <div *ngIf=\"app.editormode == EM.PATH\" style=\"position: absolute; top: 0; right: 405px; width: 250px; z-index:9;  font-size: 12px\">\n        <div  style=\"position: relative; height: 40px; max-height: 40px; display: flex; align-items: center; padding: 0 10px;\">\n           \n            <div style=\"display: flex; align-items: center; width: 100%;\">\n                <div style=\"flex: 1 1 40%\">\n                    <span class=\"fx-value\">Stroke: </span>\n                    <input type=\"color\" style=\"width: 32px; height: 16px; border: 0; vertical-align: middle\" \n                        [(ngModel)]=\"settings.stroke.rgb\"\n                        (ngModelChange)=\"changeStroke()\"\n                        >\n                </div>\n\n                <div style=\"flex: 1 1 30%\">\n                    <span class=\"fx-value\">Fill: </span>\n                    <input type=\"color\" style=\"width: 32px; height: 16px; border: 0; vertical-align: middle\"\n                        [(ngModel)]=\"settings.fill.rgb\"\n                        (ngModelChange)=\"changeFill()\"\n                        >\n                </div>\n\n                <div style=\"flex: 1 1 20%; text-align: left; white-space: nowrap\">\n                    Size: \n                    <span class=\"fx-value\" number-slider  \n                        [(ngModel)]=\"settings.linesize\" \n                        (valueChange)=\"changeLinesize()\" \n                    >1.0</span>\n                </div>\n            </div>\n\n        </div>\n    </div>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1_app_app_services__["a" /* AppService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1_app_app_services__["a" /* AppService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_5__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_services__["b" /* ModelService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"]) === "function" && _d || Object, ShapeMenuSettings])
], ShapeMenu);

var _a, _b, _c, _d;
//# sourceMappingURL=shapemenu.js.map

/***/ }),

/***/ "./src/app/panels/toolbar/snapmenu.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_app_app_services__ = __webpack_require__("./src/app/app.services.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__viewers_editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SnapMenu; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var SnapMenu = (function () {
    function SnapMenu(cd, app, em) {
        var _this = this;
        this.cd = cd;
        this.app = app;
        this.em = em;
        this.EM = __WEBPACK_IMPORTED_MODULE_2__fx_ui__["b" /* EditorModes */];
        this.em.onChange.subscribe(function (change) {
            _this.panel = change.first;
        });
    }
    Object.defineProperty(SnapMenu.prototype, "options", {
        get: function () {
            return this.panel.settings.snapoptions;
        },
        enumerable: true,
        configurable: true
    });
    return SnapMenu;
}());
SnapMenu = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'SnapMenu',
        template: " \n    <div *ngIf=\"app.editormode == EM.SELECT && panel && options\" style=\"position: absolute; top: 0; right: 405px; width: 250px; z-index:9;  font-size: 12px\">\n        <div  style=\"position: relative; height: 40px; max-height: 40px; display: flex;  align-items: center; padding: 0 10px;\">\n           \n            <div style=\"display: flex; align-items: center; flex-direction: row-reverse; width: 100%;\">\n                <div>\n                    Snapping\n                </div>\n                <div>\n                    <input type=\"checkbox\" [(ngModel)]=\"options.snap\">\n                </div>\n            </div>\n\n        </div>\n    </div>\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1_app_app_services__["a" /* AppService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1_app_app_services__["a" /* AppService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_3__viewers_editor__["b" /* EditorManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__viewers_editor__["b" /* EditorManager */]) === "function" && _c || Object])
], SnapMenu);

var _a, _b, _c;
//# sourceMappingURL=snapmenu.js.map

/***/ }),

/***/ "./src/app/panels/viewers/composition/composition-editor.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__info_info__ = __webpack_require__("./src/app/panels/info/info.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__toolbar_shapemenu__ = __webpack_require__("./src/app/panels/toolbar/shapemenu.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__shape_factory__ = __webpack_require__("./src/app/panels/viewers/shape-factory/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CompositionEditor; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};










var CompositionEditor = (function (_super) {
    __extends(CompositionEditor, _super);
    function CompositionEditor(differs, cd, zone, info, ss, prj, model, cache, shapeFactory, shapeSettings, undo) {
        var _this = _super.call(this, differs, cd, zone, info) || this;
        _this.ss = ss;
        _this.prj = prj;
        _this.model = model;
        _this.cache = cache;
        _this.shapeFactory = shapeFactory;
        _this.shapeSettings = shapeSettings;
        _this.undo = undo;
        _this.params = {};
        _this.subscriptions = [];
        return _this;
    }
    CompositionEditor.prototype.ngOnInit = function () {
        var _this = this;
        _super.prototype.ngOnInit.call(this);
        var sm = this.ss.getSelectionManager(this.comp);
        var sub1 = sm.onchange.subscribe(function (change) {
            // if(change.on instanceof Layer || change.off.find(x => x instanceof Layer))
            _this.draw();
        });
        var sub2 = this.comp.change.subscribe(function (rerender) { return _this.setDirty(rerender); });
        var sub3 = this.renderDone.subscribe(function () { return _this.comp.onRendered.next(true); });
        this.subscriptions.push(sub1, sub2, sub3);
    };
    CompositionEditor.prototype.ngDestroy = function () {
        _super.prototype.ngOnDestroy.call(this);
        this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
    };
    CompositionEditor.prototype.createShapes = function () {
        return this.shapeFactory.createCompositionShapes(this, this.comp);
    };
    CompositionEditor.prototype.cachekey = function () {
        return this.comp.id + this.comp.generation + this.comp.frame + ".jpg";
    };
    CompositionEditor.prototype.render = function () {
        var _this = this;
        var key = this.cachekey();
        if (this.request)
            this.request.unsubscribe();
        return new Promise(function (resolve, reject) {
            if (!_this.cache.has(key)) {
                var observable = _this.prj.renderCompFrame(_this.comp, _this.comp.frame, 'jpg', _this.params);
                _this.request = observable.subscribe(function (blob) {
                    _this.request = null;
                    _this.cache.set(key, blob);
                    _this.setImage(blob, resolve);
                });
            }
            else {
                _this.setImage(_this.cache.get(key), resolve);
            }
        });
    };
    CompositionEditor.prototype.selectObjectsInRect = function (rect) {
        if (rect) {
            this.ss.unselectAll(this.shapes.map(function (f) { return f.selectable(); }));
            var found = this.shapes.filter(function (shape) { return shape.shape.intersects(rect); });
            this.ss.selectMulti(found.map(function (f) { return f.selectable(); }));
        }
    };
    CompositionEditor.prototype.hittest = function ($event) {
        var sm = this.ss.getSelectionManager(this.comp);
        var point = this.mousePointToModelPoint($event);
        if (this.editormode == __WEBPACK_IMPORTED_MODULE_2__fx_ui__["b" /* EditorModes */].TEXT && !__WEBPACK_IMPORTED_MODULE_7__shape_factory__["b" /* TextLayerShapeDescription */].inEdit) {
            var shapelist = this.shapes.filter(function (shape) {
                return shape instanceof __WEBPACK_IMPORTED_MODULE_7__shape_factory__["b" /* TextLayerShapeDescription */];
            });
            hit = shapelist.map(function (desc) { return desc.hittest(point); }).find(function (d) { return d != null; });
            if (!hit) {
                var layer = this.prj.newTextLayer(this.comp);
                sm.select(layer);
                var desc = this.shapeFactory.createTextShapeDescription(this, layer);
                this.shapes.push(desc);
                this.setDirty(true);
            }
            else {
                hit.dragdata = this.settings;
                sm.select(hit.shape.selectable());
            }
            return hit;
        }
        if (this.editormode == __WEBPACK_IMPORTED_MODULE_2__fx_ui__["b" /* EditorModes */].PATH) {
            this.undo.beginUndoGroup();
            var shapelist = this.shapes.filter(function (shape) { return shape instanceof __WEBPACK_IMPORTED_MODULE_7__shape_factory__["c" /* BezierShapeDescription */]; });
            hit = shapelist.map(function (desc) { return desc.hittest(point); }).find(function (d) { return d != null; });
            if (!hit) {
                var _a = this.getOrCreateBezierShape(sm), shapedesc = _a.shapedesc, shape = _a.shape;
                this.ss.select(shape);
                var ap = shapedesc.shape.unproject(point);
                var seg = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Segment"](ap, null, null);
                shape.path.segments.push(seg);
                var hit = new __WEBPACK_IMPORTED_MODULE_7__shape_factory__["d" /* HitTest */](shapedesc, point, null);
                hit.dragdata = { segment: seg, handle: null, other: null, path: shape.path };
            }
            this.undo.endUndoGroup();
            return hit;
        }
        var shapelist = this.findVisibleShapesContainingPoint(point);
        // Mutliple shapes already selected and mouse was clicked within one of them
        if (shapelist.length && shapelist[0].sm.selected.length > 1) {
            var hit = shapelist[0].hittest(point);
            this.undo.endUndoGroup();
            return hit;
        }
        // Extend or replace selection, use correct SelectionManger
        if (shapelist.length) {
            if ($event.ctrlKey || $event.metaKey) {
                shapelist.forEach(function (sd) { return sd.sm.select(sd.selectable(), $event); });
            }
            else {
                var sm = shapelist[0].sm;
                sm.select(shapelist[0].selectable(), $event);
            }
        }
        else {
            this.shapes.forEach(function (desc) { return desc.sm.unselectAll(); });
        }
        this.setDirty(false);
        hit = shapelist.map(function (desc) { return desc.hittest(point); }).find(function (d) { return d != null; });
        if (hit) {
            this.undo.endUndoGroup();
            return hit;
        }
        this.undo.endUndoGroup();
        return null;
    };
    CompositionEditor.prototype.getOrCreateBezierShape = function (sm) {
        var newshape = null, shape = null, shapedesc = null;
        if (!sm.selected.length) {
            var shapeTarget = this.prj.newShapeLayer(this.comp);
            newshape = shapeTarget.newShape(this.shapeSettings.stroke, this.shapeSettings.fill, this.shapeSettings.lineWidth);
        }
        else {
            var selected = sm.selected[0];
            if (selected instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["ShapeLayer"]) {
                newshape = selected.newShape(this.shapeSettings.stroke, this.shapeSettings.fill, this.shapeSettings.lineWidth);
            }
            else if (selected instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["AVLayer"]) {
                var shapeTarget = this.model.addMask(this.comp, selected);
                newshape = shapeTarget.newShape();
            }
            else if (selected instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Mask"]) {
                if (selected.shape.path.closed) {
                    var shapeTarget = this.model.addMask(this.comp, selected.layer);
                    newshape = shapeTarget.newShape();
                }
                else {
                    shape = selected.shape;
                }
            }
            else if (selected instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["FXShape"]) {
                if (selected.path.closed) {
                    if (selected.layer instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["ShapeLayer"]) {
                        newshape = selected.layer.newShape(this.shapeSettings.stroke, this.shapeSettings.fill, this.shapeSettings.lineWidth);
                    }
                    else {
                        var shapeTarget = this.model.addMask(this.comp, selected.layer);
                        newshape = shapeTarget.newShape();
                    }
                }
                else {
                    shape = selected;
                }
            }
        }
        if (newshape) {
            shapedesc = this.shapeFactory.createBezierShapeDescription(this, newshape);
            this.shapes.push(shapedesc);
            shape = newshape;
        }
        else {
            shapedesc = this.shapes.find(function (sd) { return sd.fxshape == shape; });
        }
        return { shapedesc: shapedesc, shape: shape };
    };
    CompositionEditor.prototype.dragstart = function (start, arg) {
        this.undo.beginUndoGroup();
        _super.prototype.dragstart.call(this, start, arg);
    };
    CompositionEditor.prototype.drag = function (event, delta, total, arg) {
        _super.prototype.drag.call(this, event, delta, total, arg);
        if (arg.shape instanceof __WEBPACK_IMPORTED_MODULE_7__shape_factory__["e" /* LayerShapeDescription */]) {
            //arg.shape.selectable().change.next(false);
            // Note: Enable above if you want panels to work with
            // ChangeDetectionStrategy.OnPush
        }
    };
    CompositionEditor.prototype.dragstop = function (event, arg, dragged) {
        _super.prototype.dragstop.call(this, event, arg, dragged);
        this.undo.endUndoGroup();
        this.comp.change.next(dragged);
    };
    CompositionEditor.prototype.dblclick = function (start, arg) {
        if (arg)
            arg.shape.dblclick(start, arg);
    };
    ;
    return CompositionEditor;
}(__WEBPACK_IMPORTED_MODULE_8__editor__["a" /* ViewerBaseEditor */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Composition"]) === "function" && _a || Object)
], CompositionEditor.prototype, "comp", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], CompositionEditor.prototype, "params", void 0);
CompositionEditor = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'CompositionEditor',
        styles: [
            "canvas {\n            flex: 1 1 0;\n            min-width: 0;\n            mi-height: 0;\n            image-rendering: optimizeSpeed;             /* Older versions of FF          */\n            image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */\n            image-rendering: -webkit-optimize-contrast; /* Safari                        */\n            image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */\n            image-rendering: pixelated;                 /* Awesome future-browsers       */\n            -ms-interpolation-mode: nearest-neighbor;   /* IE                            */\n        }"
        ],
        template: "<canvas #canvas xwidth=\"100\" xheight=\"100\"> </canvas>",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_5__info_info__["a" /* InfoService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__info_info__["a" /* InfoService */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SimpleCache"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SimpleCache"]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_7__shape_factory__["a" /* ShapeFactory */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_7__shape_factory__["a" /* ShapeFactory */]) === "function" && _k || Object, typeof (_l = typeof __WEBPACK_IMPORTED_MODULE_6__toolbar_shapemenu__["b" /* ShapeMenuSettings */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__toolbar_shapemenu__["b" /* ShapeMenuSettings */]) === "function" && _l || Object, typeof (_m = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["UndoManager"]) === "function" && _m || Object])
], CompositionEditor);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
//# sourceMappingURL=composition-editor.js.map

/***/ }),

/***/ "./src/app/panels/viewers/composition/composition-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_app_app_services__ = __webpack_require__("./src/app/app.services.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__settings__ = __webpack_require__("./src/app/panels/viewers/composition/settings.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__composition_editor__ = __webpack_require__("./src/app/panels/viewers/composition/composition-editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__viewer_panel__ = __webpack_require__("./src/app/panels/viewers/viewer-panel.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CompositionPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};









var CompositionPanel = (function (_super) {
    __extends(CompositionPanel, _super);
    function CompositionPanel(model, differs, app, em, el, cd, layout, wm) {
        var _this = _super.call(this, "composition panel", el, cd, layout, wm) || this;
        _this.model = model;
        _this.differs = differs;
        _this.app = app;
        _this.em = em;
        _this.compChangeSubscription = null;
        _this.settingsMap = new Map();
        _this.settings = new __WEBPACK_IMPORTED_MODULE_5__settings__["b" /* CompositionViewSettings */]();
        return _this;
    }
    CompositionPanel.prototype.xcomp = function () {
        return [this.comp];
    };
    CompositionPanel.prototype.compID = function (idx, comp) {
        return comp ? comp.id : undefined;
    };
    CompositionPanel.prototype.ngAfterViewInit = function () {
        // this.settingToolBarList.changes
        //     .takeUntil(this.panelDestroyed$)
        //     .subscribe(x => {
        //         console.log("toolbar set")
        //         this.settingToolBar = this.settingToolBarList.first;
        //         this.wm.addMenuListener(this.panelid, this.settingToolBar)
        // });
        var _this = this;
        this.wm.addMenuListener(this.panelid, this.settingToolBar);
        this.setTitle();
        this.container.on("resize", function () {
            _this.settings.resize.next(true);
        });
        this.on("destroy", function () {
            _this.container.getState().closed = true;
            _this.closed.next(true);
            _this.closed.complete();
        });
        this.on("show", function () { _this.em.activate(_this, _this.comp); });
        if (this.comp)
            this.setActiveItem(this.comp);
    };
    CompositionPanel.prototype.ngOnDestroy = function () {
        _super.prototype.ngOnDestroy.call(this);
        this.wm.removeMenuListener(this.panelid, this.settingToolBar);
        if (!this.container.getState().closed)
            this.container.close();
    };
    CompositionPanel.prototype.ngOnChanges = function () {
        if (!this.comp)
            return;
        this.setActiveItem(this.comp);
    };
    CompositionPanel.prototype.setActiveItem = function (comp) {
        var _this = this;
        this.comp = comp;
        this.model.setActiveComposition(comp);
        this.settings = this.settingsMap.get(comp.id);
        if (!this.settings) {
            this.settings = new __WEBPACK_IMPORTED_MODULE_5__settings__["b" /* CompositionViewSettings */]();
            this.settingsMap.set(comp.id, this.settings);
        }
        if (this.compChangeSubscription)
            this.compChangeSubscription.unsubscribe();
        this.compChangeSubscription = comp.change.subscribe(function (rerender) { return _this.setTitle(); });
        this.setTitle();
        this.em.activate(this, this.comp);
        // this.wm.removeMenuListener(this.panelid, this.settingToolBar);
        // this.wm.addMenuListener(this.panelid, this.settingToolBar)
        this.cd.markForCheck();
    };
    CompositionPanel.prototype.getActiveItem = function () {
        return this.comp;
    };
    CompositionPanel.prototype.getEditor = function () {
        return this.editor;
    };
    CompositionPanel.prototype.setTitle = function () {
        var title = "Composition: " + (this.comp ? this.comp.name() : '(none)');
        if (this.container)
            this.container.setTitle(title);
    };
    CompositionPanel.prototype.mousewheel = function (deltaY) {
        this.settingToolBar.mousewheel(deltaY);
    };
    return CompositionPanel;
}(__WEBPACK_IMPORTED_MODULE_8__viewer_panel__["a" /* ViewerPanel */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Composition"]) === "function" && _a || Object)
], CompositionPanel.prototype, "comp", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])(__WEBPACK_IMPORTED_MODULE_5__settings__["a" /* CompositionViewSettingsToolBar */]),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_5__settings__["a" /* CompositionViewSettingsToolBar */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__settings__["a" /* CompositionViewSettingsToolBar */]) === "function" && _b || Object)
], CompositionPanel.prototype, "settingToolBar", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('compedit'),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_6__composition_editor__["a" /* CompositionEditor */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__composition_editor__["a" /* CompositionEditor */]) === "function" && _c || Object)
], CompositionPanel.prototype, "editor", void 0);
CompositionPanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'CompositionPanel',
        host: {
            '(mousewheel)': "mousewheel($event.wheelDeltaY)"
        },
        template: " \n        <div *ngIf=\"comp\" fxLayout=\"column\" fxLayoutAlign=\"center center\" style=\"width:100%; height:100%\">\n            <div fxFlex fxFill style=\"overflow: hidden\" >\n               <CompositionEditor #compedit *ngFor=\"let x of xcomp(); trackBy: compID\" style=\"display: block; width: 100%; height: 100%\" \n                    [comp]=\"x\" [settings]=\"settings\" [editormode]=\"app.editormode\">\n               </CompositionEditor>\n            </div>\n\n            <div fxFlex=\"0 0 25px\" style=\"width: 100%; padding: 5px; border-top: 1px solid #444;\">\n                <CompositionViewSettingsToolBar \n                    [settings]=\"settings\" \n                    (settingsChange)=\"this.cd.markForCheck()\"\n                    [(frame)]=\"comp.frame\"\n                    (frameChange)=\"comp.change.next(true)\">\n                </CompositionViewSettingsToolBar>\n            </div>\n        </div>",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1_app_app_services__["a" /* AppService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1_app_app_services__["a" /* AppService */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_7__editor__["b" /* EditorManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_7__editor__["b" /* EditorManager */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["e" /* LayoutManager */]) === "function" && _k || Object, typeof (_l = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["d" /* WindowManager */]) === "function" && _l || Object])
], CompositionPanel);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
//# sourceMappingURL=composition-panel.js.map

/***/ }),

/***/ "./src/app/panels/viewers/composition/settings.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__view_settings__ = __webpack_require__("./src/app/panels/viewers/view-settings.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return CompositionViewSettings; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CompositionViewSettingsToolBar; });
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 __());
    };
})();
var __decorate = (this && this.__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 CompositionViewSettings = (function (_super) {
    __extends(CompositionViewSettings, _super);
    function CompositionViewSettings() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.format = "jpg";
        _this.size = 1.0;
        _this.renderer = "remote";
        _this.camera = "active";
        return _this;
    }
    return CompositionViewSettings;
}(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["t" /* EditorSettings */]));

var CompositionViewSettingsToolBar = (function (_super) {
    __extends(CompositionViewSettingsToolBar, _super);
    function CompositionViewSettingsToolBar() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    return CompositionViewSettingsToolBar;
}(__WEBPACK_IMPORTED_MODULE_2__view_settings__["a" /* ViewSettings */]));
CompositionViewSettingsToolBar = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'CompositionViewSettingsToolBar',
        template: " \n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div fxFlex>\n                <select [(ngModel)]=\"settings.zoom\">\n                    <option *ngFor=\"let level of settings.zoomLevels;\" [ngValue]=\"level/100\">{{level}}%</option>\n                    <option [ngValue]=\"settings.zoom\">{{settings.zoom*100|formatter:'%.1f'}}%</option>\n                </select>\n            </div>\n\n            <div fxFlex>\n                <button>Timeline</button>\n            </div>            \n            \n            <div fxFlex>\n                <select *ngIf=\"settings.renderer=='sdl'\" [(ngModel)]=\"settings.format\">\n                    <option [ngValue]=\"'jpg'\">Faster</option>\n                    <option [ngValue]=\"'png'\">Better</option>\n                </select>\n            </div>\n            \n            <div fxFlex>\n                <select *ngIf=\"settings.renderer=='sdl'\" [(ngModel)]=\"settings.size\">\n                    <option [ngValue]=\"1.0\">Full</option>\n                    <option [ngValue]=\"0.5\">Half</option>\n                    <option [ngValue]=\"0.25\">Quarter</option>\n                </select>\n            </div>\n            \n            <div fxFlex>\n                <i (click)=\"settings.center.emit(true)\" style=\"color:#666; border-color:#666; margin-top: 2px; padding: 1px 10px\" class=\"fa fa-arrows-alt fa-border\"></i>\n            </div>\n\n            <div fxFlex>\n                <input type=\"number\" [(ngModel)]=\"frame\" style=\"margin-top: 2px; width: 50px; background: transparent; color:#666; border: 1px solid #666; padding: 1px 10px\">\n            </div>\n\n            <div fxFlex>\n                <select [(ngModel)]=\"settings.renderer\">\n                    <option [ngValue]=\"'remote'\">Final Quality</option>\n                    <option [ngValue]=\"'3d'\">Draft 3D</option>\n                    <option [ngValue]=\"'360'\">360\u00B0 Panorama</option>\n                </select>\n            </div>\n\n            <div fxFlex>\n                <select [(ngModel)]=\"settings.camera\">\n                    <option [ngValue]=\"'active'\">Active Camera</option>\n                </select>\n            </div>\n\n        </div>\n       "
    })
], CompositionViewSettingsToolBar);

//# sourceMappingURL=settings.js.map

/***/ }),

/***/ "./src/app/panels/viewers/editor.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_add_operator_take__ = __webpack_require__("./node_modules/rxjs/add/operator/take.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_add_operator_take___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_rxjs_add_operator_take__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__info_info__ = __webpack_require__("./src/app/panels/info/info.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return EditorManager; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ViewerBaseEditor; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var EditorManager = (function () {
    function EditorManager() {
        this.onChange = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]();
    }
    EditorManager.prototype.activate = function (panel, item) {
        this.activePanel = panel;
        this.activeItem = item;
        this.onChange.next(new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Pair"](panel, item));
    };
    Object.defineProperty(EditorManager.prototype, "item", {
        get: function () {
            return this.activeItem;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(EditorManager.prototype, "panel", {
        get: function () {
            return this.activePanel;
        },
        enumerable: true,
        configurable: true
    });
    return EditorManager;
}());
EditorManager = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])()
], EditorManager);

var ViewerBaseEditor = (function (_super) {
    __extends(ViewerBaseEditor, _super);
    function ViewerBaseEditor(differs, cd, zone, info) {
        var _this = _super.call(this) || this;
        _this.differs = differs;
        _this.cd = cd;
        _this.zone = zone;
        _this.info = info;
        _this.shapes = [];
        _this.subs = [];
        _this.counter = 0;
        _this.differ = differs.find({}).create(null);
        return _this;
    }
    ViewerBaseEditor.prototype.ngOnInit = function () {
        this.changeSubscriptions();
    };
    ViewerBaseEditor.prototype.ngOnDestroy = function () {
        this.subs.forEach(function (sub) { return sub.unsubscribe(); });
    };
    ViewerBaseEditor.prototype.ngDoCheck = function () {
        var _this = this;
        var diffs = this.differ.diff(this.settings);
        if (diffs) {
            diffs.forEachChangedItem(function (record) {
                switch (record.key) {
                    case "zoom":
                        var zoomChange = record.previousValue - record.currentValue;
                        _this.zoom(zoomChange);
                        break;
                    case "center":
                    case "resize":
                        _this.changeSubscriptions();
                        break;
                    case "showRulers":
                    case "showGuides":
                        _this.needsDraw = true;
                        break;
                    default:
                        _this.needsRender = true;
                        break;
                }
            });
        }
        /**
         * This is super fragile with undo:
         * During undo layers get changed. These changes trigger a "layer.change.next(false)", which
         * will bubble up to "composition.change.next()". The above subscription will call setDirty().
         * However, no rendering happens until the undo trigger calls composition.change.next(true).
         * Therefore, the code below will NOT execute a draw, because a "needsRender" is also waiting.
         * The needsRender will not create the shapes that may have been undone during the Undo.
         * If this flow would happen in any other way, draw() would try to draw un-done shapes and crash!
         */
        if (this.needsDraw && !this.needsRender) {
            this.needsDraw = false;
            this.snapman.setOptions(this.settings.snapoptions);
            this.snapman.setShapes(this.shapes.map(function (sd) { return sd.shape; }));
            this.snapman.setGuides(this.settings.guides);
            this.draw();
        }
        if (this.needsRender) {
            this.needsRender = false;
            this.shapes = this.createShapes();
            this.snapman.setShapes(this.shapes.map(function (sd) { return sd.shape; }));
            this.render().then(function () {
                _this.snapman.setSize(new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Size"](_this.img.width, _this.img.height));
                _this.draw();
                _this.needsDraw = false;
                _this.renderDone.next(true);
                if (!_this.settings.initialized) {
                    _this.settings.initialized = true;
                    _this.zone.run(function () { return _this.recenter(); });
                }
            });
        }
    };
    // abstract render(): Promise<void>;
    // abstract createShapes(): ShapeDescription[];
    ViewerBaseEditor.prototype.render = function () { return null; };
    ViewerBaseEditor.prototype.createShapes = function () { return null; };
    ViewerBaseEditor.prototype.changeSubscriptions = function () {
        var _this = this;
        this.subs.forEach(function (sub) { return sub.unsubscribe(); });
        this.subs.push(this.settings.center.subscribe(function () { return _this.recenter(); }));
        this.subs.push(this.settings.resize.subscribe(function () { return _this.resize(); }));
    };
    ViewerBaseEditor.prototype.setDirty = function (rerender) {
        if (rerender === true || rerender === null) {
            this.needsRender = true;
        }
        else {
            this.needsDraw = true;
        }
        this.cd.markForCheck();
    };
    ViewerBaseEditor.prototype.setImage = function (blob, resolve) {
        var objUrl = window.URL.createObjectURL(blob);
        var img = new Image();
        img.onload = function () {
            window.URL.revokeObjectURL(objUrl);
            resolve();
        };
        img.src = objUrl;
        this.setBackgroundImage(img);
    };
    ViewerBaseEditor.prototype.mouseover = function ($event) {
        var point = this.projectPoint(this.mousePointToModelPoint($event));
        var precision = 0;
        point = new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Point"](parseFloat(point.x.toFixed(precision)), parseFloat(point.y.toFixed(precision)));
        this.info.setMouseInfo(point);
        if (!this.dragging) {
            this.drawBackground();
            var screen = new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Point"]($event.offsetX, $event.offsetY)
                .add(this.cursorOffset)
                .mul(this.pixelRatio);
            var color = this.getPixelColor(screen);
            if (color)
                this.info.setColor(color);
            this.draw();
            this.mouseOver($event);
            if (this.settings.showRulers)
                this.drawRulers();
            if (this.settings.showGuides)
                this.drawGuides();
        }
    };
    ViewerBaseEditor.prototype.drawOverlays = function (ctx) {
        this.shapes.forEach(function (shape) { return shape.render(ctx, false, false); });
    };
    ViewerBaseEditor.prototype.drawSnaps = function (ctx) {
        var _this = this;
        this.snapman.signal
            .take(1)
            .subscribe(function (signal) {
            if (signal.x != undefined) {
                var x = (signal.x * _this.settings.zoom + _this.settings.imageOffset.x);
                _this.ctx.save();
                _this.ctx.beginPath();
                _this.ctx.moveTo(x, 0);
                _this.ctx.lineTo(x, _this.canvas.height * _this.pixelRatio);
                _this.ctx.strokeStyle = "yellow";
                _this.ctx.stroke();
                _this.ctx.restore();
            }
            if (signal.y != undefined) {
                var y = (signal.y * _this.settings.zoom + _this.settings.imageOffset.y);
                _this.ctx.save();
                _this.ctx.beginPath();
                _this.ctx.moveTo(0, y);
                _this.ctx.lineTo(_this.canvas.width * _this.pixelRatio, y);
                _this.ctx.strokeStyle = "yellow";
                _this.ctx.stroke();
                _this.ctx.restore();
            }
        });
    };
    ViewerBaseEditor.prototype.drawOutside = function (ctx) {
        this.shapes.forEach(function (shape) { return shape.render(ctx, true, false); });
    };
    ViewerBaseEditor.prototype.drawHovers = function (ctx, $event) {
        var _this = this;
        var point = this.projectPoint(this.mousePointToModelPoint($event));
        var overs = this.shapes.filter(function (desc) { return desc.visible(); }).reverse().filter(function (desc) { return desc.shape.containsPoint(point); });
        overs.forEach(function (over) { return over.render(_this.ctx, false, true, point); });
    };
    ViewerBaseEditor.prototype.dragstart = function (start, arg) {
        if (arg)
            arg.shape.dragstart(arg);
    };
    ViewerBaseEditor.prototype.drag = function (event, delta, total, arg) {
        var point = this.projectPoint(this.mousePointToModelPoint(event));
        if (arg)
            arg.shape.drag(event, point, delta, total, arg);
    };
    ViewerBaseEditor.prototype.dragstop = function (event, arg, dragged) {
        this.snapman.signal.next({});
        var point = this.projectPoint(this.mousePointToModelPoint(event));
        if (arg)
            arg.shape.dragstop(event, point, arg);
    };
    ViewerBaseEditor.prototype.projectPoint = function (p) {
        return p;
    };
    ViewerBaseEditor.prototype.mousePointToModelPoint = function ($event) {
        var off = new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Point"]($event.offsetX, $event.offsetY)
            .add(this.cursorOffset)
            .mul(this.pixelRatio);
        return new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Point"]((off.x - this.settings.imageOffset.x) / this.settings.zoom - 0.5, (off.y - this.settings.imageOffset.y) / this.settings.zoom - 0.5);
    };
    ViewerBaseEditor.prototype.findVisibleShapesContainingPoint = function (point) {
        return this.shapes.filter(function (desc) { return desc.visible(); }).reverse().filter(function (desc) { return desc.shape.containsPoint(point); });
    };
    return ViewerBaseEditor;
}(__WEBPACK_IMPORTED_MODULE_4__fx_ui__["r" /* Editor */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__fx_core__["Undoable"])(),
    __metadata("design:type", Array)
], ViewerBaseEditor.prototype, "shapes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* HostListener */])('mousemove', ['$event']),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], ViewerBaseEditor.prototype, "mouseover", null);
ViewerBaseEditor = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'ViewerBaseEditor',
        template: "<canvas #canvas width=\"100\" height=\"100\"> </canvas>",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_5__info_info__["a" /* InfoService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__info_info__["a" /* InfoService */]) === "function" && _d || Object])
], ViewerBaseEditor);

var _a, _b, _c, _d;
//# sourceMappingURL=editor.js.map

/***/ }),

/***/ "./src/app/panels/viewers/footage/footage-editor.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__info_info__ = __webpack_require__("./src/app/panels/info/info.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FootageEditor; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var FootageEditor = (function (_super) {
    __extends(FootageEditor, _super);
    function FootageEditor(differs, cd, zone, info, ss, prj, cache) {
        var _this = _super.call(this, differs, cd, zone, info) || this;
        _this.ss = ss;
        _this.prj = prj;
        _this.cache = cache;
        _this.subscriptions = [];
        return _this;
    }
    FootageEditor.prototype.ngOnInit = function () {
        _super.prototype.ngOnInit.call(this);
    };
    FootageEditor.prototype.ngDestroy = function () {
        _super.prototype.ngOnDestroy.call(this);
        this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
    };
    FootageEditor.prototype.ngOnChanges = function () {
        var _this = this;
        _super.prototype.ngOnChanges.call(this);
        this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
        var sub1 = this.item.change.subscribe(function () { return _this.setDirty(true); });
        var sub2 = this.renderDone.subscribe(function (b) { return _this.item.onRendered.next(b); });
        this.subscriptions = [sub1, sub2];
        this.setDirty(true);
    };
    FootageEditor.prototype.createShapes = function () {
        return []; //this.shapeFactory.create(this.comp);
    };
    FootageEditor.prototype.render = function () {
        var _this = this;
        var cachekey = this.item.source.name() + this.item.frame + ".jpg";
        if (this.request)
            this.request.unsubscribe();
        return new Promise(function (resolve, reject) {
            if (!_this.cache.has(cachekey)) {
                var observable = _this.prj.renderAssetThumbnail(_this.item, _this.item.frame, null, "jpg");
                _this.request = observable.subscribe(function (blob) {
                    _this.request = null;
                    _this.cache.set(cachekey, blob);
                    _this.setImage(blob, resolve);
                });
            }
            else {
                _this.setImage(_this.cache.get(cachekey), resolve);
            }
        });
    };
    FootageEditor.prototype.hittest = function ($event) {
        var point = this.mousePointToModelPoint($event);
        return null;
    };
    FootageEditor.prototype.drag = function (event, delta, total, arg) {
        _super.prototype.drag.call(this, event, delta, total, arg);
        // if(arg.shape instanceof LayerShapeDescription) {
        //     arg.shape.selectable().change.next(false);
        // }
    };
    FootageEditor.prototype.dragstop = function (event, arg, dragged) {
        _super.prototype.dragstop.call(this, event, arg, dragged);
    };
    return FootageEditor;
}(__WEBPACK_IMPORTED_MODULE_5__editor__["a" /* ViewerBaseEditor */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageItem"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageItem"]) === "function" && _a || Object)
], FootageEditor.prototype, "item", void 0);
FootageEditor = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'FootageEditor',
        styles: [
            "canvas {\n            image-rendering: optimizeSpeed;             /* Older versions of FF          */\n            image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */\n            image-rendering: -webkit-optimize-contrast; /* Safari                        */\n            image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */\n            image-rendering: pixelated;                 /* Awesome future-browsers       */\n            -ms-interpolation-mode: nearest-neighbor;   /* IE                            */\n        }"
        ],
        template: "<canvas #canvas width=\"100\" height=\"100\"> </canvas>",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_4__info_info__["a" /* InfoService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__info_info__["a" /* InfoService */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SimpleCache"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SimpleCache"]) === "function" && _h || Object])
], FootageEditor);

var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=footage-editor.js.map

/***/ }),

/***/ "./src/app/panels/viewers/footage/footage-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__settings__ = __webpack_require__("./src/app/panels/viewers/footage/settings.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__viewer_panel__ = __webpack_require__("./src/app/panels/viewers/viewer-panel.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FootagePanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};









var FootagePanel = (function (_super) {
    __extends(FootagePanel, _super);
    function FootagePanel(el, cd, layout, wm, prj, em, model) {
        var _this = _super.call(this, "footage panel", el, cd, layout, wm) || this;
        _this.prj = prj;
        _this.em = em;
        _this.model = model;
        //private sub: Subscription = null;
        _this.settingsMap = new Map();
        _this.rangeColor = __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"].fromString('#333333');
        return _this;
    }
    FootagePanel.prototype.xitem = function () {
        return [this.item];
    };
    FootagePanel.prototype.itemID = function (idx, item) {
        return item ? item.id : undefined;
    };
    FootagePanel.prototype.ngOnInit = function () {
        _super.prototype.ngOnInit.call(this);
    };
    FootagePanel.prototype.ngAfterViewInit = function () {
        var _this = this;
        this.wm.addMenuListener(this.panelid, this.settingToolBar);
        this.container.on("resize", function () {
            _this.settings.resize.next(true);
        });
        this.on("show", function () { _this.em.activate(_this, _this.item); });
        this.on("close", function () {
            if (_this.item)
                _this.item.open = false;
        });
        this.setTitle();
    };
    FootagePanel.prototype.ngOnDestroy = function () {
        _super.prototype.ngOnDestroy.call(this);
        this.wm.removeMenuListener(this.panelid, this.settingToolBar);
        // this.sub.unsubscribe();
        this.container.close();
    };
    FootagePanel.prototype.ngOnChanges = function () {
        if (!this.item)
            return;
        this.settings = this.settingsMap.get(this.item.source.name());
        if (!this.settings) {
            this.settings = new __WEBPACK_IMPORTED_MODULE_5__settings__["b" /* FootageViewSettings */]();
            this.settingsMap.set(this.item.source.name(), this.settings);
        }
        var comp = this.model.getActiveComposition();
        if (comp) {
            this.edittarget = this.model.getActiveComposition() || this.prj.allComps().find(function () { return true; });
        }
        this.setActiveItem(this.item);
        this.cd.markForCheck();
    };
    FootagePanel.prototype.setActiveItem = function (item) {
        this.item = item;
        this.numframes = this.item.numframes;
        this.range = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](0, this.numframes);
        this.selRange = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](0, this.numframes);
        this.setTitle();
        this.em.activate(this, this.item);
    };
    FootagePanel.prototype.getActiveItem = function () {
        return this.item;
    };
    FootagePanel.prototype.getEditor = function () {
        return this.editor;
    };
    FootagePanel.prototype.onRangeChange = function (change) {
        this.range = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](change.offset, change.offset + change.size);
        this.cd.markForCheck();
    };
    FootagePanel.prototype.onSelRangeChange = function (change) {
        this.selRange = new __WEBPACK_IMPORTED_MODULE_2__fx_core__["Range"](change.offset, change.offset + change.size);
        this.cd.markForCheck();
    };
    FootagePanel.prototype.rippleinsert = function () {
        this.model.rippleInsert(this.edittarget, this.item);
    };
    FootagePanel.prototype.overlayinsert = function () {
        this.model.overlayInsert(this.edittarget, this.item);
    };
    FootagePanel.prototype.setTitle = function () {
        var title = "Footage: " + (this.item ? this.item.source.name() : '(none)');
        if (this.container)
            this.container.setTitle(title);
    };
    FootagePanel.prototype.mousewheel = function (deltaY) {
        this.settingToolBar.mousewheel(deltaY);
    };
    return FootagePanel;
}(__WEBPACK_IMPORTED_MODULE_7__viewer_panel__["a" /* ViewerPanel */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["FootageItem"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["FootageItem"]) === "function" && _a || Object)
], FootagePanel.prototype, "item", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])(__WEBPACK_IMPORTED_MODULE_5__settings__["a" /* FootageViewSettingsToolBar */]),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_5__settings__["a" /* FootageViewSettingsToolBar */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__settings__["a" /* FootageViewSettingsToolBar */]) === "function" && _b || Object)
], FootagePanel.prototype, "settingToolBar", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('editor'),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["r" /* Editor */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["r" /* Editor */]) === "function" && _c || Object)
], FootagePanel.prototype, "editor", void 0);
FootagePanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'FootagePanel',
        host: {
            '(mousewheel)': "mousewheel($event.wheelDeltaY)"
        },
        styles: [
            ':host >>> range-slider.sel {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; background: transparent}',
            ':host >>> range-slider.sel .bar {display: block; border: 1px solid #9ab; margin: 0px 0px; position: relative; height: 20px;}',
            ':host >>> range-slider.range {position: relative; overflow: hidden; background: #111}',
            ':host >>> range-slider.range .bar {display: block; border: 1px solid #9ab; margin: 0px 0px; position: relative; height: 7px;}',
        ],
        template: " \n        <div *ngIf=\"item\" fxLayout=\"column\" fxLayoutAlign=\"center center\" style=\"width:100%; height:100%\">\n            <div fxFlex fxFill style=\"overflow: hidden\" >\n               <FootageEditor #editor *ngFor=\"let x of xitem(); trackBy: itemID\" style=\"display: block; width: 100%; height: 100%\" \n                    [item]=\"x\" [settings]=\"settings\">\n               </FootageEditor>\n            </div>\n\n            <div fxFlex=\"0 0 54px\" style=\"width: 100%; padding: 1px 1px; border-top: 1px solid #444;\">\n                <range-slider\n                    class=\"range\" \n                    [color]=\"rangeColor\"\n                    [size]=\"range.end - range.start\" \n                    [offset]=\"range.start\"\n                    [range]=\"range\"\n                    (change)=\"onRangeChange($event)\"\n                >\n                </range-slider>\n\n                <frame-ruler\n                    style=\"border-bottom: 1px solid #444;\"\n                    [style.background]=\"'transparent'\"\n                    [numframes]=\"numframes\" \n                    [(frame)]=\"item.frame\" \n                    [range]=\"range\" >\n\n                        <range-slider\n                            class=\"sel\" \n                            [color]=\"item.tagcolor\"\n                            [size]=\"150\" \n                            [offset]=\"30\"\n                            [range]=\"selRange\"\n                            (change)=\"onSelRangeChange($event)\"\n                        ></range-slider>\n                </frame-ruler>\n\n                <FootageViewSettingsToolBar\n                    [settings]=\"settings\" \n                    [frame]=\"item.frame\"\n                    (settingsChange)=\"this.cd.markForCheck()\"\n\n                    [comps]=\"prj.allComps()\"\n                    [(edittarget)]=\"edittarget\"\n                    (rippleinsert)=\"rippleinsert()\"\n                    (overlayinsert)=\"overlayinsert()\"\n                    >\n                </FootageViewSettingsToolBar>\n            </div>\n        </div>",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_6__editor__["b" /* EditorManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__editor__["b" /* EditorManager */]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */]) === "function" && _k || Object])
], FootagePanel);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
//# sourceMappingURL=footage-panel.js.map

/***/ }),

/***/ "./src/app/panels/viewers/footage/settings.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__view_settings__ = __webpack_require__("./src/app/panels/viewers/view-settings.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return FootageViewSettings; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FootageViewSettingsToolBar; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var FootageViewSettings = (function (_super) {
    __extends(FootageViewSettings, _super);
    function FootageViewSettings() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    return FootageViewSettings;
}(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["t" /* EditorSettings */]));

var FootageViewSettingsToolBar = (function (_super) {
    __extends(FootageViewSettingsToolBar, _super);
    function FootageViewSettingsToolBar() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.rippleinsert = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        _this.overlayinsert = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        _this.edittargetChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        return _this;
    }
    FootageViewSettingsToolBar.prototype.compareComps = function (c1, c2) {
        return c1 && c2 ? c1.id === c2.id : c1 === c2;
    };
    FootageViewSettingsToolBar.prototype.changetarget = function () {
        this.edittargetChange.emit(this.edittarget);
    };
    FootageViewSettingsToolBar.prototype.compID = function (idx, comp) {
        return comp ? comp.id : undefined;
    };
    return FootageViewSettingsToolBar;
}(__WEBPACK_IMPORTED_MODULE_3__view_settings__["a" /* ViewSettings */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], FootageViewSettingsToolBar.prototype, "comps", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["Composition"]) === "function" && _a || Object)
], FootageViewSettingsToolBar.prototype, "edittarget", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], FootageViewSettingsToolBar.prototype, "rippleinsert", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], FootageViewSettingsToolBar.prototype, "overlayinsert", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], FootageViewSettingsToolBar.prototype, "edittargetChange", void 0);
FootageViewSettingsToolBar = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'FootageViewSettingsToolBar',
        template: " \n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" >\n            <div fxFlex>\n                <select [(ngModel)]=\"settings.zoom\">\n                    <option *ngFor=\"let level of settings.zoomLevels;\" [ngValue]=\"level/100\">{{level}}%</option>\n                    <option [ngValue]=\"settings.zoom\">{{settings.zoom*100|formatter:'%.1f'}}%</option>\n                </select>\n            </div>\n\n            <div fxFlex>\n                <select *ngIf=\"settings.renderer=='sdl'\" [(ngModel)]=\"settings.format\">\n                    <option [ngValue]=\"'jpg'\">Faster</option>\n                    <option [ngValue]=\"'png'\">Better</option>\n                </select>\n            </div>\n            \n            <div fxFlex>\n                <select *ngIf=\"settings.renderer=='sdl'\" [(ngModel)]=\"settings.size\">\n                    <option [ngValue]=\"1.0\">Full</option>\n                    <option [ngValue]=\"0.5\">Half</option>\n                    <option [ngValue]=\"0.25\">Quarter</option>\n                </select>\n            </div>\n            \n            <div fxFlex>\n                <i (click)=\"settings.center.emit(true)\" style=\"color:#666; border-color:#666; margin-top: 2px; padding: 1px 10px\" class=\"fa fa-arrows-alt fa-border\"></i>\n            </div>\n\n            <div fxFlex>\n                <input type=\"number\" [(ngModel)]=\"frame\" style=\"margin-top: 2px; width: 50px; background: transparent; color:#666; border: 1px solid #666; padding: 1px 10px\">\n            </div>\n\n            <div fxFlex>\n                <i (click)=\"rippleinsert.emit(true)\" style=\"color:#666; border-color:#666; margin-top: 2px; padding: 1px 10px\" class=\"fa fa-step-forward fa-rotate-90 fa-border\"></i>\n                <i (click)=\"overlayinsert.emit(true)\" style=\"color:#666; border-color:#666; margin-top: 2px; padding: 1px 10px\" class=\"fa fa-pause fa-rotate-90 fa-border\"></i>\n            </div>\n\n            <div fxFlex=\"150px\">\n                Edit target:\n                <select [(ngModel)]=\"edittarget\" [compareWith]=\"compareComps\" (change)=\"changetarget($event)\">\n                    <option *ngFor=\"let comp of comps; trackBy: compID\" [ngValue]=\"comp\">{{comp.name()}}</option>\n                </select>\n            </div>\n\n        </div>\n       "
    })
], FootageViewSettingsToolBar);

var _a;
//# sourceMappingURL=settings.js.map

/***/ }),

/***/ "./src/app/panels/viewers/layer/layer-editor.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__info_info__ = __webpack_require__("./src/app/panels/info/info.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__shape_factory__ = __webpack_require__("./src/app/panels/viewers/shape-factory/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__settings__ = __webpack_require__("./src/app/panels/viewers/layer/settings.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerEditor; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};










var POINT_OVER_RADIUS = 32, ZOOM_RADIUS = 32;
var LayerEditor = (function (_super) {
    __extends(LayerEditor, _super);
    function LayerEditor(differs, cd, zone, info, ss, prj, cache, shapeFactory) {
        var _this = _super.call(this, differs, cd, zone, info) || this;
        _this.ss = ss;
        _this.prj = prj;
        _this.cache = cache;
        _this.shapeFactory = shapeFactory;
        _this.subscriptions = [];
        return _this;
    }
    LayerEditor.prototype.ngOnInit = function () {
        var _this = this;
        _super.prototype.ngOnInit.call(this);
        var sub1 = this.ss.global.subscribe(function (change) {
            if (change.on instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["MotionTracker"]) {
                if (change.on.layer == _this.layer) {
                    _this.activeMotionTracker = change.on;
                }
            }
            _this.setDirty(false);
        });
        var sub2 = this.layer.comp.change.subscribe(function (rerender) { return _this.setDirty(rerender); });
        var sub3 = this.renderDone.subscribe(function () { return _this.layer.onRendered.next(true); });
        this.subscriptions.push(sub1, sub2, sub3);
        this.activeMotionTracker = this.ss.selection.find(function (s) { return s instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["MotionTracker"] && s.layer == _this.layer; });
        this.layer.change.next(null);
    };
    LayerEditor.prototype.ngDestroy = function () {
        _super.prototype.ngOnDestroy.call(this);
        this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
    };
    LayerEditor.prototype.createShapes = function () {
        if (this.settings.show == "tracker") {
            return this.activeMotionTracker ? this.shapeFactory.createMotionTrackerShapeDescriptions(this, this.activeMotionTracker) : [];
        }
        else if (this.settings.show == "masks") {
            return [];
        }
        else if (this.settings.show == "") {
            return [];
        }
        else {
            throw new Error("LayerEditor: Unknown view/show mode");
        }
    };
    LayerEditor.prototype.render = function () {
        var _this = this;
        var cachekey = this.layer.id + this.layer.comp.generation + this.layer.comp.frame + ".jpg";
        if (this.request)
            this.request.unsubscribe();
        return new Promise(function (resolve, reject) {
            if (!_this.cache.has(cachekey)) {
                var observable = _this.prj.renderLayerFrame(_this.layer, _this.layer.comp.frame, 'jpg');
                _this.request = observable.subscribe(function (blob) {
                    _this.request = null;
                    _this.cache.set(cachekey, blob);
                    _this.setImage(blob, resolve);
                });
            }
            else {
                _this.setImage(_this.cache.get(cachekey), resolve);
            }
        });
    };
    LayerEditor.prototype.drawLast = function (arg, $event) {
        if (arg && !arg.handle) {
            var point = arg.shape.position();
            var sx = point.x - POINT_OVER_RADIUS / 2, sy = point.y - POINT_OVER_RADIUS / 2, sw = POINT_OVER_RADIUS + 1, sh = sw, dx = point.x - 2 * ZOOM_RADIUS, dy = point.y - 2 * ZOOM_RADIUS, dw = ZOOM_RADIUS * 4 + 1, dh = dw;
            this.ctx.drawImage(this.img, sx, sy, sw, sh, dx, dy, dw, dh);
            this.drawCrosshairs(point);
        }
    };
    LayerEditor.prototype.drawCrosshairs = function (point) {
        var _this = this;
        var degrees = [45, 135, 225, 315];
        degrees.forEach(function (deg) {
            __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_ui__["v" /* drawBiColorLine */])(_this.ctx, point.getPointPlusPolar(deg, 24), point.getPointPlusPolar(deg, 4), 1, __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].WHITE, __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].BLACK);
        });
    };
    LayerEditor.prototype.selectObjectsInRect = function (rect) {
        if (rect) {
            this.ss.unselectAll(this.shapes.map(function (f) { return f.selectable(); }));
            var found = this.shapes.filter(function (shape) { return shape.shape.intersects(rect); });
            this.ss.selectMulti(found.map(function (f) { return f.selectable(); }));
        }
    };
    LayerEditor.prototype.hittest = function ($event) {
        var point = this.mousePointToModelPoint($event);
        var shapelist = this.findVisibleShapesContainingPoint(point);
        var hit = shapelist.map(function (desc) { return desc.hittest(point); }).find(function (d) { return d != null; });
        if (hit) {
            this.ss.checkSelection(hit.shape.selectable(), $event);
            return hit;
        }
        return null;
    };
    // drag(event: MouseEvent, delta: Point, total: Point, arg: HitTest) {
    //     // super.drag(event, delta, total, arg)
    // }
    LayerEditor.prototype.dragstop = function (event, arg, dragged) {
        _super.prototype.dragstop.call(this, event, arg, dragged);
        this.layer.change.next(dragged);
    };
    return LayerEditor;
}(__WEBPACK_IMPORTED_MODULE_7__editor__["a" /* ViewerBaseEditor */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["AVLayer"]) === "function" && _a || Object)
], LayerEditor.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_8__settings__["b" /* LayerViewSettings */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_8__settings__["b" /* LayerViewSettings */]) === "function" && _b || Object)
], LayerEditor.prototype, "settings", void 0);
LayerEditor = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'LayerEditor',
        styles: [
            "canvas {\n            image-rendering: optimizeSpeed;             /* Older versions of FF          */\n            image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */\n            image-rendering: -webkit-optimize-contrast; /* Safari                        */\n            image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */\n            image-rendering: pixelated;                 /* Awesome future-browsers       */\n            -ms-interpolation-mode: nearest-neighbor;   /* IE                            */\n        }"
        ],
        template: "<canvas #canvas width=\"100\" height=\"100\"> </canvas>",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].OnPush
    }),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["N" /* KeyValueDiffers */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["o" /* NgZone */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_4__info_info__["a" /* InfoService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__info_info__["a" /* InfoService */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_5__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_services__["c" /* ProjectService */]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SimpleCache"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SimpleCache"]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_6__shape_factory__["a" /* ShapeFactory */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__shape_factory__["a" /* ShapeFactory */]) === "function" && _k || Object])
], LayerEditor);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
//# sourceMappingURL=layer-editor.js.map

/***/ }),

/***/ "./src/app/panels/viewers/layer/layer-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__settings__ = __webpack_require__("./src/app/panels/viewers/layer/settings.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__editor__ = __webpack_require__("./src/app/panels/viewers/editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__viewer_panel__ = __webpack_require__("./src/app/panels/viewers/viewer-panel.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var LayerPanel = (function (_super) {
    __extends(LayerPanel, _super);
    function LayerPanel(el, cd, layout, wm, em) {
        var _this = _super.call(this, "layer panel", el, cd, layout, wm) || this;
        _this.em = em;
        _this.sub = null;
        _this.settingsMap = new Map();
        return _this;
    }
    LayerPanel.prototype.xlayer = function () {
        return [this.layer];
    };
    LayerPanel.prototype.layerID = function (idx, layer) {
        return layer ? layer.id : undefined;
    };
    LayerPanel.prototype.ngAfterViewInit = function () {
        var _this = this;
        this.setTitle();
        this.wm.addMenuListener(this.panelid, this.settingToolBar);
        this.on("resize", function () {
            _this.settings.resize.next(true);
        });
        this.on("show", function () { _this.em.activate(_this, _this.layer); });
        this.on("close", function () {
            if (_this.layer)
                _this.layer.open = false;
        });
    };
    LayerPanel.prototype.ngOnDestroy = function () {
        _super.prototype.ngOnDestroy.call(this);
        this.wm.removeMenuListener(this.panelid, this.settingToolBar);
        // TODO: remove menulistener
        this.sub.unsubscribe();
        this.container.close();
    };
    LayerPanel.prototype.ngOnChanges = function () {
        var _this = this;
        if (!this.layer)
            return;
        this.settings = this.settingsMap.get(this.layer.id);
        if (!this.settings) {
            this.settings = new __WEBPACK_IMPORTED_MODULE_3__settings__["b" /* LayerViewSettings */]();
            this.settingsMap.set(this.layer.id, this.settings);
        }
        this.setTitle();
        this.em.activate(this, this.layer);
        this.sub = this.layer.change.subscribe(function (rerender) { return _this.setTitle(); });
        this.cd.markForCheck();
    };
    LayerPanel.prototype.setTitle = function () {
        var title = "Layer: " + (this.layer ? this.layer.name() : '(none)');
        if (this.container)
            this.container.setTitle(title);
    };
    LayerPanel.prototype.setActiveItem = function (layer) {
        this.layer = layer;
        this.em.activate(this, this.layer);
    };
    LayerPanel.prototype.getActiveItem = function () {
        return this.layer;
    };
    LayerPanel.prototype.getEditor = function () {
        return this.editor;
    };
    LayerPanel.prototype.mousewheel = function (deltaY) {
        this.settingToolBar.mousewheel(deltaY);
    };
    return LayerPanel;
}(__WEBPACK_IMPORTED_MODULE_5__viewer_panel__["a" /* ViewerPanel */]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["AVLayer"]) === "function" && _a || Object)
], LayerPanel.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])(__WEBPACK_IMPORTED_MODULE_3__settings__["a" /* LayerViewSettingsToolBar */]),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__settings__["a" /* LayerViewSettingsToolBar */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__settings__["a" /* LayerViewSettingsToolBar */]) === "function" && _b || Object)
], LayerPanel.prototype, "settingToolBar", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('editor'),
    __metadata("design:type", typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["r" /* Editor */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["r" /* Editor */]) === "function" && _c || Object)
], LayerPanel.prototype, "editor", void 0);
LayerPanel = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'LayerPanel',
        host: {
            '(mousewheel)': "mousewheel($event.wheelDeltaY)"
        },
        template: " \n        <div *ngIf=\"layer\" fxLayout=\"column\" fxLayoutAlign=\"center center\" style=\"width:100%; height:100%\">\n            <div fxFlex fxFill style=\"overflow: hidden\" >\n               <LayerEditor #editor *ngFor=\"let x of xlayer(); trackBy: layerID\" style=\"display: block; width: 100%; height: 100%\" \n                    [layer]=\"x\" [settings]=\"settings\">\n               </LayerEditor>\n            </div>\n\n            <div fxFlex=\"0 0 25px\" style=\"width: 100%; padding: 5px; border-top: 1px solid #444;\">\n                <LayerViewSettingsToolBar \n                    [settings]=\"settings\" \n                    (settingsChange)=\"this.cd.markForCheck()\"\n                    [(frame)]=\"layer.comp.frame\"\n                    (frameChange)=\"layer.change.next(true)\">\n                </LayerViewSettingsToolBar>\n            </div>\n        </div>",
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default
    }),
    __metadata("design:paramtypes", [typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["e" /* LayoutManager */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["d" /* WindowManager */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_4__editor__["b" /* EditorManager */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__editor__["b" /* EditorManager */]) === "function" && _h || Object])
], LayerPanel);

var _a, _b, _c, _d, _e, _f, _g, _h;
//# sourceMappingURL=layer-panel.js.map

/***/ }),

/***/ "./src/app/panels/viewers/layer/settings.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__view_settings__ = __webpack_require__("./src/app/panels/viewers/view-settings.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return LayerViewSettings; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerViewSettingsToolBar; });
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 __());
    };
})();
var __decorate = (this && this.__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 LayerViewSettings = (function (_super) {
    __extends(LayerViewSettings, _super);
    function LayerViewSettings() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.format = "jpg";
        _this.size = 1.0;
        _this.renderer = "remote";
        _this.show = "tracker";
        return _this;
    }
    return LayerViewSettings;
}(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["t" /* EditorSettings */]));

var LayerViewSettingsToolBar = (function (_super) {
    __extends(LayerViewSettingsToolBar, _super);
    function LayerViewSettingsToolBar() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    return LayerViewSettingsToolBar;
}(__WEBPACK_IMPORTED_MODULE_2__view_settings__["a" /* ViewSettings */]));
LayerViewSettingsToolBar = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'LayerViewSettingsToolBar',
        template: " \n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div fxFlex>\n                <select [(ngModel)]=\"settings.zoom\">\n                    <option *ngFor=\"let level of settings.zoomLevels;\" [ngValue]=\"level/100\">{{level}}%</option>\n                    <option [ngValue]=\"settings.zoom\">{{settings.zoom*100|formatter:'%.1f'}}%</option>\n                </select>\n            </div>\n\n            <div fxFlex>\n                <select *ngIf=\"settings.renderer=='sdl'\" [(ngModel)]=\"settings.format\">\n                    <option [ngValue]=\"'jpg'\">Faster</option>\n                    <option [ngValue]=\"'png'\">Better</option>\n                </select>\n            </div>\n            \n            <div fxFlex>\n                <select *ngIf=\"settings.renderer=='sdl'\" [(ngModel)]=\"settings.size\">\n                    <option [ngValue]=\"1.0\">Full</option>\n                    <option [ngValue]=\"0.5\">Half</option>\n                    <option [ngValue]=\"0.25\">Quarter</option>\n                </select>\n            </div>\n            \n            <div fxFlex>\n                <i (click)=\"settings.center.emit(true)\" style=\"color:#666; border-color:#666; margin-top: 2px; padding: 1px 10px\" class=\"fa fa-arrows-alt fa-border\"></i>\n            </div>\n\n            <div fxFlex>\n                <input type=\"number\" [(ngModel)]=\"frame\" style=\"margin-top: 2px; width: 50px; background: transparent; color:#666; border: 1px solid #666; padding: 1px 10px\">\n            </div>\n\n            <div fxFlex>\n                <select [(ngModel)]=\"settings.renderer\">\n                    <option [ngValue]=\"'remote'\">Final Quality</option>\n                    <option [ngValue]=\"'3d'\">Draft 3D</option>\n                    <option [ngValue]=\"'360'\">360\u00B0 Panorama</option>\n                </select>\n            </div>\n\n            <div fxFlex>\n                <select [(ngModel)]=\"settings.show\" (ngModelChange)=\"settingsChange.next(settings)\">\n                    <option [ngValue]=\"''\">None</option>\n                    <option [ngValue]=\"'masks'\">Masks</option>\n                    <option [ngValue]=\"'tracker'\">Motion Tracker</option>\n                </select>\n            </div>\n\n        </div>\n       "
    })
], LayerViewSettingsToolBar);

//# sourceMappingURL=settings.js.map

/***/ }),

/***/ "./src/app/panels/viewers/shape-factory/bezier.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__shape__ = __webpack_require__("./src/app/panels/viewers/shape-factory/shape.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__hittest__ = __webpack_require__("./src/app/panels/viewers/shape-factory/hittest.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return BezierShapeDescription; });
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 __());
    };
})();



var BezierShapeDescription = (function (_super) {
    __extends(BezierShapeDescription, _super);
    function BezierShapeDescription(sm, layer, editor, fxshape, shape) {
        var _this = _super.call(this, sm, editor, shape) || this;
        _this.sm = sm;
        _this.layer = layer;
        _this.fxshape = fxshape;
        return _this;
    }
    BezierShapeDescription.prototype.selectable = function () {
        return this.layer;
    };
    ;
    BezierShapeDescription.prototype.position = function () {
        return null;
    };
    BezierShapeDescription.prototype.nearStart = function (p) {
        return this.shape.nearStart(p);
    };
    BezierShapeDescription.prototype.project = function (p) {
        return this.shape.project(p);
    };
    BezierShapeDescription.prototype.dblclick = function (event, hit) {
    };
    BezierShapeDescription.prototype.dragstart = function (hit) {
        var path = hit.dragdata.path;
        if (path.segments.length > 1 && !path.closed) {
            if (this.nearStart(this.project(hit.dragdata.segment.position))) {
                //hit.dragdata.segment.position.isNear(path.segments[0].position, 9)) 
                path.closed = true;
                hit.dragdata.segment = null;
                this.layer.change.next(true);
            }
        }
    };
    BezierShapeDescription.prototype.drag = function (event, pos, delta, total, hit) {
        var seg = hit.dragdata.segment;
        if (!seg)
            return;
        var handle = hit.dragdata.handle;
        var other = hit.dragdata.other;
        var isPos = hit.dragdata.isPos;
        var screen = this.shape.unproject(new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](pos));
        var opposite = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](screen).sub(seg.position).mul(-1).add(seg.position);
        var last = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"]();
        if (hit.dragdata.last)
            last = hit.dragdata.last.sub(screen);
        if (event.shiftKey) {
            screen = this.snapAngle(seg.position, screen, 45);
            opposite = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](screen).sub(seg.position).mul(-1).add(seg.position);
        }
        if (handle) {
            handle.x = screen.x;
            handle.y = screen.y;
            if (!event.altKey && other) {
                other.x = opposite.x;
                other.y = opposite.y;
            }
            if (isPos) {
                if (seg.in)
                    seg.in.sub(last);
                if (seg.out)
                    seg.out.sub(last);
            }
        }
        else {
            seg.out = screen;
            seg.in = opposite;
        }
        hit.dragdata.last = screen;
    };
    BezierShapeDescription.prototype.dragstop = function (event, point, hit) {
    };
    BezierShapeDescription.prototype.render = function (ctx, outline, hover, point) {
        if (this.visible()) {
            ctx.save();
            this.shape.render(ctx, outline, this.fxshape.selected, hover, point);
            ctx.restore();
        }
    };
    BezierShapeDescription.prototype.visible = function () {
        return this.layer.visible && this.shapeInFrame();
    };
    BezierShapeDescription.prototype.hittest = function (point) {
        var ctrl = this.shape.findControlHandle(point);
        if (!ctrl.handle && !ctrl.other && !ctrl.segment)
            return null;
        var hit = new __WEBPACK_IMPORTED_MODULE_2__hittest__["a" /* HitTest */](this, point, null);
        hit.dragdata = ctrl;
        return hit;
    };
    BezierShapeDescription.prototype.shapeInFrame = function () {
        var currentTime = this.layer.comp.frame;
        return currentTime >= this.layer.offset && currentTime < this.layer.offset + this.layer.numframes;
    };
    BezierShapeDescription.prototype.snapAngle = function (center, handle, degrees) {
        var vec = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](handle).sub(center);
        var angle = Math.atan2(vec.y, vec.x);
        var steps = 360 / degrees;
        var step = degrees * Math.PI / 180;
        var snapped = (Math.round(angle / step) % steps) * step;
        var c = Math.cos(snapped), s = Math.sin(snapped);
        var rot = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Matrix2"](c, -s, s, c);
        return new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](1, 0).mul(rot).mul(vec.length()).add(center);
    };
    return BezierShapeDescription;
}(__WEBPACK_IMPORTED_MODULE_0__shape__["a" /* ShapeDescription */]));

//# sourceMappingURL=bezier.js.map

/***/ }),

/***/ "./src/app/panels/viewers/shape-factory/factory.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__layer__ = __webpack_require__("./src/app/panels/viewers/shape-factory/layer.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__bezier__ = __webpack_require__("./src/app/panels/viewers/shape-factory/bezier.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__tpoint__ = __webpack_require__("./src/app/panels/viewers/shape-factory/tpoint.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__tracker__ = __webpack_require__("./src/app/panels/viewers/shape-factory/tracker.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ShapeFactory; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var ShapeFactory = (function () {
    function ShapeFactory(ss) {
        this.ss = ss;
    }
    ShapeFactory.prototype.createCompositionShapes = function (editor, comp) {
        var _this = this;
        var shapes = [];
        comp.avlayers.forEach(function (layer) {
            if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["SolidLayer"] || layer instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageLayer"] || layer instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["CompLayer"]) {
                var desc = _this.createLayerShapeDescription(editor, layer);
                shapes.push(desc);
            }
            if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["TextLayer"]) {
                var desc = _this.createTextShapeDescription(editor, layer);
                shapes.push(desc);
            }
            if (layer instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["ShapeLayer"]) {
                layer.shapes.forEach(function (bezier) {
                    var desc = _this.createBezierShapeDescription(editor, bezier);
                    shapes.push(desc);
                });
            }
            layer.masks.forEach(function (mask) {
                var desc = _this.createBezierShapeDescription(editor, mask.shape);
                shapes.push(desc);
            });
        });
        return shapes;
    };
    ShapeFactory.prototype.createLayerShapeDescription = function (editor, layer) {
        return new __WEBPACK_IMPORTED_MODULE_4__layer__["a" /* LayerShapeDescription */](this.ss.getSelectionManager(layer.comp), layer, editor, new __WEBPACK_IMPORTED_MODULE_3__fx_ui__["m" /* RectCornerShape */](new __WEBPACK_IMPORTED_MODULE_4__layer__["b" /* LayerProxy */](layer), function () { return editor.settings.zoom; }, false, false));
    };
    ShapeFactory.prototype.createTextShapeDescription = function (editor, layer) {
        return new __WEBPACK_IMPORTED_MODULE_4__layer__["c" /* TextLayerShapeDescription */](this.ss.getSelectionManager(layer.comp), layer, editor, new __WEBPACK_IMPORTED_MODULE_3__fx_ui__["m" /* RectCornerShape */](new __WEBPACK_IMPORTED_MODULE_4__layer__["b" /* LayerProxy */](layer), function () { return editor.settings.zoom; }, false, false));
    };
    ShapeFactory.prototype.createBezierShapeDescription = function (editor, shape) {
        return new __WEBPACK_IMPORTED_MODULE_5__bezier__["a" /* BezierShapeDescription */](this.ss.getSelectionManager(shape.layer.comp), shape.layer, editor, shape, new __WEBPACK_IMPORTED_MODULE_3__fx_ui__["n" /* BezierShape */](shape, function () { return editor.settings.zoom; }, new __WEBPACK_IMPORTED_MODULE_4__layer__["b" /* LayerProxy */](shape.layer), shape.layer.tagcolor));
    };
    ShapeFactory.prototype.createMotionTrackerShapeDescriptions = function (editor, tracker) {
        var _this = this;
        var tpointdescs = tracker.all().map(function (tpoint) {
            return new __WEBPACK_IMPORTED_MODULE_6__tpoint__["a" /* MotionTrackPointShapeDescription */](_this.ss.getSelectionManager(tracker.layer.comp), tpoint, editor, new __WEBPACK_IMPORTED_MODULE_3__fx_ui__["o" /* RectBoxShape */](new __WEBPACK_IMPORTED_MODULE_6__tpoint__["b" /* TPointProxy */](tpoint), function () { return editor.settings.zoom; }, true, true));
        });
        var trackerdesc = [];
        switch (tracker.type) {
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackType"].CornerPin:
                trackerdesc = [new __WEBPACK_IMPORTED_MODULE_7__tracker__["a" /* PerspectiveTrackerShapeDescription */](this.ss.getSelectionManager(tracker.layer.comp), tracker, editor, new __WEBPACK_IMPORTED_MODULE_3__fx_ui__["p" /* QuadShape */](new __WEBPACK_IMPORTED_MODULE_7__tracker__["b" /* QuadProxy */](tracker), function () { return editor.settings.zoom; }))];
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackType"].Grid:
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_model__["TrackType"].Transform:
                if (tracker.doRotate || tracker.doScale) {
                }
                break;
        }
        return tpointdescs.concat(trackerdesc);
    };
    return ShapeFactory;
}());
ShapeFactory = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["d" /* Injectable */])(),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _a || Object])
], ShapeFactory);

var _a;
//# sourceMappingURL=factory.js.map

/***/ }),

/***/ "./src/app/panels/viewers/shape-factory/hittest.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return HitTest; });
var HitTest = (function () {
    function HitTest(shape, point, handle) {
        this.shape = shape;
        this.point = point;
        this.handle = handle;
    }
    return HitTest;
}());

//# sourceMappingURL=hittest.js.map

/***/ }),

/***/ "./src/app/panels/viewers/shape-factory/index.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__hittest__ = __webpack_require__("./src/app/panels/viewers/shape-factory/hittest.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_0__hittest__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__shape__ = __webpack_require__("./src/app/panels/viewers/shape-factory/shape.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__bezier__ = __webpack_require__("./src/app/panels/viewers/shape-factory/bezier.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__bezier__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__layer__ = __webpack_require__("./src/app/panels/viewers/shape-factory/layer.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_3__layer__["c"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_3__layer__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__tpoint__ = __webpack_require__("./src/app/panels/viewers/shape-factory/tpoint.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__tracker__ = __webpack_require__("./src/app/panels/viewers/shape-factory/tracker.ts");
/* unused harmony namespace reexport */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__factory__ = __webpack_require__("./src/app/panels/viewers/shape-factory/factory.ts");
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_6__factory__["a"]; });







//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./src/app/panels/viewers/shape-factory/layer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__shape__ = __webpack_require__("./src/app/panels/viewers/shape-factory/shape.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hittest__ = __webpack_require__("./src/app/panels/viewers/shape-factory/hittest.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerShapeDescription; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return TextLayerShapeDescription; });
/* unused harmony export removePropFromContexts */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return LayerProxy; });
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 __());
    };
})();





var LayerShapeDescription = (function (_super) {
    __extends(LayerShapeDescription, _super);
    function LayerShapeDescription(sm, layer, editor, shape) {
        var _this = _super.call(this, sm, editor, shape) || this;
        _this.sm = sm;
        _this.layer = layer;
        return _this;
    }
    LayerShapeDescription.prototype.selectable = function () {
        return this.layer;
    };
    ;
    LayerShapeDescription.prototype.position = function () {
        return this.layer.pos();
    };
    LayerShapeDescription.prototype.dblclick = function (event, hit) {
    };
    LayerShapeDescription.prototype.dragstart = function (hit) {
        var layers = this.sm.selectedWithType();
        var ratios = layers.map(function (layer) { return layer.scale.x / layer.scale.y; });
        hit.dragdata = { layers: layers, ratios: ratios, dragged: false };
    };
    LayerShapeDescription.prototype.dragstop = function (event, point, hit) {
        hit.dragdata.layers.forEach(function (layer) {
            var newwidth = layer.width * layer.scale.x / 100;
            var newheight = layer.height * layer.scale.y / 100;
            var deltax = newwidth - layer.width, deltay = newheight - layer.height;
            layer.position.x -= deltax / 2;
            layer.position.y -= deltay / 2;
            layer.width = newwidth;
            layer.height = newheight;
            layer.scale.x = 100;
            layer.scale.y = 100;
        });
        hit.dragdata.layers.forEach(function (layer) { return layer.change.next(true); });
    };
    LayerShapeDescription.prototype.drag = function (event, pos, delta, total, hit) {
        var _this = this;
        var handle = hit.handle;
        var layers = hit.dragdata.layers;
        var ratios = hit.dragdata.ratios;
        var change = [0, 0], done = false;
        switch (handle) {
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].SOUTH:
                change[1] = 1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].NORTH:
                change[1] = -1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].WEST:
                change[0] = -1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].EAST:
                change[0] = 1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].NORTHEAST:
                change[0] = 1;
                change[1] = -1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].SOUTHEAST:
                change[0] = 1;
                change[1] = 1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].SOUTHWEST:
                change[0] = -1;
                change[1] = 1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].NORTHWEST:
                change[0] = -1;
                change[1] = -1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].ANCHOR:
                layers.forEach(function (layer) {
                    layer.anchor.x += delta.x;
                    layer.anchor.y += delta.y;
                });
                done = true;
                break;
        }
        layers.forEach(function (layer, index) {
            var oldwidth = layer.width * layer.scale.x / 100;
            var newwidth = oldwidth + 2 * change[0] * delta.x;
            var oldheight = layer.height * layer.scale.y / 100;
            var newheight = oldheight + 2 * change[1] * delta.y;
            layer.scale.x = 100 * newwidth / layer.width;
            layer.scale.y = 100 * newheight / layer.height;
            // Correct for aspect ratio at beginning of drag
            if (event.shiftKey) {
                if (Math.abs(total.y) > Math.abs(total.x))
                    layer.scale.x = layer.scale.y * ratios[index];
                else
                    layer.scale.y = layer.scale.x / ratios[index];
            }
        });
        if (!done && !change[0] && !change[1]) {
            layers.forEach(function (layer) {
                layer.position.x += delta.x;
                layer.position.y += delta.y;
                var rect = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Rect"](layer.position, layer.width, layer.height);
                _this.editor.snapman.ondrag(rect, _this.shape, { invert: event.altKey });
            });
        }
        if (delta.x || delta.y)
            hit.dragdata.dragged = true;
        layers.forEach(function (layer) { return layer.change.next(false); });
    };
    LayerShapeDescription.prototype.render = function (ctx, outline, hover, point) {
        if (this.visible()) {
            ctx.save();
            this.shape.render(ctx, outline, this.layer.selected, hover);
            ctx.restore();
        }
    };
    LayerShapeDescription.prototype.visible = function () {
        return this.layer.visible && this.shapeInFrame();
    };
    LayerShapeDescription.prototype.hittest = function (point) {
        var handle = this.shape.findHandle(point);
        if (handle != null) {
            return new __WEBPACK_IMPORTED_MODULE_4__hittest__["a" /* HitTest */](this, point, handle);
        }
        if (this.shape.containsPoint(point)) {
            return new __WEBPACK_IMPORTED_MODULE_4__hittest__["a" /* HitTest */](this, point, null);
        }
        return null;
    };
    LayerShapeDescription.prototype.shapeInFrame = function () {
        var currentTime = this.layer.comp.frame;
        return currentTime >= this.layer.offset && currentTime < this.layer.offset + this.layer.numframes;
    };
    return LayerShapeDescription;
}(__WEBPACK_IMPORTED_MODULE_0__shape__["a" /* ShapeDescription */]));

/*********************************************** */
var TextLayerShapeDescription = (function (_super) {
    __extends(TextLayerShapeDescription, _super);
    function TextLayerShapeDescription() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    TextLayerShapeDescription.prototype.dblclick = function (event, hit) {
        var shapedesc = hit.shape;
        var layer = shapedesc.selectable();
        if (!TextLayerShapeDescription.inEdit) {
            TextLayerShapeDescription.inEdit = true;
            this.creditEditBox(event.target, layer, hit);
        }
    };
    // click inside textlayer
    TextLayerShapeDescription.prototype.dragstop = function (event, point, hit) {
        // Do not enter mode after dragging
        // TODO: make this configurable
        if (!hit.dragdata.dragged && !true) {
            var shapedesc = hit.shape;
            var layer = shapedesc.selectable();
            if (!TextLayerShapeDescription.inEdit) {
                TextLayerShapeDescription.inEdit = true;
                this.creditEditBox(event.target, layer, hit);
            }
        }
        hit.dragdata.layers.forEach(function (layer) {
            var newwidth = layer.width * layer.scale.x / 100;
            var newheight = layer.height * layer.scale.y / 100;
            var deltax = newwidth - layer.width, deltay = newheight - layer.height;
            layer.position.x -= deltax / 2;
            layer.position.y -= deltay / 2;
            layer.width = newwidth;
            layer.height = newheight;
            layer.scale.x = 100;
            layer.scale.y = 100;
        });
        hit.dragdata.layers.forEach(function (layer) { return layer.change.next(true); });
    };
    TextLayerShapeDescription.prototype.loadFont = function (font) {
        var head = document.getElementsByTagName('head')[0];
        var link = document.createElement('link');
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = 'http://fonts.googleapis.com/css?family=' + font;
        link.media = 'all';
        head.appendChild(link);
        return link;
    };
    TextLayerShapeDescription.prototype.creditEditBox = function (canvas, layer, hit) {
        //var link = this.loadFont("Ranga")
        var _this = this;
        var ctxsub;
        var contexts = [];
        var editor = this.editor;
        editor.locked = true;
        layer.hidden = true;
        layer.change.next(true);
        var div = $("\n<div style=\"position: absolute; display: flex; flex-direction: column;  z-index:101; border: 1px solid green\">\n  <p contenteditable=\"true\" style=\"margin: 0; padding: 0;  background: transparent; border: 0;\"></p>\n</div>");
        div.css("justify-content", layer.props.yAlign == __WEBPACK_IMPORTED_MODULE_3__fx_model__["VerticalAlignment"].Top ? 'flex-start' :
            layer.props.yAlign == __WEBPACK_IMPORTED_MODULE_3__fx_model__["VerticalAlignment"].Bottom ? 'flex-end' : 'center');
        var pos = layer.pos();
        var size = layer.size();
        var zoom = this.editor.settings.zoom;
        var ctrl = this.editor.settings.imageOffset;
        var height = ((size.height * zoom) / this.editor.pixelRatio);
        div.css('left', ((pos.x * zoom + ctrl.x) / this.editor.pixelRatio) + "px");
        div.css('top', ((pos.y * zoom + ctrl.y - 2) / this.editor.pixelRatio) + "px");
        div.css('width', ((size.width * zoom) / this.editor.pixelRatio) + "px");
        div.css('height', height + "px");
        div.css("transform", "\n            scale(" + layer.scale.x / 100 + ", " + layer.scale.y / 100 + ")\n            rotate(" + layer.rotate + "deg)\n        ");
        $(canvas).parent().append(div);
        var fontfactor = zoom / this.editor.pixelRatio;
        div.find("p")
            .append(layer.htmlFragment(fontfactor))
            .css("border", "1px solid red")
            .css("font-family", "Open Sans")
            .css("text-align", layer.props.xAlign == __WEBPACK_IMPORTED_MODULE_3__fx_model__["HorizontalAlignment"].Left ? 'left' :
            layer.props.xAlign == __WEBPACK_IMPORTED_MODULE_3__fx_model__["HorizontalAlignment"].Right ? 'right' : 'center')
            .focus()
            .on('keydown', function (e) {
            if (e.keyCode == 8) {
                e.stopImmediatePropagation();
            }
            if (e.keyCode == 27) {
                finish(null);
            }
        })
            .on('mousedown click', function (e) { return e.stopPropagation(); })
            .on('selectstart', function (e) {
            $(document).one("mouseup xkeyup", function (e) {
                e.stopImmediatePropagation();
                var selection = window.getSelection();
                var startNode = selection.anchorNode;
                var endNode = selection.focusNode;
                var startOffset = selection.anchorOffset;
                var endOffset = selection.focusOffset;
                var nodeLength = startNode.textContent.length;
                var ctx;
                // special case: start = end && full node is selected
                if ((nodeLength != 0 && startNode == endNode && Math.abs(endOffset - startOffset) == nodeLength)) {
                    var ctxname = startNode.parentNode.attributes.getNamedItem("data-ctx");
                    ctx = layer.getContext(ctxname.nodeValue);
                    if (ctxsub)
                        ctxsub.unsubscribe();
                    ctxsub = ctx.change.subscribe(function () {
                        layer.styleSpan(startNode.parentNode, ctx, fontfactor);
                    });
                }
                else if (!selection.isCollapsed) {
                    var ctxname = endNode.parentNode.attributes.getNamedItem("data-ctx");
                    ctx = layer.getContext(ctxname.nodeValue);
                    var newctxid = "c" + (__WEBPACK_IMPORTED_MODULE_3__fx_model__["TextContext"].counter++);
                    ctx = ctx.clone(newctxid); //new TextContext(newctxid);
                    contexts.push(ctx);
                    if (ctxsub)
                        ctxsub.unsubscribe();
                    ctxsub = ctx.change.take(1).subscribe(function (prop) {
                        var doc = startNode.ownerDocument;
                        var range = doc.createRange();
                        range.setStart(startNode, startOffset);
                        range.setEnd(endNode, endOffset);
                        var span = doc.createElement('span');
                        layer.styleSpan(span, ctx, fontfactor);
                        var contents = range.extractContents();
                        span.appendChild(removePropFromContexts(layer, contents, prop));
                        range.insertNode(span);
                        ctxsub = ctx.change.subscribe(function () {
                            layer.styleSpan(span, ctx, fontfactor);
                        });
                    });
                }
                else {
                    var ctxname = startNode.parentNode.attributes.getNamedItem("data-ctx");
                    ctx = layer.getContext(ctxname.nodeValue);
                    if (ctxsub)
                        ctxsub.unsubscribe();
                    ctxsub = ctx.change.subscribe(function () {
                        layer.styleSpan(startNode.parentNode, ctx, fontfactor);
                    });
                    //                        ctx = new TextContext("");
                }
                _this.sm.getService().select(ctx);
            });
        });
        var finish = function (p) {
            if (p) {
                contexts.forEach(function (cx) { return layer.addContext(cx); });
                layer.setContent(p.childNodes);
            }
            if (ctxsub)
                ctxsub.unsubscribe();
            layer.hidden = false;
            layer.change.next(true);
            TextLayerShapeDescription.inEdit = false;
            editor.locked = false;
            div.remove();
            // let head = document.getElementsByTagName('head')[0];
            // head.removeChild(link);
        };
        var preFinish = function (e) {
            e.stopPropagation();
            var p = div.find("p")[0];
            if ($.contains(canvas.parentElement, e.target) && e.target != p) {
                $(document).off('mousedown', preFinish);
                finish(p);
            }
        };
        setTimeout(function () {
            $(document).on('mousedown', preFinish);
        });
    };
    return TextLayerShapeDescription;
}(LayerShapeDescription));

TextLayerShapeDescription.inEdit = false;
function removePropFromContexts(layer, frag, prop) {
    for (var i = 0; i < frag.childNodes.length; i++) {
        var child = frag.childNodes[i];
        if (child.nodeType == Node.ELEMENT_NODE) {
            var element = child;
            var ctxname = element.dataset['ctx'];
            var ctx = layer.getContext(ctxname);
            if (ctx && ctx[prop]) {
                ctx = ctx.clone("c" + (__WEBPACK_IMPORTED_MODULE_3__fx_model__["TextContext"].counter++));
                ctx[prop] = undefined;
                layer.addContext(ctx);
                element.dataset['ctx'] = ctx.name;
            }
            removePropFromContexts(layer, child, prop);
        }
    }
    return frag;
}
/*********************************************** */
var LayerProxy = (function () {
    function LayerProxy(layer) {
        this.layer = layer;
    }
    LayerProxy.prototype.getPos = function () { return this.layer.pos(); };
    LayerProxy.prototype.getSize = function () { return this.layer.size(); };
    LayerProxy.prototype.getScale = function () { return this.layer.scale; };
    LayerProxy.prototype.getRotate = function () { return this.layer.rotate; };
    LayerProxy.prototype.getAnchor = function () { return this.layer.anchor; };
    LayerProxy.prototype.getColor = function () { return this.layer.tagcolor; };
    return LayerProxy;
}());

//# sourceMappingURL=layer.js.map

/***/ }),

/***/ "./src/app/panels/viewers/shape-factory/shape.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ShapeDescription; });
var ShapeDescription = (function () {
    function ShapeDescription(sm, editor, shape) {
        this.sm = sm;
        this.editor = editor;
        this.shape = shape;
    }
    return ShapeDescription;
}());

//# sourceMappingURL=shape.js.map

/***/ }),

/***/ "./src/app/panels/viewers/shape-factory/tpoint.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__shape__ = __webpack_require__("./src/app/panels/viewers/shape-factory/shape.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__hittest__ = __webpack_require__("./src/app/panels/viewers/shape-factory/hittest.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return TPointProxy; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MotionTrackPointShapeDescription; });
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 __());
    };
})();




var TPointProxy = (function () {
    function TPointProxy(tpoint) {
        this.tpoint = tpoint;
    }
    TPointProxy.prototype.getPos = function () {
        var point = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](this.tpoint.pos).add(this.tpoint.tracker.position);
        var scale = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](this.tpoint.tracker.scale).div(100);
        var anchor = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](this.tpoint.tracker.anchor);
        var rotate = this.tpoint.tracker.rotate;
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["scalePoints"])([point], scale, anchor);
        __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_core__["rotatePoints"])([point], rotate, anchor);
        return point;
    };
    TPointProxy.prototype.getSize = function () { return this.tpoint.search; };
    TPointProxy.prototype.getScale = function () { return new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](100, 100); };
    TPointProxy.prototype.getRotate = function () { return 0; };
    TPointProxy.prototype.getAnchor = function () { return new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Point"](0, 0); };
    TPointProxy.prototype.getColor = function () { return __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].WHITE; };
    return TPointProxy;
}());

var MotionTrackPointShapeDescription = (function (_super) {
    __extends(MotionTrackPointShapeDescription, _super);
    function MotionTrackPointShapeDescription(sm, tpoint, editor, shape) {
        var _this = _super.call(this, sm, editor, shape) || this;
        _this.sm = sm;
        _this.tpoint = tpoint;
        return _this;
    }
    MotionTrackPointShapeDescription.prototype.selectable = function () {
        return this.tpoint;
    };
    ;
    MotionTrackPointShapeDescription.prototype.position = function () {
        return new TPointProxy(this.tpoint).getPos(); //this.tpoint.pos;
    };
    MotionTrackPointShapeDescription.prototype.dblclick = function (event, hit) {
    };
    MotionTrackPointShapeDescription.prototype.dragstart = function (hit) {
        var tpoints = this.sm.selectedWithType();
        hit.dragdata = { tpoints: tpoints };
    };
    MotionTrackPointShapeDescription.prototype.dragstop = function (event, point, hit) {
    };
    MotionTrackPointShapeDescription.prototype.drag = function (event, pos, delta, total, hit) {
        var handle = hit.handle;
        // var tpoint = (<MotionTrackPointShapeDescription>hit.shape).tpoint;
        var tpoints = hit.dragdata.tpoints;
        var change = [0, 0];
        switch (handle) {
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].SOUTH:
                change[1] = 1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].NORTH:
                change[1] = -1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].WEST:
                change[0] = -1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].EAST:
                change[0] = 1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].NORTHEAST:
                change[0] = 1;
                change[1] = -1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].SOUTHEAST:
                change[0] = 1;
                change[1] = 1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].SOUTHWEST:
                change[0] = -1;
                change[1] = 1;
                break;
            case __WEBPACK_IMPORTED_MODULE_2__fx_ui__["q" /* HandlePosition */].NORTHWEST:
                change[0] = -1;
                change[1] = -1;
                break;
        }
        tpoints.forEach(function (tpoint) {
            tpoint.search.width = tpoint.search.width + 2 * change[0] * delta.x;
            tpoint.search.height = tpoint.search.height + 2 * change[1] * delta.y;
            if (!change[0] && !change[1]) {
                tpoint.pos.x += delta.x;
                tpoint.pos.y += delta.y;
            }
        });
    };
    MotionTrackPointShapeDescription.prototype.render = function (ctx, outline, hover, point) {
        if (this.visible()) {
            ctx.save();
            this.shape.render(ctx, outline, this.tpoint.selected, hover);
            ctx.restore();
        }
    };
    MotionTrackPointShapeDescription.prototype.visible = function () {
        return true; //this.visible && this.shapeInFrame();
    };
    MotionTrackPointShapeDescription.prototype.hittest = function (point) {
        var handle = this.shape.findHandle(point);
        if (handle) {
            return new __WEBPACK_IMPORTED_MODULE_3__hittest__["a" /* HitTest */](this, point, handle);
        }
        if (this.shape.containsPoint(point)) {
            return new __WEBPACK_IMPORTED_MODULE_3__hittest__["a" /* HitTest */](this, point, null);
        }
        return null;
    };
    MotionTrackPointShapeDescription.prototype.shapeInFrame = function () {
        return true;
        // var currentTime = this.layer.comp.frame;
        // return currentTime >= this.layer.offset && currentTime < this.layer.offset + this.layer.numframes; 
    };
    return MotionTrackPointShapeDescription;
}(__WEBPACK_IMPORTED_MODULE_0__shape__["a" /* ShapeDescription */]));

//# sourceMappingURL=tpoint.js.map

/***/ }),

/***/ "./src/app/panels/viewers/shape-factory/tracker.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__shape__ = __webpack_require__("./src/app/panels/viewers/shape-factory/shape.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return QuadProxy; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PerspectiveTrackerShapeDescription; });
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 __());
    };
})();


var QuadProxy = (function () {
    function QuadProxy(tracker) {
        this.tracker = tracker;
    }
    QuadProxy.prototype.getPoints = function () {
        return this.tracker.all().map(function (tp) { return tp.projected(); });
    };
    QuadProxy.prototype.getColor = function () { return __WEBPACK_IMPORTED_MODULE_1__fx_core__["Color"].WHITE; };
    return QuadProxy;
}());

var PerspectiveTrackerShapeDescription = (function (_super) {
    __extends(PerspectiveTrackerShapeDescription, _super);
    function PerspectiveTrackerShapeDescription(sm, tracker, editor, shape) {
        var _this = _super.call(this, sm, editor, shape) || this;
        _this.sm = sm;
        _this.tracker = tracker;
        return _this;
    }
    PerspectiveTrackerShapeDescription.prototype.selectable = function () {
        return this.tracker;
    };
    ;
    PerspectiveTrackerShapeDescription.prototype.position = function () {
        return null;
    };
    PerspectiveTrackerShapeDescription.prototype.dblclick = function (event, hit) {
    };
    PerspectiveTrackerShapeDescription.prototype.dragstart = function (hit) {
    };
    PerspectiveTrackerShapeDescription.prototype.dragstop = function (event, point, hit) {
    };
    PerspectiveTrackerShapeDescription.prototype.drag = function (event, pos, delta, total, hit) {
    };
    PerspectiveTrackerShapeDescription.prototype.render = function (ctx, outline, hover, point) {
        if (this.visible()) {
            ctx.save();
            this.shape.render(ctx, outline, this.tracker.selected, hover);
            ctx.restore();
        }
    };
    PerspectiveTrackerShapeDescription.prototype.visible = function () {
        return true; //this.visible && this.shapeInFrame();
    };
    PerspectiveTrackerShapeDescription.prototype.hittest = function (point) {
        return null;
    };
    PerspectiveTrackerShapeDescription.prototype.shapeInFrame = function () {
        return true;
    };
    return PerspectiveTrackerShapeDescription;
}(__WEBPACK_IMPORTED_MODULE_0__shape__["a" /* ShapeDescription */]));

//# sourceMappingURL=tracker.js.map

/***/ }),

/***/ "./src/app/panels/viewers/view-settings.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui_editor__ = __webpack_require__("./src/@fx/ui/editor/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ViewSettings; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var ViewSettings = (function () {
    function ViewSettings() {
        this.settingsChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.frameChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
    }
    ViewSettings.prototype.showRulers = function () {
        this.settings.showRulers = !this.settings.showRulers;
        this.settingsChange.emit(this.settings);
    };
    ViewSettings.prototype.showGuides = function () {
        this.settings.showGuides = !this.settings.showGuides;
        this.settingsChange.emit(this.settings);
    };
    ViewSettings.prototype.snapToGuides = function () {
        this.settings.snapoptions.guides = !this.settings.snapoptions.guides;
        this.settingsChange.emit(this.settings);
    };
    ViewSettings.prototype.showGrid = function () {
        this.settings.showGrid = !this.settings.showGrid;
        this.settingsChange.emit(this.settings);
    };
    ViewSettings.prototype.snapToGrid = function () {
        this.settings.snapoptions.grid = !this.settings.snapoptions.grid;
        this.settingsChange.emit(this.settings);
    };
    ViewSettings.prototype.clearGuides = function () {
        this.settings.guides = [];
        this.settingsChange.emit(this.settings);
    };
    ViewSettings.prototype.lockGuides = function () {
        this.settings.guides.forEach(function (g) { return g.locked = !g.locked; });
        this.settingsChange.emit(this.settings);
    };
    ViewSettings.prototype.zoomIn = function () {
        var _this = this;
        var next = this.settings.zoomLevels.slice().reverse().find(function (z) { return z / 100 < _this.settings.zoom; });
        if (next) {
            this.settings.zoom = next / 100;
            this.settingsChange.emit(this.settings);
        }
    };
    ViewSettings.prototype.zoomOut = function () {
        var _this = this;
        var next = this.settings.zoomLevels.find(function (z) { return z / 100 > _this.settings.zoom; });
        if (next) {
            this.settings.zoom = next / 100;
            this.settingsChange.emit(this.settings);
        }
    };
    ViewSettings.prototype.mousewheel = function (deltaY) {
        this.settings.zoom += deltaY * 0.0005;
        this.settings.zoom = Math.max(0.01, Math.min(this.settings.zoom, 50));
    };
    return ViewSettings;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui_editor__["c" /* EditorSettings */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui_editor__["c" /* EditorSettings */]) === "function" && _a || Object)
], ViewSettings.prototype, "settings", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], ViewSettings.prototype, "settingsChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], ViewSettings.prototype, "frame", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], ViewSettings.prototype, "frameChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["c" /* MenuCommand */])({ id: 'SHOWRULERS', toggle: "em.activePanel.settings.showRulers ? 'Hide Rulers' : 'Show Rulers'" }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], ViewSettings.prototype, "showRulers", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["c" /* MenuCommand */])({ id: 'SHOWGUIDES', toggle: "em.activePanel.settings.showGuides ? 'Hide Guides' : 'Show Guides'" }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], ViewSettings.prototype, "showGuides", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["c" /* MenuCommand */])({ id: 'SNAPTOGUIDES', toggle: "em.activePanel.settings.snapoptions.guides ? 'Do not snap to Guides' : 'Snap to Guides'" }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], ViewSettings.prototype, "snapToGuides", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["c" /* MenuCommand */])({ id: 'SHOWGRID', toggle: "em.activePanel.settings.showGrid ? 'Hide Grid' : 'Show Grid'" }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], ViewSettings.prototype, "showGrid", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["c" /* MenuCommand */])({ id: 'SNAPTOGRID', toggle: "em.activePanel.settings.snapoptions.grid ? 'Do not snap to Grid' : 'Snap to Grid'" }),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], ViewSettings.prototype, "snapToGrid", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["c" /* MenuCommand */])("CLEARGUIDES"),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], ViewSettings.prototype, "clearGuides", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["c" /* MenuCommand */])("LOCKGUIDES"),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], ViewSettings.prototype, "lockGuides", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["c" /* MenuCommand */])("ZOOMOUT"),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], ViewSettings.prototype, "zoomIn", null);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["c" /* MenuCommand */])("ZOOMIN"),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", void 0)
], ViewSettings.prototype, "zoomOut", null);
ViewSettings = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'ViewSettings',
        template: "<div></div>"
    })
], ViewSettings);

var _a;
//# sourceMappingURL=view-settings.js.map

/***/ }),

/***/ "./src/app/panels/viewers/viewer-panel.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ViewerPanel; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var ViewerPanel = (function (_super) {
    __extends(ViewerPanel, _super);
    function ViewerPanel() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.closed = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */](true);
        return _this;
    }
    return ViewerPanel;
}(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["s" /* Panel */]));

__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], ViewerPanel.prototype, "closed", void 0);
//# sourceMappingURL=viewer-panel.js.map

/***/ }),

/***/ "./src/apps/qx async recursive":
/***/ (function(module, exports) {

function webpackEmptyContext(req) {
	throw new Error("Cannot find module '" + req + "'.");
}
webpackEmptyContext.keys = function() { return []; };
webpackEmptyContext.resolve = webpackEmptyContext;
module.exports = webpackEmptyContext;
webpackEmptyContext.id = "./src/apps/qx async recursive";

/***/ }),

/***/ "./src/apps/qx/app/MapsLayer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GoogleMapsLayer; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var GoogleMapsLayer = (function (_super) {
    __extends(GoogleMapsLayer, _super);
    function GoogleMapsLayer(comp, variable) {
        var _this = _super.call(this, comp, null) || this;
        _this._zoom = 13;
        _this.apikey = "AIzaSyBfI9_2AVVTMfTBjlqzTN-SJbjy3xdZiwg";
        _this.variable = variable;
        _this.update();
        return _this;
    }
    Object.defineProperty(GoogleMapsLayer.prototype, "location", {
        get: function () {
            return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_model__["DecodeMapVariable"])(this.variable);
        },
        set: function (value) {
            var variable = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_model__["EncodeMapVariable"])(value);
            if (variable)
                this.variable = variable;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(GoogleMapsLayer.prototype, "zoom", {
        get: function () {
            return this._zoom;
        },
        set: function (z) {
            this._zoom = z;
            this.update();
        },
        enumerable: true,
        configurable: true
    });
    GoogleMapsLayer.prototype.update = function () {
        var url = "http://https://maps.googleapis.com/maps/api/staticmap?center=$variable&zoom=" + this._zoom + "&size=" + this.width + "x" + this.height + "&maptype=roadmap&key=" + this.apikey;
        var file = new __WEBPACK_IMPORTED_MODULE_1__fx_model__["FileLocation"](__WEBPACK_IMPORTED_MODULE_1__fx_model__["SourceAccessMode"].REMOTE, url, this.variable);
        var source = new __WEBPACK_IMPORTED_MODULE_1__fx_model__["RemoteSource"](__WEBPACK_IMPORTED_MODULE_1__fx_model__["ItemType"].Image, file, this.width, this.height);
        var item = new __WEBPACK_IMPORTED_MODULE_1__fx_model__["FootageItem"](this.comp.project, source);
        this.item = item;
    };
    return GoogleMapsLayer;
}(__WEBPACK_IMPORTED_MODULE_1__fx_model__["ImageLayer"]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["MapVariable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["MapVariable"]) === "function" && _a || Object)
], GoogleMapsLayer.prototype, "variable", void 0);
GoogleMapsLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["Composition"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["MapVariable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["MapVariable"]) === "function" && _c || Object])
], GoogleMapsLayer);

var _a, _b, _c;
//# sourceMappingURL=MapsLayer.js.map

/***/ }),

/***/ "./src/apps/qx/app/StreetView.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GoogleStreetViewLayer; });
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 __());
    };
})();
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var GoogleStreetViewLayer = (function (_super) {
    __extends(GoogleStreetViewLayer, _super);
    function GoogleStreetViewLayer(comp, variable) {
        var _this = _super.call(this, comp, null) || this;
        _this._fov = 90;
        _this._heading = null;
        _this.apikey = "AIzaSyBfI9_2AVVTMfTBjlqzTN-SJbjy3xdZiwg";
        _this.variable = variable;
        _this.update();
        return _this;
    }
    Object.defineProperty(GoogleStreetViewLayer.prototype, "location", {
        get: function () {
            return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_model__["DecodeMapVariable"])(this.variable);
        },
        set: function (value) {
            var variable = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__fx_model__["EncodeMapVariable"])(value);
            if (variable)
                this.variable = variable;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(GoogleStreetViewLayer.prototype, "fov", {
        get: function () {
            return this._fov;
        },
        set: function (z) {
            this._fov = z;
            this.update();
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(GoogleStreetViewLayer.prototype, "heading", {
        get: function () {
            return this._heading;
        },
        set: function (z) {
            this._heading = z;
            this.update();
        },
        enumerable: true,
        configurable: true
    });
    GoogleStreetViewLayer.prototype.update = function () {
        var url = "http://https://maps.googleapis.com/maps/api/streetview?location=$variable&fov=" + this._fov + "&size=" + this.width + "x" + this.height + "&heading=" + (this._heading ? this.heading : '') + "&key=" + this.apikey;
        var file = new __WEBPACK_IMPORTED_MODULE_1__fx_model__["FileLocation"](__WEBPACK_IMPORTED_MODULE_1__fx_model__["SourceAccessMode"].REMOTE, url, this.variable);
        var source = new __WEBPACK_IMPORTED_MODULE_1__fx_model__["RemoteSource"](__WEBPACK_IMPORTED_MODULE_1__fx_model__["ItemType"].Image, file, this.width, this.height);
        var item = new __WEBPACK_IMPORTED_MODULE_1__fx_model__["FootageItem"](this.comp.project, source);
        this.item = item;
    };
    return GoogleStreetViewLayer;
}(__WEBPACK_IMPORTED_MODULE_1__fx_model__["ImageLayer"]));
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["MapVariable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["MapVariable"]) === "function" && _a || Object)
], GoogleStreetViewLayer.prototype, "variable", void 0);
GoogleStreetViewLayer = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__fx_core__["Serializable"])(),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["Composition"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["MapVariable"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["MapVariable"]) === "function" && _c || Object])
], GoogleStreetViewLayer);

var _a, _b, _c;
//# sourceMappingURL=StreetView.js.map

/***/ }),

/***/ "./src/apps/qx/app/app.component.css":
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__("./node_modules/css-loader/lib/css-base.js")(false);
// imports


// module
exports.push([module.i, ":host {\n    height: 100%;\n}\n\n#rightmenu span.fa {cursor: pointer;}\n\nrange-slider.sel {position: absolute; height: 20px; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; background: transparent}\nrange-slider.sel .bar {display: block; height: 18px; border: 1px solid #9ab; margin: 0px 0px; position: relative;}\n\n.menubutton {\n    min-width: 110px;\n    background: transparent;\n    border: 1px solid transparent;\n    color: #ddd;\n    padding: 3px 5px 3px 5px;\n    font-size: 16px;\n    margin: 0 5px;\n    cursor: pointer;\n}\n\n.disabled {\n    border: 1px solid transparent;\n    color: #666;\n}\n\n.menubutton .label {\n    margin-left: 5px;\n}\n\n.menubutton:hover {\n    border: 1px solid #777;\n}\n\n[tooltip]:before {\n    /* needed - do not touch */\n    content: attr(tooltip);\n    position: absolute;\n    opacity: 0;\n    \n    /* customizable */\n    transition: all 0.15s ease;\n    padding: 10px;\n    color: #333;\n    border-radius: 10px;\n    box-shadow: 2px 2px 1px gray;    \n}\n\n[tooltip]:hover:before {\n    /* needed - do not touch */\n    opacity: 1;\n    \n    /* customizable */\n    background: lightyellow;\n    margin-top: 30px;\n    margin-left: 20px;    \n}\n\n", ""]);

// exports


/*** EXPORTS FROM exports-loader ***/
module.exports = module.exports.toString();

/***/ }),

/***/ "./src/apps/qx/app/app.component.html":
/***/ (function(module, exports) {

module.exports = "<fx-dialog-container></fx-dialog-container>\n\n\n<div style=\"position: relative; display: flex; flex-direction: column; width: 100%; height: 100%\">\n\n    <div id=\"menu2\" style=\"flex: 0 0 40px; background-color: #222; font-weight: 100\">\n        <div id=\"leftmenu\">\n            <div style=\"flex: 0 0 150px; margin-top: -2px; margin-right: 10px; font-size:26px;\">\n                <span style=\"font-weight: 900\">FX</span>\n                <span style=\"font-weight: 400; margin-left: -6px\">Express</span>\n            </div>\n\n            <button (click)=\"save()\" class=\"menubutton\">\n                <span class=\"fa\" [ngClass]=\"saving ? 'fa-circle-o-notch fa-spin fa-fw' : 'fa-save'\"> </span>\n                <span class=\"label\">Save</span>\n            </button>\n\n            <button (click)=\"play($event)\" class=\"menubutton\">\n                <span class=\"fa fw-fw fa-play light\"> </span>\n                <span class=\"label\">Preview</span>\n            </button>\n\n            <button (click)=\"undo()\" class=\"menubutton\" [ngClass]=\"{disabled: !canUndo}\">\n                <span class=\"fa fw-fw fa-undo light\"> </span>\n                <span class=\"label\">Undo</span>\n            </button>\n\n            <button (click)=\"redo()\" class=\"menubutton\" [ngClass]=\"{disabled: !canRedo}\">\n                <span class=\"fa fw-fw fa-repeat light\"> </span>\n                <span class=\"label\">Redo</span>\n            </button>\n\n            <button (click)=\"group()\" class=\"menubutton\" [ngClass]=\"{disabled: !canGroup}\">\n                <span class=\"fa fw-fw\" [ngClass]=\"isGroup ? 'fa-object-ungroup' : 'fa-object-group'\"> </span>\n                <span class=\"label\">{{isGroup ? 'Ungroup' : 'Group'}}</span>\n            </button>\n\n            <!--<div><span (click)=\"save()\" title=\"Save &amp; Export\" class=\"fa\" [ngClass]=\"saving ? 'fa-circle-o-notch fa-spin fa-fw' : 'fa-save'\"></span></div>-->\n            <div style=\"margin: 0 10px; font-size: 16px; width: 150px\">\n                <div *ngFor=\"let feed of feeds\" style=\"display: flex; flex-direction: row; align-items: center\">\n                    <div><span (click)=\"prev(feed)\" title=\"Previous item in feed\" class=\"fa fa-chevron-left light\"></span></div>\n                    <div style=\"margin: 0 10px; color: #888\">{{feed.recno+1}} of {{feed.count}}</div>\n                    <div><span (click)=\"next(feed)\" title=\"Next item in feed\" class=\"fa fa-chevron-right light\"></span></div>\n                </div>\n            </div>\n        </div>\n        <div id=\"rightmenu\">\n\n            <button (click)=\"add()\" class=\"menubutton\">\n                <span class=\"fa fw-fw fa-plus\"> </span>\n                <span class=\"label\">Add Layer</span>\n            </button>\n\n            <button (click)=\"cloneLayer()\" class=\"menubutton\">\n                <span class=\"fa fw-fw fa-clone\"> </span>\n                <span class=\"label\">Clone Layer</span>\n            </button>\n\n            <button (click)=\"deleteLayer()\" class=\"menubutton\">\n                <span class=\"fa fw-fw fa-trash\"> </span>\n                <span class=\"label\">Delete Layer</span>\n            </button>\n\n            <!--<button (click)=\"play($event)\"\n                    class=\"menubutton\"><span class=\"fa fa-fw fa-play\"></span>\n                    Play Scene</button>\n\n            <button (click)=\"add()\"\n                    class=\"menubutton\"><span class=\"fa fa-fw fa-plus\"></span>\n                    Add Layer</button>-->\n\n            <!--<div style=\"width: 100%; font-size: 14px; display: flex; flex-flow: row; justify-content: center; align-items: center\">\n                <div (click)=\"add()\" style=\"width: 125px; height: 30px; border: 1px solid #555; margin: 5px; display: flex; flex-flow: column; justify-content: center; align-items: center\">\n                    <div class=\"fa fa-plus\"></div>\n                    <div>Add Layer</div>\n                </div>\n\n                <div style=\"width: 125px; height: 30px; border: 1px solid #555; margin: 5px; display: flex; flex-flow: column; justify-content: center; align-items: center\">\n                    <div class=\"fa fa-clone\"></div>\n                    <div>Clone Layer</div>\n                </div>\n\n                <div style=\"width: 125px; height: 30px; border: 1px solid #555; margin: 5px; display: flex; flex-flow: column; justify-content: center; align-items: center\">\n                    <div class=\"fa fa-trash-o\"></div>\n                    <div>Delete Layer</div>\n                </div>\n            </div>-->\n\n\n\n            <div style=\"flex: 1 1; margin-left: 10px; width: 30px\" (click)=\"preferences()\" title=\"Preferences\" class=\"fa fa-bars\"></div>\n\n            <!--<div (click)=\"play($event)\" title=\"Preview Scene (Control-click for whole video)\" class=\"fa fa-play\" [ngClass]=\"{'fx-active': player.playing && !player.playing.closed}\"></div>-->\n            <!--<div (click)=\"add()\" title=\"Add Text/Image/Video\"  class=\"fa fa-plus\"></div>-->\n            <!--<div style=\"flex: 1; margin: 0 10px; width: 30px\" (click)=\"record()\" title=\"Create Animation\"  class=\"fa fa-circle\" [ngStyle]=\"{color: recording ? 'red' : '#555'}\"></div>-->\n        </div>\n    </div>\n\n\n    <div style=\"flex: 1 1 0; display: flex; flex-direction: row;\">\n\n        <div #main style=\"flex: 1 1 0; display: flex; flex-direction: column; background: #422\">\n\n            <div style=\"flex: 1 1 0; background: #444; min-width: 0; min-height: 0; overflow: hidden; display:flex\" \n                        (drop)=\"drop($event)\" (dragover)=\"$event.preventDefault()\">\n                 <CompositionEditor #compedit style=\"width: 100%; flex: 1 1 0; display: block; min-width: 0; min-height: 0; overflow: hidden;\" \n                    *ngFor=\"let comp of getComp()\" [comp]=\"comp\" [params]=\"params\" [settings]=\"settings\" [editormode]=\"0\" >\n                </CompositionEditor>\n            </div>\n\n            <div style=\"flex: 0 0 111px; background: #228\">\n                <Timeline (sceneAdd)=\"addScene()\" (sceneSelected)=\"selectScene($event)\" [resized]=\"resized\" [prefs]=\"prefs\" [scenes]=\"scenes\" [scene]=\"scene\" [width]=\"width - 100\" ></Timeline>\n            </div>\n        </div>\n\n        <div style=\"flex: 0 0 400px; overflow-y: auto; background: #333; border-left: 1px solid #555\">\n            <props *ngIf=\"scene && project\" [tab]=\"tab\">\n\n                <div templ>\n                    <TemplateProps [prefs]=\"prefs\" [project]=\"project\" [sounds]=\"sounds\"></TemplateProps>\n                </div>\n\n                <div scene>\n                    <SceneProps [scene]=\"scene\" [sounds]=\"sounds\" [fields]=\"fields\"></SceneProps>\n                </div>\n\n                <!--<div media>\n                    <MediaProps></MediaProps>\n                </div>-->\n\n                <div layer>\n                    <LayerProps [comp]=\"scene.comp\" [layers]=\"selectedLayers\" [fields]=\"fields\" [recording]=\"recording\"></LayerProps>\n                </div>\n\n            </props>\n        </div>\n\n    </div>\n\n        \n</div>\n\n<!--\n\n\n    <div style=\"flex: 1 1 100%; display: flex; width: 100%; height: 100%; flex-direction: row; xjustify-content: flex-start; xalign-items: center\"\n         (drop)=\"drop($event)\" (dragover)=\"$event.preventDefault()\">\n\n        <div style=\"flex: 1;  xdisplay: flex; xflex-direction: column;\" >\n            <div style=\"overflow: hidden\">\n                \n                <div xstyle=\"position: relative;\">\n                    editor\n                    <div style=\"position: absolute; z-index: 99; right: 5px; bottom: 5; width: 100px; height: 20px; background: yellow\">\n                    </div>\n                </div>\n\n            <div>\n            \n\n\n                <CompositionEditor #compedit style=\"display: block; width: 100%; height: 100%; \" \n                    *ngFor=\"let comp of getComp()\" [comp]=\"comp\" [params]=\"params\" [settings]=\"settings\" [editormode]=\"0\" >\n                </CompositionEditor>\n\n\n            <div id=\"timeline2\" #timeline \n                style=\"flex: 0 0 25px; display: flex; flex-direction: row; align-items: center; background: #333;  border-top: 1px solid #555; cursor: default\">\n                \n                <div style=\"flex: 0 0 10px\"></div>\n                <div *ngIf=\"scene && prefs.unit=='timecode'\" style=\"flex: 0 0 90px\"><span class=\"fx-value\" style=\"font-size: 20px\" number-slider [(ngModel)]=\"scene.comp.frame\" [range]=\"scene.comp.inoutrange\" fmt=\"@\" [base]=\"scene.comp.framerate.ratio()\" (drag)=\"scene.comp.change.next(false)\" (dragstop)=\"scene.comp.change.next(true)\"></span></div>\n                <div *ngIf=\"scene && prefs.unit=='frames'\" style=\"flex: 0 0 90px\"><span  class=\"fx-value\" style=\"font-size: 20px\" number-slider [(ngModel)]=\"scene.comp.frame\" [range]=\"scene.comp.inoutrange\" fmt=\"%05d\" (drag)=\"scene.comp.change.next(false)\" (dragstop)=\"scene.comp.change.next(true)\"></span></div>\n\n                <frame-range-ruler *ngIf=\"scene\" style=\"flex: 1 1 100%;\"\n                    [showRange]=\"false\"\n                    [showIndicator]=\"false\"\n                    [resized]=\"resized\"\n                    [width]=\"width\"\n                    height=\"25\"\n                    [numframes]=\"scene.comp.numframes\" \n                    [reverse]=\"false\"\n                    [(frame)]=\"scene.comp.frame\" \n                    [(range)]=\"scene.comp.inoutrange\" \n                    (frameChange)=\"scene.comp.change.next(false)\"\n                    (dragstop)=\"scene.comp.change.next(null)\">\n                </frame-range-ruler>\n            </div>\n\n            <div id=\"scenes2\" style=\"flex: 0 0 86px; width: 100%; cursor: default\">\n                <div style=\"flex: 0 0 30px\"></div>\n                <div id=\"scenecontainer\" style=\"flex: 1 1 100%; width: 100%; height: 80px; overflow: auto; display: flex; flex-direction: row; align-items: center\">\n                    <div *ngFor=\"let s of scenes;  let i=index;\" (click)=\"selectScene(s)\"\n                        [attr.data-index]=\"i\"\n                        [ngClass]=\"{selected: scene==s}\">\n                        <div style=\"font-size: 9px; margin-left: 10px\">\n                            <span *ngIf=\"s.type==ST.Optional\">[</span>\n                            Scene {{i+1}}\n                            <span *ngIf=\"s.type==ST.Optional\">]</span>\n                        </div>\n                        <div style=\"margin: 5px 10px; width: 90px; height: 50px;  position: relative\">\n                            <div *ngIf=\"s.type == ST.Choice\">\n                                <div style=\"z-index: 2; position: absolute; left: 2px; top: -2px; width: 90px; height: 50px; background: #111; border: 1px solid white\"></div>\n                                <div style=\"z-index: 1; position: absolute; left: 4px; top: -4px; width: 90px; height: 50px; background: #111; border: 1px solid white\"></div>\n                            </div>\n                            <div style=\"z-index: 3; position: absolute; width: 90px; height: 50px; background: #111; border: 1px solid white\">\n                                <CompThumb style=\"z-index: 3; position: absolute;\" [item]=\"s.comp\" [params]=\"params\" [posterframe]=\"s.comp.poster\" width=\"90\" height=\"45\"></CompThumb>\n                            </div>\n                            <div *ngIf=\"s.comp.transition\"\n                                style=\"z-index: 4; position: absolute; width: 10px; height: 10px; background-color: yellow\"></div>\n                        </div>\n                    </div>\n                </div>\n                <div style=\"flex: 0 0 50px; right: 0; bottom: 0; height: 80px; width: 50px; background-color: #373737; display: flex; align-items: center; justify-content: center\"><span (click)=\"addScene()\" class=\"fa fa-plus-square-o\"></span></div>\n            </div>\n\n        </div>\n\n\n        <div style=\"flex: 0 0 461px; overflow-y: auto; background: #333; border-left: 1px solid #555\">\n            <props *ngIf=\"scene && project\" [tab]=\"tab\">\n\n                <div templ>\n                    <TemplateProps [prefs]=\"prefs\" [project]=\"project\" [sounds]=\"sounds\"></TemplateProps>\n                </div>\n\n                <div scene>\n                    <SceneProps [scene]=\"scene\" [sounds]=\"sounds\" [fields]=\"fields\"></SceneProps>\n                </div>\n\n                <div media>\n                    <MediaProps></MediaProps>\n                </div>\n\n                <div layer>\n                    <LayerProps [comp]=\"scene.comp\" [layers]=\"selectedLayers\" [fields]=\"fields\" [recording]=\"recording\"></LayerProps>\n                </div>\n\n            </props>\n        </div>\n    </div>\n</div>\n-->"

/***/ }),

/***/ "./src/apps/qx/app/app.component.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Observable__ = __webpack_require__("./node_modules/rxjs/Observable.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Observable___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Observable__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_add_operator_mergeMap__ = __webpack_require__("./node_modules/rxjs/add/operator/mergeMap.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_add_operator_mergeMap___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_rxjs_add_operator_mergeMap__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__angular_http__ = __webpack_require__("./node_modules/@angular/http/@angular/http.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__angular_router__ = __webpack_require__("./node_modules/@angular/router/@angular/router.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_app_panels_viewers_composition_composition_editor__ = __webpack_require__("./src/app/panels/viewers/composition/composition-editor.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__MapsLayer__ = __webpack_require__("./src/apps/qx/app/MapsLayer.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__StreetView__ = __webpack_require__("./src/apps/qx/app/StreetView.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__props_upload__ = __webpack_require__("./src/apps/qx/app/props/upload.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__props_add__ = __webpack_require__("./src/apps/qx/app/props/add.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__props_media__ = __webpack_require__("./src/apps/qx/app/props/media.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__props_field__ = __webpack_require__("./src/apps/qx/app/props/field.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__props_stock__ = __webpack_require__("./src/apps/qx/app/props/stock.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__props_prefs__ = __webpack_require__("./src/apps/qx/app/props/prefs.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__props_newscene__ = __webpack_require__("./src/apps/qx/app/props/newscene.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20__player_component__ = __webpack_require__("./src/apps/qx/app/player.component.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





















var LOCALSTORAGE_FXTOKEN = "fxtoken";
// Streetview & Google Maps variable counters
var svcounter = 1, mapcounter = 1, imgcounter = 1, textcounter = 1, videocounter = 1, footageCounter = 1, scenecounter = 1;
var AppComponent = (function () {
    function AppComponent(http, router, route, el, cd, prj, model, dlg, player, um, ss) {
        var _this = this;
        this.http = http;
        this.router = router;
        this.route = route;
        this.el = el;
        this.cd = cd;
        this.prj = prj;
        this.model = model;
        this.dlg = dlg;
        this.player = player;
        this.um = um;
        this.ss = ss;
        this.ST = __WEBPACK_IMPORTED_MODULE_7__fx_model__["SceneType"];
        this.resized = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.params = {};
        this.recording = false;
        this.saving = false;
        this.tab = { selected: 0 };
        this.settings = new __WEBPACK_IMPORTED_MODULE_8__fx_ui__["t" /* EditorSettings */]();
        this.prefs = {
            unit: 'frames',
            editor: this.settings,
            template: {
                size: "640x360",
                customsize: new __WEBPACK_IMPORTED_MODULE_6__fx_core__["Size"](640, 360),
                fps: new __WEBPACK_IMPORTED_MODULE_7__fx_model__["Framerate"](25, 1),
                defaultBackgroundColor: new __WEBPACK_IMPORTED_MODULE_6__fx_core__["Color"](__WEBPACK_IMPORTED_MODULE_6__fx_core__["Color"].BLACK),
            },
            enable: []
        };
        this.route.queryParams.take(1).subscribe(function (map) {
            if (map.token && map.token != "")
                localStorage.setItem(LOCALSTORAGE_FXTOKEN, map.token);
            if (!map.region || !map.prjuid || !map.name) {
                alert("URL not configured. Please see documentation");
                return;
            }
            var visibleQueryParams = {
                region: map.region,
                prjuid: map.prjuid,
                name: map.name
            };
            if (map.configURL)
                visibleQueryParams['configURL'] = map.configURL;
            if (map.config)
                visibleQueryParams['config'] = map.config;
            if (map.ds)
                visibleQueryParams['ds'] = map.ds;
            _this.router.navigate([], { queryParams: visibleQueryParams });
            _this.compName = map.name;
            _this.login()
                .subscribe(function () {
                return _this.loadConfig(map.configURL, map.config)
                    .subscribe(function () {
                    return _this.run(map.region, map.prjuid, map.name, map.ds);
                });
            });
            //                (error) => {console.error(error); throw error});
        });
        window["app"] = this;
    }
    AppComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        setTimeout(function () {
            _this.width = $(_this.main.nativeElement).width();
            console.log("main width", _this.width);
            $('#scenecontainer').sortable({
                containment: 'parent',
                axis: 'x',
                stop: function (event, ui) {
                    var oldpos = ui.item.data('index');
                    var newpos = ui.item.index();
                    _this.scenes.splice(newpos, 0, _this.scenes.splice(oldpos, 1)[0]);
                    _this.project.scenes = _this.scenes.slice();
                    _this.cd.markForCheck();
                }
            });
            $(window).on('resize', function () {
                _this.width = $(_this.main.nativeElement).width();
                var height = $(_this.main.nativeElement).height() - 111;
                _this.editor.resize({ width: _this.width - 200, height: height - 200 });
                setTimeout(function () { return _this.settings.resize.next(true); });
            });
        });
    };
    AppComponent.prototype.getComp = function () {
        return this.scene && this.scene.comp ? [this.scene.comp] : [];
    };
    Object.defineProperty(AppComponent.prototype, "project", {
        get: function () {
            return this.prj.project;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AppComponent.prototype, "scenes", {
        get: function () {
            return this.project ? this.project.scenes : [];
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AppComponent.prototype, "feeds", {
        get: function () {
            return this.config ? this.config.feeds : undefined;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AppComponent.prototype, "selectedLayers", {
        get: function () {
            return this.scene && this.scene.comp ?
                this.ss.getSelectionManager(this.scene.comp).selected
                    .filter(function (layer) { return layer instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["AVLayer"]; }) : [];
        },
        enumerable: true,
        configurable: true
    });
    AppComponent.prototype.login = function () {
        var _this = this;
        var token = localStorage.getItem(LOCALSTORAGE_FXTOKEN);
        return this.http.get("https://accounts.impossible.io/auth/verify", new __WEBPACK_IMPORTED_MODULE_4__angular_http__["c" /* RequestOptions */]({ headers: new __WEBPACK_IMPORTED_MODULE_4__angular_http__["b" /* Headers */]({ Authorization: "istoken " + token }) }))
            .catch(function (err, r) {
            if (err.status != 200) {
                document.location.href = "https://accounts.impossible.io/login?returnTo=" + encodeURIComponent(document.location.href);
            }
            return r;
        })
            .map(function (r) { return _this.refreshToken(); });
    };
    AppComponent.prototype.refreshToken = function () {
        var _this = this;
        var token = localStorage.getItem(LOCALSTORAGE_FXTOKEN);
        console.log("refresh", token);
        return this.http.post("https://accounts.impossible.io/auth/renew", null, new __WEBPACK_IMPORTED_MODULE_4__angular_http__["c" /* RequestOptions */]({ headers: new __WEBPACK_IMPORTED_MODULE_4__angular_http__["b" /* Headers */]({ Authorization: "istoken " + token }) }))
            .map(function (r) { return r.json(); })
            .map(function (data) {
            localStorage.setItem(LOCALSTORAGE_FXTOKEN, data.token);
            setTimeout(function () { return _this.refreshToken(); }, 5 * 60 * 1000);
        });
    };
    AppComponent.prototype.loadConfig = function (url, data) {
        var _this = this;
        if (url && url != "") {
            console.log("Loading config:", url);
            return this.http.get(url)
                .map(function (r) { return r.json(); })
                .map(function (config) {
                _this.config = config;
                return _this.loadData(config)
                    .map(function (data) { return data; });
            });
        }
        if (data && data != "") {
            console.log("parsing config:", data);
            this.config = JSON.parse(data);
            return this.loadData(this.config)
                .map(function (data) { return data; });
        }
        return __WEBPACK_IMPORTED_MODULE_1_rxjs_Observable__["Observable"].of(undefined);
    };
    AppComponent.prototype.loadData = function (config) {
        var _this = this;
        console.log("Loading data", config);
        return __WEBPACK_IMPORTED_MODULE_1_rxjs_Observable__["Observable"].forkJoin(config.feeds.map(function (feed) {
            return _this.http.get(feed.endpoint.url)
                .map(function (response) { return response.json(); })
                .map(function (data) { return _this.initData(feed, data.data); })
                .map(function (response) { return response; });
        }));
    };
    AppComponent.prototype.initData = function (feed, data) {
        console.log("Init data", feed, data);
        if (feed) {
            feed.recno = 0;
            feed.count = data.length;
            feed.data = data;
        }
    };
    AppComponent.prototype.run = function (region, prjuid, comp, datasource) {
        var _this = this;
        this.initParams();
        var loader;
        this.prj.newProject(region, prjuid);
        loader = this.prj.loadProject(comp)
            .then(function () { return _this.prj.listAssets(); })
            .catch(function () { return _this.prj.listAssets().then(function (assets) {
            var scene = _this.addSceneOfType(__WEBPACK_IMPORTED_MODULE_7__fx_model__["SceneType"].Regular);
            return assets;
        }); });
        loader.then(function () {
            if (datasource && datasource != "") {
                console.log("parsing datasource:", datasource);
                return _this.prj.loadDatasource(datasource)
                    .map(function (data) {
                    console.log(data);
                    var columns = data.columns;
                    var props = columns.reduce(function (o, c) {
                        return Object.assign(o, (_a = {}, _a[c] = { type: 'string' }, _a));
                        var _a;
                    }, {});
                    var keys = Object.keys(data.values);
                    var feeddata = keys.map(function (key) {
                        var values = data.values[key];
                        return columns.reduce(function (o, c, i) {
                            return Object.assign(o, (_a = {}, _a[c] = values[i], _a));
                            var _a;
                        }, {});
                    });
                    return {
                        schema: {
                            title: datasource,
                            properties: props
                        },
                        count: feeddata.length,
                        recno: 0,
                        data: feeddata
                    };
                })
                    .subscribe(function (feed) {
                    _this.config = {
                        feeds: [feed]
                    };
                    _this.next(feed);
                    _this.prev(feed);
                    console.log("Config", _this.config);
                });
            }
        });
        loader.then(function () {
            _this.prj.change.next(true);
            _this.scenes[0].selectComp(_this.scenes[0].comps[0]);
            _this.selectScene(_this.scenes[0]);
            setTimeout(function () {
                _this.settings.resize.next(true);
                _this.scenes[0].comp.change.next(true);
                _this.um.enable();
            });
        });
    };
    AppComponent.prototype.undo = function () {
        this.um.undo();
        this.scene.comp.change.next(true);
    };
    AppComponent.prototype.redo = function () {
        this.um.redo();
        this.scene.comp.change.next(true);
    };
    Object.defineProperty(AppComponent.prototype, "canUndo", {
        get: function () {
            return this.um.peekUndo();
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AppComponent.prototype, "canRedo", {
        get: function () {
            return this.um.peekRedo();
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AppComponent.prototype, "canGroup", {
        get: function () {
            if (!this.scene || !this.scene.comp)
                return false;
            var sel = this.ss.getSelectionManager(this.scene.comp).selected;
            var layers = sel.filter(function (s) { return s instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["AVLayer"]; });
            return layers.length > 1 || this.isGroup;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AppComponent.prototype, "isGroup", {
        get: function () {
            if (!this.scene || !this.scene.comp)
                return false;
            var sel = this.ss.getSelectionManager(this.scene.comp).selected;
            var grouped = sel.filter(function (s) { return s instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["CompLayer"]; });
            return grouped.length > 0;
        },
        enumerable: true,
        configurable: true
    });
    AppComponent.prototype.group = function () {
        var _this = this;
        var sel = this.ss.getSelectionManager(this.scene.comp).selected;
        var grouped = sel.filter(function (s) { return s instanceof __WEBPACK_IMPORTED_MODULE_7__fx_model__["CompLayer"]; });
        if (grouped.length) {
            console.log("ungroup", grouped);
            grouped.forEach(function (layer) { return _this.model.unComposeCompLayer(layer); });
        }
        else {
            console.log("group", sel);
            this.model.preComposeSelectedLayers(this.scene.comp);
        }
    };
    AppComponent.prototype.preferences = function () {
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_18__props_prefs__["a" /* PrefsComponent */], this.prefs);
    };
    AppComponent.prototype.getFeedRecord = function (feed, recno) {
        return feed.data ? feed.data[recno] : {};
    };
    Object.defineProperty(AppComponent.prototype, "fields", {
        get: function () {
            return this.config ?
                __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_6__fx_core__["flatten"])(this.config.feeds.map(function (feed) {
                    return Object.entries(feed.schema.properties).filter(function (value) {
                        return value[1].type == "string" || value[1].type == "number";
                    }).map(function (value) { return value[0]; });
                }))
                : [
                    "FIRSTNAME",
                    "LASTNAME",
                    "COMPANY",
                    "PROFILEPICTURE",
                    "Create custom variable..."
                ];
        },
        enumerable: true,
        configurable: true
    });
    AppComponent.prototype.add = function () {
        var _this = this;
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_14__props_add__["a" /* AddElementDialog */], null)
            .result.subscribe(function (action) {
            console.log("add", action);
            if (!action) {
                return;
            }
            _this.newLayer(action);
        });
    };
    AppComponent.prototype.cloneLayer = function () {
        this.um.beginUndoGroup();
        this.model.duplicateSelectedLayers(this.scene.comp);
        this.um.endUndoGroup();
        this.scene.comp.change.next(true);
    };
    AppComponent.prototype.deleteLayer = function () {
        this.um.beginUndoGroup();
        this.ss.getSelectionManager(this.scene.comp).dispatch("delete");
        this.um.endUndoGroup();
    };
    AppComponent.prototype.newLayer = function (action, asource) {
        var _this = this;
        var layer;
        var asource, item;
        this.um.beginUndoGroup();
        switch (action) {
            case "statictext":
                var text = this.prj.newTextLayer(this.scene.comp);
                text.template = "Text";
                text.defaultContext.fontsize = 70;
                text.props.xAlign = __WEBPACK_IMPORTED_MODULE_7__fx_model__["HorizontalAlignment"].Center;
                text.props.yAlign = __WEBPACK_IMPORTED_MODULE_7__fx_model__["VerticalAlignment"].Middle;
                layer = text;
                break;
            case 'dynamictext':
                var textkey = "text" + textcounter++;
                text = this.prj.newTextLayer(this.scene.comp);
                text.template = "Dynamic Text";
                text.defaultContext.fontsize = 40;
                text.props.xAlign = __WEBPACK_IMPORTED_MODULE_7__fx_model__["HorizontalAlignment"].Left;
                text.props.yAlign = __WEBPACK_IMPORTED_MODULE_7__fx_model__["VerticalAlignment"].Middle;
                //                let textvar = new MapVariable(textkey, "Text");
                layer = text;
                this.dlg.open(__WEBPACK_IMPORTED_MODULE_16__props_field__["a" /* FieldDialog */], this.fields)
                    .result.subscribe(function (result) {
                    if (result) {
                        var textlayer = layer;
                        textlayer.variables.push(result);
                        textlayer.template = '${' + result.key + '}';
                        textlayer.change.next(true);
                    }
                });
                // if(selected == "countdown") {
                //     v = new CounterVariable(10, 0, 50);
                // }
                // text.variables.push(textvar);
                break;
            case 'staticimage':
                this.dlg.open(__WEBPACK_IMPORTED_MODULE_15__props_media__["a" /* MediaProps */], __WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Image, { width: '90%', height: '90%' })
                    .result.subscribe(function (asset) {
                    if (!asset)
                        return;
                    _this.newLayer('step2', new __WEBPACK_IMPORTED_MODULE_7__fx_model__["AssetSource"](asset));
                });
                return;
            case 'staticvideo':
                this.dlg.open(__WEBPACK_IMPORTED_MODULE_15__props_media__["a" /* MediaProps */], __WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Video, { width: '90%', height: '90%' })
                    .result.subscribe(function (asset) {
                    if (!asset)
                        return;
                    _this.newLayer('step2', new __WEBPACK_IMPORTED_MODULE_7__fx_model__["AssetSource"](asset));
                });
                // let assettype = action == "staticvideo" ? ItemType.Video : ItemType.Image;
                // let asset = this.prj.assets.find(asset => asset.type == assettype);
                // asource = new AssetSource(asset);
                // item = this.prj.newItem(asource, assettype);
                // this.prj.project.addItem(item);
                // layer = this.model.newLayerFromItem(this.scene.comp, item, false);
                return;
            case 'dynamicimage':
            case 'dynamicvideo':
                var assettype = action == "dynamicvideo" ? __WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Video : __WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Image;
                var key = (assettype == __WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Video) ? "video" + videocounter++ : "image" + imgcounter++;
                var variable = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["MapVariable"](key, "");
                var location = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["FileLocation"](__WEBPACK_IMPORTED_MODULE_7__fx_model__["SourceAccessMode"].REMOTE, "http://$variable", variable);
                asource = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["RemoteSource"](__WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Image, location, 320, 180);
                item = this.prj.newItem(asource, assettype);
                this.prj.project.addItem(item);
                layer = this.model.newLayerFromItem(this.scene.comp, item, false);
                layer.scaling = __WEBPACK_IMPORTED_MODULE_7__fx_model__["SCALEMODE"].crop;
                break;
            case 'maps':
                var mapkey = "map" + mapcounter++;
                var mapvar = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["MapVariable"](mapkey, "Times Square, New York", true);
                var map = new __WEBPACK_IMPORTED_MODULE_11__MapsLayer__["a" /* GoogleMapsLayer */](this.scene.comp, mapvar);
                map.width = 600;
                map.height = 300;
                map.update();
                this.scene.comp.addLayer(map);
                //this.params[mapkey] = mapvar.defaultValue;
                layer = map;
                break;
            case 'streetview':
                var svkey = "sv" + svcounter++;
                var viewvar = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["MapVariable"](svkey, "Times Square, New York", true);
                var streetview = new __WEBPACK_IMPORTED_MODULE_12__StreetView__["a" /* GoogleStreetViewLayer */](this.scene.comp, viewvar);
                streetview.width = 600;
                streetview.height = 300;
                streetview.update();
                this.scene.comp.addLayer(streetview);
                //this.params[svkey] = viewvar.defaultValue;
                layer = streetview;
                break;
            case 'rectangle':
                var solidsource = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["SolidSource"](new __WEBPACK_IMPORTED_MODULE_6__fx_core__["Color"](__WEBPACK_IMPORTED_MODULE_6__fx_core__["Color"].BLUE), 100, 100, "Blue");
                var rect = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["SolidLayer"](this.scene.comp, new __WEBPACK_IMPORTED_MODULE_7__fx_model__["FootageItem"](this.project, solidsource));
                this.scene.comp.addLayer(rect);
                layer = rect;
                break;
            case 'upload':
                this.dlg.open(__WEBPACK_IMPORTED_MODULE_13__props_upload__["a" /* UploadDialog */], ['*/*'])
                    .result.subscribe(function (asset) {
                    if (asset)
                        _this.newLayer('step2', new __WEBPACK_IMPORTED_MODULE_7__fx_model__["AssetSource"](asset));
                });
                return; // <-- important
            case 'stockimage':
            case 'stockvideo':
                this.dlg.open(__WEBPACK_IMPORTED_MODULE_17__props_stock__["a" /* StockSearchDialog */], action, { width: '90%', height: '90%' })
                    .result.subscribe(function (photo) {
                    if (!photo)
                        return;
                    var key = "image" + imgcounter++;
                    var stockvar = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["MapVariable"](key, photo.src.original);
                    var location = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["FileLocation"](__WEBPACK_IMPORTED_MODULE_7__fx_model__["SourceAccessMode"].REMOTE, "http://$variable", stockvar);
                    asource = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["RemoteSource"](__WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Image, location, photo.width, photo.height);
                    _this.newLayer('step2', asource);
                });
                return;
            case 'step2':
                item = this.prj.newItem(asource, asource.type);
                this.prj.project.addItem(item);
                layer = this.model.newLayerFromItem(this.scene.comp, item, false);
                var w = Math.min(layer.width, this.scene.comp.width), h = Math.min(layer.height, this.scene.comp.height);
                if (w != layer.width || h != layer.height) {
                    layer.scaling = __WEBPACK_IMPORTED_MODULE_7__fx_model__["SCALEMODE"].crop;
                    layer.width = w;
                    layer.height = h;
                }
                break;
        }
        layer.scaling = __WEBPACK_IMPORTED_MODULE_7__fx_model__["SCALEMODE"].crop;
        layer.numframes = this.scene.comp.numframes;
        this.ss.select(layer);
        this.scene.comp.change.next(true);
        this.um.endUndoGroup();
        this.tab.selected = 3;
    };
    Object.defineProperty(AppComponent.prototype, "sounds", {
        get: function () {
            return this.prj.assets
                .filter(function (a) { return a.type == __WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Audio; });
        },
        enumerable: true,
        configurable: true
    });
    AppComponent.prototype.record = function () {
        this.recording = !this.recording;
    };
    AppComponent.prototype.addScene = function () {
        var _this = this;
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_19__props_newscene__["a" /* NewSceneComponent */], null, { top: null, right: '500px', bottom: '50px' })
            .result.subscribe(function (t) { return _this.addSceneOfType(t); });
    };
    AppComponent.prototype.addSceneOfType = function (t) {
        this.um.beginUndoGroup();
        var comp = this.createComp();
        var scene = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["Scene"](t);
        if (t == __WEBPACK_IMPORTED_MODULE_7__fx_model__["SceneType"].Optional) {
            var scenekey = "scene" + scenecounter++;
            scene.condition = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["MapVariable"](scenekey, "");
        }
        scene.addComp(comp);
        scene.selectComp(comp);
        this.scenes.push(scene);
        this.um.endUndoGroup();
        this.selectScene(scene);
        return scene;
    };
    AppComponent.prototype.createComp = function () {
        var settings = {
            width: 640,
            height: 360,
            numframes: 100,
            bgcolor: __WEBPACK_IMPORTED_MODULE_6__fx_core__["Color"].fromString('#000000'),
            framerate: __WEBPACK_IMPORTED_MODULE_7__fx_model__["Framerate"].fromString('25/1')
        };
        var comp = this.prj.newComposition(settings);
        comp._name = this.prj.uniqueNameWithNumber("Scene");
        this.prj.project.addItem(comp);
        // let layer = this.prj.newSolidLayer(comp, "Fooo", Color.RANDOM(), new Size(320, 180), 100)
        // layer.position$.add(0, new Point(0,0));
        // layer.position$.add(250, new Point(640,360));
        // layer.rotate$.add(0, 0);
        // layer.rotate$.add(250, 720);
        // layer.change.next(true);
        return comp;
    };
    AppComponent.prototype.selectScene = function (scene) {
        var _this = this;
        this.scene = scene;
        //this.scene.comp = scene;
        this.model.setActiveComposition(scene.comp);
        this.ss.getSelectionManager(this.project).select(scene);
        setTimeout(function () { return _this.scene.comp.change.next(true); });
        // if(this.scene.compChange)
        //     this.scene.compChange.unsubscribe();
        // this.scene.compChange = this.scene.comp.change.subscribe(() => this.cd.markForCheck());
        this.cd.markForCheck();
    };
    AppComponent.prototype.sceneID = function (index, scene) {
        return scene ? scene.id : null;
    };
    AppComponent.prototype.prev = function (feed) {
        var _this = this;
        feed.recno = Math.max(0, feed.recno - 1);
        var record = this.getFeedRecord(feed, feed.recno);
        Object.keys(record).forEach(function (k) {
            _this.params[k] = "" + record[k];
        });
        this.scene.comp.change.next(true);
    };
    AppComponent.prototype.next = function (feed) {
        var _this = this;
        feed.recno = Math.min(feed.count - 1, feed.recno + 1);
        var record = this.getFeedRecord(feed, feed.recno);
        Object.keys(record).forEach(function (k) {
            _this.params[k] = "" + record[k];
        });
        this.scene.comp.change.next(true);
    };
    AppComponent.prototype.initParams = function () {
        var _this = this;
        if (this.config && this.config.feeds) {
            this.config.feeds.forEach(function (feed) {
                var record = _this.getFeedRecord(feed, feed.recno);
                Object.keys(record).forEach(function (k) {
                    _this.params[k] = "" + record[k];
                });
            });
        }
    };
    AppComponent.prototype.mousewheel = function (event) {
        this.settings.zoom += event.wheelDeltaY * 0.0005;
        this.settings.zoom = Math.max(0.01, Math.min(this.settings.zoom, 50));
    };
    AppComponent.prototype.keydown = function (event) {
        if (event.keyCode == 8 || event.keyCode == 46) {
            if (event.target instanceof HTMLInputElement ||
                event.target instanceof HTMLParagraphElement ||
                event.target instanceof HTMLDivElement ||
                event.target instanceof HTMLTextAreaElement)
                return;
            this.um.beginUndoGroup();
            this.ss.getSelectionManager(this.scene.comp).dispatch("delete");
            this.um.endUndoGroup();
            return;
        }
        var char = String.fromCharCode(event.keyCode);
        if ((event.ctrlKey || event.metaKey) && char == 'Z') {
            this.um.undo();
            this.scene.comp.change.next(true);
        }
        if ((event.ctrlKey || event.metaKey) && char == 'Y') {
            this.um.redo();
            this.scene.comp.change.next(true);
        }
    };
    AppComponent.prototype.clipboard = function (operation, clipevent) {
        if (clipevent.target instanceof HTMLInputElement ||
            clipevent.target instanceof HTMLTextAreaElement)
            return;
        var event = { detail: { event: clipevent } };
        this.um.beginUndoGroup();
        this.ss.getSelectionManager(this.scene.comp).dispatch(operation, event);
        this.um.endUndoGroup();
        clipevent.preventDefault();
    };
    AppComponent.prototype.drop = function (event) {
        event.preventDefault();
        this.um.beginUndoGroup();
        var name = event.dataTransfer.getData("text/plain");
        var source;
        if (name.startsWith("http://") || name.startsWith("https://")) {
            var footageKey = "footage" + footageCounter++;
            var variable = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["MapVariable"](footageKey, name);
            var location = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["FileLocation"](__WEBPACK_IMPORTED_MODULE_7__fx_model__["SourceAccessMode"].REMOTE, "http://$variable", variable);
            source = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["RemoteSource"](__WEBPACK_IMPORTED_MODULE_7__fx_model__["ItemType"].Video, location, this.scene.comp.width, this.scene.comp.height);
        }
        else {
            var asset = this.prj.assets.find(function (asset) { return asset.Name == name; });
            source = new __WEBPACK_IMPORTED_MODULE_7__fx_model__["AssetSource"](asset);
        }
        var item = this.prj.newItem(source);
        this.prj.project.addItem(item);
        var layer = this.model.newLayerFromItem(this.scene.comp, item, false);
        layer.numframes = this.scene.comp.numframes;
        layer.scaling = __WEBPACK_IMPORTED_MODULE_7__fx_model__["SCALEMODE"].letterbox;
        // let fx = <any>this.model.addEffect(layer, FadeInAnimation, null);
        // fx.duration = 25;
        // fx = <any>this.model.addEffect(layer, FadeOutAnimation, null);
        // fx.duration = 25;
        // fx = <any>this.model.addEffect(layer, SlideInAnimation, null);
        // fx.duration = 25;
        // fx = <any>this.model.addEffect(layer, SlideOutAnimation, null);
        // fx.duration = 25;
        this.ss.select(layer);
        this.scene.comp.change.next(true);
        this.um.endUndoGroup();
    };
    AppComponent.prototype.save = function () {
        var _this = this;
        this.saving = true;
        var comps = this.scenes.map(function (s) { return s.comp; });
        this.prj.saveProject(this.compName);
        this.prj.exportMovie(comps, this.compName)
            .then(function () { return _this.saving = false; })
            .catch(function (error) { console.error(error); alert(error.toString()); });
    };
    AppComponent.prototype.play = function (event) {
        var config = {
            width: this.scene.comp.width,
            height: this.scene.comp.height,
            name: this.compName,
            params: this.params,
            comps: event.ctrlKey ? this.scene.comp : this.scenes.map(function (s) { return s.comp; })
        };
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_20__player_component__["a" /* PlayerDialog */], config, { closeOnClick: false, left: '20%', top: '20%', right: '20%', bottom: '20%' });
    };
    return AppComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__angular_core__["_4" /* ViewChild */])(__WEBPACK_IMPORTED_MODULE_10_app_panels_viewers_composition_composition_editor__["a" /* CompositionEditor */]),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_10_app_panels_viewers_composition_composition_editor__["a" /* CompositionEditor */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_10_app_panels_viewers_composition_composition_editor__["a" /* CompositionEditor */]) === "function" && _a || Object)
], AppComponent.prototype, "editor", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__angular_core__["_4" /* ViewChild */])('main'),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__angular_core__["O" /* ElementRef */]) === "function" && _b || Object)
], AppComponent.prototype, "main", void 0);
AppComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__angular_core__["b" /* Component */])({
        selector: 'qx-app',
        host: {
            '(mousewheel)': "mousewheel($event)",
            '(document:keydown)': "keydown($event)",
            '(document:copy)': "clipboard('copy', $event)",
            '(document:cut)': "clipboard('cut', $event)",
            '(document:paste)': "clipboard('paste', $event)"
        },
        template: __webpack_require__("./src/apps/qx/app/app.component.html"),
        styles: [__webpack_require__("./src/apps/qx/app/app.component.css")],
        changeDetection: __WEBPACK_IMPORTED_MODULE_3__angular_core__["_6" /* ChangeDetectionStrategy */].Default
    }),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__angular_http__["e" /* Http */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__angular_http__["e" /* Http */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_5__angular_router__["b" /* Router */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__angular_router__["b" /* Router */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_5__angular_router__["c" /* ActivatedRoute */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__angular_router__["c" /* ActivatedRoute */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_3__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__angular_core__["O" /* ElementRef */]) === "function" && _f || Object, typeof (_g = typeof __WEBPACK_IMPORTED_MODULE_3__angular_core__["_1" /* ChangeDetectorRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__angular_core__["_1" /* ChangeDetectorRef */]) === "function" && _g || Object, typeof (_h = typeof __WEBPACK_IMPORTED_MODULE_9__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_9__fx_services__["c" /* ProjectService */]) === "function" && _h || Object, typeof (_j = typeof __WEBPACK_IMPORTED_MODULE_9__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_9__fx_services__["b" /* ModelService */]) === "function" && _j || Object, typeof (_k = typeof __WEBPACK_IMPORTED_MODULE_8__fx_ui__["g" /* DialogService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_8__fx_ui__["g" /* DialogService */]) === "function" && _k || Object, typeof (_l = typeof __WEBPACK_IMPORTED_MODULE_9__fx_services__["e" /* PlayService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_9__fx_services__["e" /* PlayService */]) === "function" && _l || Object, typeof (_m = typeof __WEBPACK_IMPORTED_MODULE_6__fx_core__["UndoManager"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__fx_core__["UndoManager"]) === "function" && _m || Object, typeof (_o = typeof __WEBPACK_IMPORTED_MODULE_6__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_6__fx_core__["SelectionService"]) === "function" && _o || Object])
], AppComponent);

var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
//# sourceMappingURL=app.component.js.map

/***/ }),

/***/ "./src/apps/qx/app/app.module.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_platform_browser__ = __webpack_require__("./node_modules/@angular/platform-browser/@angular/platform-browser.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_forms__ = __webpack_require__("./node_modules/@angular/forms/@angular/forms.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_http__ = __webpack_require__("./node_modules/@angular/http/@angular/http.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__angular_router__ = __webpack_require__("./node_modules/@angular/router/@angular/router.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fx_core_core_module__ = __webpack_require__("./src/@fx/core/core.module.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__fx_model_module__ = __webpack_require__("./src/@fx/model/module.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_app_panels__ = __webpack_require__("./src/app/panels/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__app_component__ = __webpack_require__("./src/apps/qx/app/app.component.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__prop_component__ = __webpack_require__("./src/apps/qx/app/prop.component.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__compthumb__ = __webpack_require__("./src/apps/qx/app/compthumb.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__props_add__ = __webpack_require__("./src/apps/qx/app/props/add.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__props_template__ = __webpack_require__("./src/apps/qx/app/props/template.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__props_scene__ = __webpack_require__("./src/apps/qx/app/props/scene.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__props_layer__ = __webpack_require__("./src/apps/qx/app/props/layer.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__props_infoprops__ = __webpack_require__("./src/apps/qx/app/props/infoprops.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__props_effects__ = __webpack_require__("./src/apps/qx/app/props/effects.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__props_text__ = __webpack_require__("./src/apps/qx/app/props/text.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20__props_textcontent__ = __webpack_require__("./src/apps/qx/app/props/textcontent.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21__props_mediacontent__ = __webpack_require__("./src/apps/qx/app/props/mediacontent.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22__props_transition__ = __webpack_require__("./src/apps/qx/app/props/transition.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23__props_media__ = __webpack_require__("./src/apps/qx/app/props/media.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_24__props_prefs__ = __webpack_require__("./src/apps/qx/app/props/prefs.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_25__props_field__ = __webpack_require__("./src/apps/qx/app/props/field.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_26__props_upload__ = __webpack_require__("./src/apps/qx/app/props/upload.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_27__props_newscene__ = __webpack_require__("./src/apps/qx/app/props/newscene.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_28__props_stock__ = __webpack_require__("./src/apps/qx/app/props/stock.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_29__player_component__ = __webpack_require__("./src/apps/qx/app/player.component.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_30__timeline__ = __webpack_require__("./src/apps/qx/app/timeline.ts");
/* unused harmony export MainComponent */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppModule; });
var __decorate = (this && this.__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 routes = [
    { path: '', component: __WEBPACK_IMPORTED_MODULE_10__app_component__["a" /* AppComponent */] },
    { path: 'index.html', component: __WEBPACK_IMPORTED_MODULE_10__app_component__["a" /* AppComponent */] },
];
var MainComponent = (function () {
    function MainComponent() {
    }
    return MainComponent;
}());
MainComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        selector: 'app-root',
        template: "\n    <router-outlet></router-outlet>\n  "
    })
], MainComponent);

var AppModule = (function () {
    function AppModule() {
    }
    return AppModule;
}());
AppModule = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["c" /* NgModule */])({
        declarations: [
            __WEBPACK_IMPORTED_MODULE_29__player_component__["a" /* PlayerDialog */],
            __WEBPACK_IMPORTED_MODULE_10__app_component__["a" /* AppComponent */],
            __WEBPACK_IMPORTED_MODULE_11__prop_component__["a" /* PropComponent */],
            MainComponent,
            __WEBPACK_IMPORTED_MODULE_30__timeline__["a" /* TimelineComponent */],
            __WEBPACK_IMPORTED_MODULE_12__compthumb__["a" /* CompThumb */],
            __WEBPACK_IMPORTED_MODULE_13__props_add__["a" /* AddElementDialog */],
            __WEBPACK_IMPORTED_MODULE_25__props_field__["a" /* FieldDialog */],
            __WEBPACK_IMPORTED_MODULE_26__props_upload__["a" /* UploadDialog */],
            __WEBPACK_IMPORTED_MODULE_28__props_stock__["a" /* StockSearchDialog */],
            __WEBPACK_IMPORTED_MODULE_14__props_template__["a" /* TemplateProps */],
            __WEBPACK_IMPORTED_MODULE_15__props_scene__["a" /* SceneProps */],
            __WEBPACK_IMPORTED_MODULE_16__props_layer__["a" /* LayerProps */],
            __WEBPACK_IMPORTED_MODULE_19__props_text__["a" /* TextProps */],
            __WEBPACK_IMPORTED_MODULE_17__props_infoprops__["a" /* InfoProps */],
            __WEBPACK_IMPORTED_MODULE_18__props_effects__["a" /* EffectsProps */],
            __WEBPACK_IMPORTED_MODULE_20__props_textcontent__["a" /* TextContent */],
            __WEBPACK_IMPORTED_MODULE_21__props_mediacontent__["a" /* MediaContent */],
            __WEBPACK_IMPORTED_MODULE_22__props_transition__["a" /* TransitionProps */],
            __WEBPACK_IMPORTED_MODULE_23__props_media__["a" /* MediaProps */],
            __WEBPACK_IMPORTED_MODULE_24__props_prefs__["a" /* PrefsComponent */],
            __WEBPACK_IMPORTED_MODULE_27__props_newscene__["a" /* NewSceneComponent */],
            __WEBPACK_IMPORTED_MODULE_23__props_media__["b" /* TrackScrollDirective */]
        ],
        imports: [
            __WEBPACK_IMPORTED_MODULE_4__angular_router__["a" /* RouterModule */].forRoot(routes),
            __WEBPACK_IMPORTED_MODULE_0__angular_platform_browser__["a" /* BrowserModule */],
            __WEBPACK_IMPORTED_MODULE_2__angular_forms__["a" /* FormsModule */],
            __WEBPACK_IMPORTED_MODULE_3__angular_http__["a" /* HttpModule */],
            __WEBPACK_IMPORTED_MODULE_5__fx_core_core_module__["a" /* CoreModule */],
            __WEBPACK_IMPORTED_MODULE_6__fx_model_module__["a" /* ModelModule */],
            __WEBPACK_IMPORTED_MODULE_7__fx_ui__["a" /* UIModule */],
            __WEBPACK_IMPORTED_MODULE_9_app_panels__["a" /* PanelsModule */],
            __WEBPACK_IMPORTED_MODULE_8__fx_services__["a" /* ServiceModule */],
        ],
        providers: [],
        entryComponents: [
            __WEBPACK_IMPORTED_MODULE_13__props_add__["a" /* AddElementDialog */],
            __WEBPACK_IMPORTED_MODULE_29__player_component__["a" /* PlayerDialog */],
            __WEBPACK_IMPORTED_MODULE_25__props_field__["a" /* FieldDialog */],
            __WEBPACK_IMPORTED_MODULE_26__props_upload__["a" /* UploadDialog */],
            __WEBPACK_IMPORTED_MODULE_28__props_stock__["a" /* StockSearchDialog */],
            __WEBPACK_IMPORTED_MODULE_24__props_prefs__["a" /* PrefsComponent */],
            __WEBPACK_IMPORTED_MODULE_23__props_media__["a" /* MediaProps */],
            __WEBPACK_IMPORTED_MODULE_27__props_newscene__["a" /* NewSceneComponent */],
        ],
        bootstrap: [MainComponent]
    })
], AppModule);

//# sourceMappingURL=app.module.js.map

/***/ }),

/***/ "./src/apps/qx/app/compthumb.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subscription__ = __webpack_require__("./node_modules/rxjs/Subscription.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subscription___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subscription__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CompThumb; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var CompThumb = (function () {
    function CompThumb(cache, prj, dom) {
        this.cache = cache;
        this.prj = prj;
        this.dom = dom;
        this.posterframe = 0;
        this.sub = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subscription__["Subscription"]();
        this.lastInView = false;
    }
    CompThumb.prototype.ngOnChanges = function () {
        if (!this.img)
            return;
        if (this.item) {
            this.render();
        }
    };
    CompThumb.prototype.ngOnDestroy = function () {
        this.sub.unsubscribe();
    };
    CompThumb.prototype.ngDoCheck = function () {
        if (this.img && this.container) {
            var inView = this.checkInView(this.container, this.img, true);
            if (inView != this.lastInView) {
                this.lastInView = inView;
                this.render();
            }
        }
    };
    CompThumb.prototype.render = function () {
        var _this = this;
        if (this.checkInView(this.container, this.img, true)) {
            if (this.item instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Composition"]) {
                var comp_1 = this.item;
                this.renderComposition(comp_1, this.img.nativeElement);
                this.sub.unsubscribe();
                comp_1.change.subscribe(function (render) {
                    if (render && comp_1.poster == comp_1.frame)
                        _this.renderComposition(comp_1, _this.img.nativeElement);
                });
            }
            if (this.item instanceof __WEBPACK_IMPORTED_MODULE_3__fx_model__["FootageItem"]) {
                this.renderFootageItem(this.item, this.img.nativeElement);
            }
            if (this.item.Name) {
                this.renderFXAssetThumbnail(this.item, this.img.nativeElement);
            }
        }
    };
    CompThumb.prototype.renderComposition = function (comp, img) {
        var _this = this;
        var cachekey = "thumb_" + comp.id + comp.generation + comp.poster + ".jpg";
        if (this.cache.has(cachekey)) {
            var blob = this.cache.get(cachekey);
            if (blob)
                this.setImage(cachekey, blob, img);
            return;
        }
        this.cache.set(cachekey, null);
        this.prj.renderCompFrame(comp, comp.poster, 'jpg', this.params)
            .subscribe(function (blob) { return _this.setImage(cachekey, blob, img); });
    };
    CompThumb.prototype.renderFootageItem = function (item, img) {
        var _this = this;
        var cachekey = "thumb_" + item.source + "0" + ".jpg";
        if (this.cache.has(cachekey)) {
            var blob = this.cache.get(cachekey);
            if (blob)
                this.setImage(cachekey, blob, img);
            return;
        }
        this.cache.set(cachekey, null);
        this.prj.renderAssetThumbnail(item, 0, "w=128", "jpg")
            .subscribe(function (blob) { return _this.setImage(cachekey, blob, img); });
    };
    CompThumb.prototype.renderFXAssetThumbnail = function (item, img) {
        var _this = this;
        var cachekey = "thumb_" + item.Name + "0" + ".jpg";
        if (this.cache.has(cachekey)) {
            var blob = this.cache.get(cachekey);
            if (blob)
                this.setImage(cachekey, blob, img);
            return;
        }
        this.cache.set(cachekey, null);
        this.prj.renderFXAssetThumbnail(item, 0, "h=128", item.type == __WEBPACK_IMPORTED_MODULE_3__fx_model__["ItemType"].Font ? 'png' : "jpg")
            .subscribe(function (blob) { return _this.setImage(cachekey, blob, img); });
    };
    CompThumb.prototype.setImage = function (cachekey, blob, img) {
        this.cache.set(cachekey, blob);
        var url = window.URL.createObjectURL(blob);
        img.onload = function () {
            window.URL.revokeObjectURL(url);
        };
        this.dom.setElementAttribute(img, 'src', url);
    };
    CompThumb.prototype.checkInView = function (container, element, partial) {
        if (!container)
            return true;
        // Get container properties
        var cTop = container.scrollTop + container.offsetTop;
        var cBottom = cTop + container.clientHeight;
        // Get element properties
        var eTop = element.nativeElement.offsetTop;
        var eBottom = eTop + element.nativeElement.clientHeight;
        if (eBottom - eTop <= 0)
            return false;
        // Check if in view    
        var isTotal = (eTop >= cTop && eBottom <= cBottom);
        var isPartial = partial && ((eTop < cTop && eBottom > cTop) ||
            (eBottom > cBottom && eTop < cBottom));
        //Return outcome
        return (isTotal || isPartial);
    };
    return CompThumb;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], CompThumb.prototype, "item", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], CompThumb.prototype, "container", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], CompThumb.prototype, "posterframe", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], CompThumb.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], CompThumb.prototype, "height", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], CompThumb.prototype, "params", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["_4" /* ViewChild */])('img'),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["O" /* ElementRef */]) === "function" && _a || Object)
], CompThumb.prototype, "img", void 0);
CompThumb = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        selector: 'CompThumb',
        template: "\n        <img src=\"\" #img  [width]=\"width\" [height]=\"height\">\n    ",
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SimpleCache"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SimpleCache"]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__["P" /* Renderer */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_core__["P" /* Renderer */]) === "function" && _d || Object])
], CompThumb);

var _e, _f, _a, _b, _c, _d;
//# sourceMappingURL=compthumb.js.map

/***/ }),

/***/ "./src/apps/qx/app/player.component.css":
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__("./node_modules/css-loader/lib/css-base.js")(false);
// imports


// module
exports.push([module.i, "\n.video-js.vjs-default-skin .vjs-big-play-button { display: none; }\n", ""]);

// exports


/*** EXPORTS FROM exports-loader ***/
module.exports = module.exports.toString();

/***/ }),

/***/ "./src/apps/qx/app/player.component.html":
/***/ (function(module, exports) {

module.exports = "<!--position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index:100; width: 100vw; height: 100vh;-->\n\n<div (click)=\"ref.close()\" style=\"position: absolute; top: -30px; right: -30px; cursor: pointer\">\n    <span class=\"fa fa-times-circle fa-2x\"></span>\n</div>\n\n<div style=\"xwidth: 100%; xheight:100%; display: flex; flex-flow: column; align-items: center; justify-content: center; xbackground: #555\">\n    <div id=\"playerdiv\">\n        <video  [style.width.px]=\"width\"\n                [style.height.px]=\"height\" \n                #player controls \n                class=\"video-js vjs-default-skin\">\n                \n                \n        </video>\n        <div *ngIf=\"loading\" style=\"position: absolute; top: 0; z-index: 888; display: flex; flex-flow: column; justify-content: center; align-items: center\"\n                [style.width.px]=\"width\" \n                [style.height.px]=\"height+20\">\n            \n            <i class=\"fa fa-circle-o-notch fa-spin fa-2x fa-fw\"></i>\n            <span>Rendering....</span>\n        </div>\n    </div>\n</div>\n"

/***/ }),

/***/ "./src/apps/qx/app/player.component.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_video_js__ = __webpack_require__("./node_modules/video.js/es5/video.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_video_js___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_video_js__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_dashjs__ = __webpack_require__("./node_modules/dashjs/build/es5/index.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_dashjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_dashjs__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_videojs_contrib_dash_es5_videojs_dash_js__ = __webpack_require__("./node_modules/videojs-contrib-dash/es5/videojs-dash.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_videojs_contrib_dash_es5_videojs_dash_js___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_videojs_contrib_dash_es5_videojs_dash_js__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PlayerDialog; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};






var PlayerDialog = (function () {
    function PlayerDialog(ref, prj, config) {
        this.ref = ref;
        this.prj = prj;
        this.config = config;
        this.width = 640;
        this.height = 360;
        this.loading = true;
    }
    PlayerDialog.prototype.ngAfterViewInit = function () {
        var _this = this;
        var player = __WEBPACK_IMPORTED_MODULE_3_video_js__(this.player.nativeElement);
        player.setAttribute("width", "" + this.config.width);
        player.setAttribute("height", "" + this.config.height);
        this.width = this.config.width;
        this.height = this.config.height;
        player.ready(function () {
            _this.prj.renderCompVideo(_this.config.name, _this.config.comps, "mp4", _this.config.params)
                .then(function (dataurl) {
                setTimeout(function () {
                    _this.loading = false;
                    player.src({ src: dataurl, xtype: 'application/dash+xml' });
                    player.play();
                }, 700);
            });
        });
    };
    return PlayerDialog;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('player'),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _a || Object)
], PlayerDialog.prototype, "player", void 0);
PlayerDialog = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'player',
        template: __webpack_require__("./src/apps/qx/app/player.component.html"),
        styles: [__webpack_require__("./src/apps/qx/app/player.component.css")],
    }),
    __param(2, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["i" /* Inject */])(__WEBPACK_IMPORTED_MODULE_2__fx_ui__["l" /* FX_DIALOG_DATA */])),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_services__["c" /* ProjectService */]) === "function" && _c || Object, Object])
], PlayerDialog);

var _a, _b, _c;
//# sourceMappingURL=player.component.js.map

/***/ }),

/***/ "./src/apps/qx/app/prop.component.css":
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__("./node_modules/css-loader/lib/css-base.js")(false);
// imports


// module
exports.push([module.i, "#rightmenu span.fa {cursor: pointer;  margin: 0 20px;}\n\nrange-slider.sel {position: absolute; height: 20px; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; background: transparent}\nrange-slider.sel .bar {display: block; height: 18px; border: 1px solid #9ab; margin: 0px 0px; position: relative;}\n\n:host /deep/ * {\n    font-size: 16px;\n}\n\n:host /deep/ select {\n    background-color: #333;\n    color: #ddd;\n    border: 1px solid #444;\n    padding: 1px 3px;\n    max-width: 175px;\n    -webkit-appearance: menulist;\n    -moz-appearance:menulist;\n}\n\n\n:host /deep/ .prop {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 100%;\n    height: 30px;\n}\n\n:host /deep/ .prop .name {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 150px;\n            flex: 0 0 150px;\n    text-align: right;\n    overflow: hidden; \n    text-overflow: ellipsis; \n    white-space: nowrap;\n}\n\n:host /deep/ .prop .name:after {\n    content: \":\";\n    margin-right: 10px;\n}\n\n/*:host /deep/ .prop .value:before {\n    content: \":\"\n}*/\n\n:host /deep/ .prop .value {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 100%;\n            flex: 1 1 100%;\n    overflow: hidden;\n}", ""]);

// exports


/*** EXPORTS FROM exports-loader ***/
module.exports = module.exports.toString();

/***/ }),

/***/ "./src/apps/qx/app/prop.component.html":
/***/ (function(module, exports) {

module.exports = "<div style=\"margin: 10px\">\n    <!--<togglebar style=\"width: 100%; margin: 10px 0; font-size: 16px; color: #336699; border-left-color: #336699; border-right-color: #336699;  border-color: #336699; line-height: 30px\" \n                    [labels]=\"['Template', 'Scene', 'Media', 'Layer']\" \n                    [values]=\"[0, 1, 2, 3]\" \n                    [(selected)]=\"tab.selected\"\n                    ></togglebar>-->\n\n\n    <div [ngSwitch]=\"selected\" \n        style=\"flex: 1 1 100%; width:100%\">\n\n        <div *ngSwitchCase=\"0\" style=\"margin: 0px;\">\n            <ng-content select=\"[templ]\"></ng-content>\n        </div>\n\n        <div *ngSwitchCase=\"1\" style=\"margin: 0px;\">\n            <ng-content select=\"[scene]\"></ng-content>\n        </div>\n\n        <!--<div *ngSwitchCase=\"2\" style=\"margin: 0px; height: 100%; overflow: auto\">\n            <ng-content select=\"[media]\"></ng-content>\n        </div>-->\n\n        <div *ngSwitchCase=\"3\" style=\"margin: 0px; height: 100%; overflow: auto\">\n            <ng-content select=\"[layer]\"></ng-content>\n        </div>\n    </div>\n\n</div>\n\n"

/***/ }),

/***/ "./src/apps/qx/app/prop.component.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PropComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var PropComponent = (function () {
    function PropComponent(ss) {
        var _this = this;
        this.ss = ss;
        this.selected = -1;
        ss.global.subscribe(function (change) {
            if (change.on instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["AVLayer"]) {
                _this.selected = 3;
            }
            else if (change.on instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Scene"]) {
                _this.selected = 1;
            }
            else if (!change.on) {
                _this.selected = 0;
            }
        });
    }
    return PropComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], PropComponent.prototype, "tab", void 0);
PropComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'props',
        host: {
            '(mousewheel)': "$event.stopPropagation()",
        },
        template: __webpack_require__("./src/apps/qx/app/prop.component.html"),
        styles: [__webpack_require__("./src/apps/qx/app/prop.component.css")],
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _a || Object])
], PropComponent);

var _a;
//# sourceMappingURL=prop.component.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/add.css":
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__("./node_modules/css-loader/lib/css-base.js")(false);
// imports


// module
exports.push([module.i, ".type {padding-top: 5px; color: #ddd; cursor: pointer}\n.type:hover:not(.disabled)  {color: #333; background: #ddd; border-color: #333}\n.type.disabled {color: #444; border-color: #555; cursor: default}\n/*.type.disabled:hover {color: initial; background: inherit; cursor: default}*/\n\n.typename {font-size: 14px; text-align: center;}", ""]);

// exports


/*** EXPORTS FROM exports-loader ***/
module.exports = module.exports.toString();

/***/ }),

/***/ "./src/apps/qx/app/props/add.html":
/***/ (function(module, exports) {

module.exports = "<div style=\"border-radius: 10px; border: 1px solid #555; width: 730px; height: 550px; overflow-y: auto; background: #333; color: #ddd;\">\n    <div style=\"margin: 10px\">\n        <div *ngFor=\"let group of groups\" style=\"margin-bottom: 5px\">\n            <div style=\"font-weight: 700; margin-bottom: 5px; border-bottom: 1px solid #555\">{{group.name}} <span *ngIf=\"group.notice\" style=\"color: #888; font-weight: 300\">{{group.notice}}</span></div>\n            <div style=\"width: 100%; display: flex; flex-flow: row wrap; align-content: space-between\">\n                <div class=\"type\" [ngClass]=\"{disabled: t.disabled}\"\n                     *ngFor=\"let t of group.types\" style=\"width: 100px; height: 90px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center\"\n                     (click)=\"click(t)\">\n                    <div style=\"width: 75px; height: 50px; border: 1px solid #888; display: flex; flex-direction: column; justify-content: center; align-items: center\"\n                            [ngStyle]=\"{'border-color': t.disabled ? '#555' : '888'}\"\n                            >\n                        <div class=\"fa fa-2x fa-fw\" [ngClass]=\"t.icon\" ></div>\n                    </div>\n                    <div class=\"typename\" [innerHTML]=\"t.name\"></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>"

/***/ }),

/***/ "./src/apps/qx/app/props/add.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AddElementDialog; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


//import { ModelService } from '@fx/services';
var AddElementDialog = (function () {
    function AddElementDialog(ref) {
        this.ref = ref;
        this.groups = [
            { name: "Text", types: [
                    { name: "Static", icon: "fa-font", action: "statictext" },
                    { name: "Dynamic", icon: "fa-fonticons", action: "dynamictext" },
                    { name: "Countdown", icon: "fa-sort-numeric-desc", action: "countdown", disabled: true },
                    { name: "Weather Data", icon: "fa-sun-o", action: "waetherdata" },
                    { name: "Font Upload", icon: "fa-upload", action: "importfont" }
                ] },
            { name: "Image", types: [
                    { name: "My Images", icon: "fa-picture-o", action: "staticimage" },
                    { name: "Dynamic", icon: "fa-file-image-o", action: "dynamicimage" },
                    { name: "Google<br>Maps", icon: "fa-map-o", action: "maps" },
                    { name: "Street<br>View", icon: "fa-street-view", action: "streetview" },
                    { name: "Stock<br>Image", icon: "fa-book", action: "stockimage" },
                    { name: "Overlays", icon: "fa-clone", action: "imageoverlay" },
                    { name: "Import", icon: "fa-upload", action: "upload" },
                ] },
            { name: "Video", types: [
                    { name: "My Videos", icon: "fa-film", action: "staticvideo" },
                    { name: "Dynamic", icon: "fa-youtube-play", action: "dynamicvideo" },
                    { name: "Stock<br>Footage", icon: "fa-book", action: "stockvideo", disabled: true },
                    { name: "Overlays", icon: "fa-clone", action: "videooverlay" },
                    { name: "Import", icon: "fa-upload", action: "upload" },
                ] },
            { name: "Sound", types: [
                    { name: "Static", icon: "fa-music", action: "staticvideo" },
                    { name: "Stock<br>Sounds", icon: "fa-soundcloud", action: "soundcloud", disabled: true },
                    { name: "Record", icon: "fa-microphone", action: "tts" },
                    { name: "Text-to-Speech", icon: "fa-comment", action: "tts" },
                    { name: "Upload", icon: "fa-upload", action: "upload" },
                ] },
            { name: "Shapes", types: [
                    { name: "Rectangle", icon: "fa-square", action: "rectangle" },
                    { name: "Circle", icon: "fa-circle", action: "circle", disabled: true },
                    { name: "Arrow Up", icon: "fa-arrow-up", action: "arrow-up", disabled: true },
                    { name: "Arrow Down", icon: "fa-arrow-down", action: "arrow-down", disabled: true },
                    { name: "Arrow Right", icon: "fa-arrow-right", action: "arrow-right", disabled: true },
                    { name: "Arrow Left", icon: "fa-arrow-left", action: "arrow-left", disabled: true },
                ] },
            { name: "Interactive", notice: "(Requires FX Player)", types: [
                    { name: "Text Input", icon: "fa-keyboard-o", action: "i-input" },
                    { name: "Image Upload", icon: "fa-upload", action: "i-upload" },
                    { name: "Facebook Connect", icon: "fa-facebook-official", action: "i-facebook-connect" },
                    { name: "Share", icon: "fa-share-square-o", action: "i-share" },
                    { name: "Pause", icon: "fa-pause", action: "i-pause" },
                    { name: "Play", icon: "fa-play", action: "i-play" },
                ] },
        ];
    }
    AddElementDialog.prototype.click = function (t) {
        if (!t.disabled) {
            this.ref.close(t.action);
        }
    };
    return AddElementDialog;
}());
AddElementDialog = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'AddElementDialog',
        template: __webpack_require__("./src/apps/qx/app/props/add.html"),
        styles: [__webpack_require__("./src/apps/qx/app/props/add.css")],
        host: {
            '(mousewheel)': "$event.stopPropagation()"
        },
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["k" /* DialogRef */]) === "function" && _a || Object])
], AddElementDialog);

var _a;
//# sourceMappingURL=add.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/effects.html":
/***/ (function(module, exports) {

module.exports = "<div *ngFor=\"let fx of activeFX; trackBy: fxID\">\n    <openbox [title]=\"fx.name\" [open]=\"fx.open\" icon=\"fa-trash-o\" (iconclick)=\"deleteFX(fx.instance)\">\n        <InfoProps [props]=\"fx.info\" [change]=\"layer.change\"></InfoProps>    </openbox>\n</div>\n\n<div style=\"margin-top: 10px; display: flex; width: 100%; justify-content: space-around\">\n    <select [(ngModel)]=\"newEffect\" (ngModelChange)=\"addEffect(newEffect)\">\n        <option [ngValue]=\"null\">Add {{show}}</option>\n        <option *ngFor=\"let fx of fxList\" [disabled]=\"!fx.enabled\" [ngValue]=\"fx\">{{fx.name}}</option>\n    </select>\n</div>\n"

/***/ }),

/***/ "./src/apps/qx/app/props/effects.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return EffectsProps; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var EffectsProps = (function () {
    function EffectsProps(model, ss) {
        this.model = model;
        this.ss = ss;
        this.show = "Effect";
        this.newEffect = null;
        this.effects = [
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["GaussianBlur"], name: "Gaussian Blur", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["DirectionalBlur"], name: "Directional Blur", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["Saturation"], name: "Saturation", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["Flip"], name: "Flip", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["CornerPin"], name: "CornerPin", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["TextMask"], name: "Text Mask", enabled: true },
        ];
        this.animations = [
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["SlideInAnimation"], name: "Slide In", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["SlideOutAnimation"], name: "Slide Out", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["FadeInAnimation"], name: "Fade In", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["FadeOutAnimation"], name: "Fade Out", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["ZoomInAnimation"], name: "Zoom In", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["ZoomOutAnimation"], name: "Zoom Out", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["KenBurnsAnimation"], name: "Ken Burns", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["CustomAnimation"], name: "Custom", enabled: true },
            { ctor: __WEBPACK_IMPORTED_MODULE_2__fx_model__["TypewriterAnimation"], name: "Typewriter", enabled: false },
        ];
    }
    Object.defineProperty(EffectsProps.prototype, "fxList", {
        get: function () {
            if (this.show == "Effect")
                return this.effects;
            if (this.show == "Animation")
                return this.animations;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(EffectsProps.prototype, "activeFX", {
        get: function () {
            var group;
            if (this.show == "Effect")
                group = this.layer.effects;
            if (this.show == "Animation")
                group = this.layer.animations;
            return group.map(function (fx) {
                return {
                    id: fx.id,
                    name: fx.name,
                    info: fx.info(),
                    open: true,
                    instance: fx
                };
            });
        },
        enumerable: true,
        configurable: true
    });
    EffectsProps.prototype.addEffect = function (effect) {
        var _this = this;
        setTimeout(function () { return _this.newEffect = null; });
        this.model.addEffect(this.layer, effect.ctor, null);
        this.layer.change.next(true);
    };
    EffectsProps.prototype.deleteFX = function (fx) {
        this.model.deleteSelected([fx]);
        this.layer.change.next(true);
        this.ss.select(this.layer);
    };
    EffectsProps.prototype.fxID = function (idx, fx) {
        return fx ? fx.id : undefined;
    };
    EffectsProps.prototype.propID = function (idx, prop) {
        return prop ? prop.name : undefined;
    };
    EffectsProps.prototype.option = function (idx, opt) {
        return opt ? opt.value.value : undefined;
    };
    EffectsProps.prototype.compareDirection = function (entry1, entry2) {
        return entry1 == entry2;
    };
    return EffectsProps;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["AVLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["AVLayer"]) === "function" && _a || Object)
], EffectsProps.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", String)
], EffectsProps.prototype, "show", void 0);
EffectsProps = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'Effects',
        template: __webpack_require__("./src/apps/qx/app/props/effects.html"),
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_services__["b" /* ModelService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_core__["SelectionService"]) === "function" && _c || Object])
], EffectsProps);

var _a, _b, _c;
//# sourceMappingURL=effects.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/field.html":
/***/ (function(module, exports) {

module.exports = "<div style=\"width: 400px; height: 300px; background: #444; border: 1px solid #555\">\n\n    <table>\n        <tr>\n            <td>\n                <select [(ngModel)]=\"key\" size=\"10\">\n                    <option *ngFor=\"let f of fields\" [ngValue]=\"f\">{{f}}</option>\n                </select>\n            </td>\n\n            <td>\n                <div class=\"prop\">\n                    <div class=\"name\">Fallback value</div> \n                    <div class=\"value\"><input type=\"text\" [(ngModel)]=\"defaultvalue\"></div> \n                </div>\n                <div class=\"prop\">\n                    <div class=\"name\">Uppercase</div> \n                    <div class=\"value\"><input type=\"checkbox\" [(ngModel)]=\"uppercase\"></div> \n                </div>\n                <div class=\"prop\">\n                    <div class=\"name\">URI Encode</div> \n                    <div class=\"value\"><input type=\"checkbox\" [(ngModel)]=\"uriEncode\"></div> \n                </div>\n\n            </td>\n        </tr>\n    </table>\n\n    <button (click)=\"ref.close(null)\">Cancel</button>\n    <button (click)=\"ok()\">OK</button>\n\n</div>"

/***/ }),

/***/ "./src/apps/qx/app/props/field.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FieldDialog; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};



var FieldDialog = (function () {
    function FieldDialog(ref, fields) {
        this.ref = ref;
        this.fields = fields;
        this.defaultvalue = "";
        this.uppercase = false;
        this.uriEncode = false;
    }
    FieldDialog.prototype.ok = function () {
        var result = new __WEBPACK_IMPORTED_MODULE_1__fx_model__["MapVariable"](this.key, this.defaultvalue, this.uriEncode);
        this.ref.close(result);
    };
    return FieldDialog;
}());
FieldDialog = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'FieldDialog',
        template: __webpack_require__("./src/apps/qx/app/props/field.html"),
        host: {
            '(mousewheel)': "$event.stopPropagation()"
        }
    }),
    __param(1, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["i" /* Inject */])(__WEBPACK_IMPORTED_MODULE_2__fx_ui__["l" /* FX_DIALOG_DATA */])),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */]) === "function" && _a || Object, Array])
], FieldDialog);

var _a;
//# sourceMappingURL=field.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/greedy.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = greedyLinearPartition;
// source: https://en.wikipedia.org/wiki/Partition_problem#The_greedy_algorithm
// source: https://en.wikipedia.org/wiki/Partition_problem#The_greedy_algorithm
function greedyLinearPartition(seq, k) {
    return seq
        .sort(function (a, b) { return b - a; })
        .reduce(function (res, el) {
        res[smallerArrayIndex(res)].push(el);
        return res;
    }, new Array(k).join().split(',').map(function (i) { return []; }));
    //[...new Array(k)].map(i => []))
    // Array(k).fill([]))
    //new Array(k).join().split(',').map(i => []));
}
function sum(arr) {
    return arr.reduce(function (sum, el) { return sum + el; }, 0);
}
function smallerArrayIndex(list) {
    return list.reduce(function (i, array, index) { return sum(array) < sum(list[i]) ? index : i; }, 0);
}
//# sourceMappingURL=greedy.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/infoprops.html":
/***/ (function(module, exports) {

module.exports = "<div class=\"prop\" [ngSwitch]=\"prop.type\" *ngFor=\"let prop of props; trackBy: propID\">\n    <div class=\"name\">{{prop.name}}</div>\n    <div class=\"value\" *ngSwitchCase=\"'value'\">\n            <span number-slider class=\"fx-value\"\n            [fmt]=\"prop.fmt\"\n            [range]=\"prop.range\"\n            (drag)=\"change.next(false)\"\n            (dragstop)=\"change.next(true)\"\n            [(ngModel)]=\"prop.prop.value\"></span>\n    </div>\n\n    <div class=\"value\" *ngSwitchCase=\"'boolean'\">\n        <input type=\"checkbox\" [(ngModel)]=\"prop.prop.value\" \n            (ngModelChange)=\"change.next(true)\">\n    </div>\n\n    <div class=\"value\" *ngSwitchCase=\"'color'\">\n        <input type=\"color\" [(ngModel)]=\"prop.prop.rgb\" \n            (ngModelChange)=\"change.next(true)\">\n    </div>\n\n    <div class=\"value\" *ngSwitchCase=\"'option'\">\n        <select [(ngModel)]=\"prop.prop.value\" [compareWith]=\"compareDirection\" (ngModelChange)=\"change.next(true)\">\n            <option  *ngFor=\"let opt of prop.options; trackBy: option\" [ngValue]=\"opt.value\">{{opt.name}}</option>\n        </select>\n    </div>\n\n\n    <div class=\"value\" *ngSwitchCase=\"'point'\">\n        <span number-slider\n            class=\"fx-value\"\n            (drag)=\"change.next(false)\"\n            (dragstop)=\"change.next(true)\"\n            fmt=\"%.0f px, \"\n            [(ngModel)]=\"prop.prop.x\"></span>&nbsp;\n        <span number-slider\n            class=\"fx-value\"\n            (drag)=\"change.next(false)\"\n            (dragstop)=\"change.next(true)\"\n            fmt=\"%.0f px\"\n            [(ngModel)]=\"prop.prop.y\"></span>\n    </div>\n\n\n\n</div>\n"

/***/ }),

/***/ "./src/apps/qx/app/props/infoprops.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoProps; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var InfoProps = (function () {
    function InfoProps() {
        this.props = [];
    }
    InfoProps.prototype.fxID = function (idx, fx) {
        return fx ? fx.id : undefined;
    };
    InfoProps.prototype.propID = function (idx, prop) {
        return prop ? prop.name : undefined;
    };
    InfoProps.prototype.option = function (idx, opt) {
        return opt ? opt.value.value : undefined;
    };
    InfoProps.prototype.compareDirection = function (entry1, entry2) {
        return entry1 == entry2;
    };
    return InfoProps;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], InfoProps.prototype, "props", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]) === "function" && _a || Object)
], InfoProps.prototype, "change", void 0);
InfoProps = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        selector: 'InfoProps',
        template: __webpack_require__("./src/apps/qx/app/props/infoprops.html"),
    })
], InfoProps);

var _a;
//# sourceMappingURL=infoprops.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/layer.html":
/***/ (function(module, exports) {

module.exports = "<div style=\"display: flex; width: 100%; margin: 10px 0; justify-content: center\">\n    <span class=\"fa fa-arrow-left\" (click)=\"previous()\" [ngClass]=\"{disabled: !hasPrevious}\" style=\"margin-right: 20px\"></span>\n    <span>{{layer.constructor.name == 'MultipleLayerProxy' ? '' : layer.constructor.name}}</span>\n    <span class=\"fa fa-arrow-right\" (click)=\"next()\" [ngClass]=\"{disabled: !hasNext}\" style=\"margin-left: 20px\"></span>\n</div>\n\n<openbox title=\"Content\" [(open)]=\"open.Content\">\n    <div [ngSwitch]=\"layertype\">\n        <TextContent *ngSwitchCase=\"'text'\" [layer]=\"layer\" [fields]=\"fields\"></TextContent> \n        <MediaContent *ngSwitchCase=\"'media'\" [layer]=\"layer\" [fields]=\"fields\"></MediaContent> \n        <div *ngSwitchCase=\"'solid'\">\n            <div class=\"prop\">\n                <div class=\"name\">Color</div>\n                <div class=\"value\">\n                        <input type=\"color\" style=\"width: 40px; height: 20px\" \n                        [(ngModel)]=\"layer.color.rgb\" \n                        (ngModelChange)=\"layer.change.next(true)\">\n                </div>\n            </div>\n        </div>\n    </div>\n</openbox>\n\n<openbox title=\"Style\" [(open)]=\"open.Style\">\n    <div [ngSwitch]=\"layertype\">\n        <TextProps *ngSwitchCase=\"'text'\" [layer]=\"layer\"></TextProps> \n        <div *ngSwitchDefault>\n        </div> \n    </div>\n\n    <div class=\"prop\">\n        <div class=\"name\">Blending</div>\n        <div class=\"value\">\n            <select [(ngModel)]=\"layer.blendmode\" (change)=\"layer.change.next(true)\">\n                <option [ngValue]=\"BM.normal\">Normal</option>\n                <option [ngValue]=\"BM.multiply\">Multiply</option>\n                <option [ngValue]=\"BM.overlay\">Overlay</option>\n                <option [ngValue]=\"BM.screen\">Screen</option>\n                <option [ngValue]=\"BM.normal\">Soft Light</option>\n            </select>\n        </div>\n    </div>\n\n    <div class=\"prop\">\n        <div class=\"name\">Opacity</div>\n        <div class=\"value\">\n            <span number-slider\n                class=\"fx-value\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"%.1f%%\"\n                [(ngModel)]=\"layer.opacity\"></span>\n        </div>\n    </div>\n\n</openbox>\n\n<openbox title=\"Size &amp; Fit\" [(open)]=\"open.SizeFit\"> \n\n    <div class=\"prop\">\n        <div class=\"name\">Box Size</div>\n        <div class=\"value\">\n            <span number-slider\n                class=\"fx-value\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"%.0f px, \"\n                [(ngModel)]=\"layer.width\"></span>&nbsp;\n            <span number-slider\n                class=\"fx-value\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"%.0f px\"\n                [(ngModel)]=\"layer.height\"></span>\n\n            <button (click)=\"makeBoxSize()\" style=\"color: #ddd; background: transparent; border: 1px solid #555\"><span class=\"fa fa-arrows\"></span></button>\n        </div>\n    </div>\n\n    <div class=\"prop\" *ngIf=\"layertype == 'text'\">\n        <div class=\"name\">Overflow Behavior</div>\n        <div class=\"value\">                           \n            <select [(ngModel)]=\"layer.props.overflow\" (change)=\"layer.change.next(true)\">\n                <option [ngValue]=\"OFB.None\">None</option>\n                <option [ngValue]=\"OFB.Condense\">Condense</option>\n                <option [ngValue]=\"OFB.CondenseResize\">Condense &amp; Resize</option>\n                <option [ngValue]=\"OFB.Resize\">Resize</option>\n            </select>\n        </div>\n    </div>\n    <div class=\"prop\" *ngIf=\"layertype == 'media'\">\n        <div class=\"name\">Overflow Behavior</div>\n        <div class=\"value\">                           \n            <select [(ngModel)]=\"layer.scaling\" (change)=\"layer.change.next(true)\">\n                <option [ngValue]=\"SM.none\">None (Overflow)</option>\n                <option [ngValue]=\"SM.crop\">Crop</option>\n                <option [ngValue]=\"SM.letterbox\">Letterbox</option>\n            </select>\n        </div>\n    </div>\n\n</openbox>\n\n\n<openbox title=\"Arrange\" [(open)]=\"open.Arrange\"> \n    <div class=\"prop\">\n        <div class=\"name\">Layer Order</div>\n        <div class=\"value\">\n            <input type=\"range\" \n                min=\"0\" [max]=\"layer.comp.avlayers.length - 1\" step=\"1\"\n                [value]=\"layer.comp.avlayers.indexOf(layer)\"\n                (change)=\"layer.change.next(true)\" \n                (input)=\"changeOrder(layer, $event.target.value)\">\n        </div>\n    </div>\n    <div class=\"prop\">\n        <div class=\"name\">In Time</div>\n        <div class=\"value\">\n            <span number-slider\n                class=\"fx-value\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"%05d\"\n                [range]=\"numframesRange\"\n                [(ngModel)]=\"layer.offset\"></span>\n        </div>\n    </div>\n    <div class=\"prop\">\n        <div class=\"name\">Out Time</div>\n        <div class=\"value\">\n            <span number-slider\n                class=\"fx-value\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"%05d\"\n                [range]=\"numframesRange\"\n                [(ngModel)]=\"layer.out\"></span>\n        </div>\n    </div>\n</openbox>\n\n<openbox title=\"Transform\" [(open)]=\"open.Transform\"> \n    <div class=\"prop\">\n        <div class=\"name\">Position</div>\n        <div class=\"value\">\n            <span number-slider\n                class=\"fx-value\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"%.0f px, \"\n                [(ngModel)]=\"layer.position.x\"></span>&nbsp;\n            <span number-slider\n                class=\"fx-value\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"%.0f px\"\n                [(ngModel)]=\"layer.position.y\"></span>\n        </div>\n    </div>\n\n    <div class=\"prop\">\n        <div class=\"name\">\n            Scale\n        </div>\n        <div class=\"value\">\n            <label class=\"fa fa-fw fa-link\" \n                (click)=\"layer.linkedScale=!layer.linkedScale\"\n                [ngClass]=\"{'fx-active': layer.linkedScale}\"></label>\n\n            <span number-slider #xscale\n                class=\"fx-value\"\n                [linkTo]=\"yscale\"\n                [link]=\"layer.linkedScale\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"%.0f %%, \"\n                [(ngModel)]=\"layer.scale.x\"></span>&nbsp;\n            <span number-slider #yscale\n                class=\"fx-value\"\n                [linkTo]=\"xscale\"\n                [link]=\"layer.linkedScale\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"%.0f %%\"\n                [(ngModel)]=\"layer.scale.y\"></span>\n        </div>\n    </div>\n\n    <div class=\"prop\">\n        <div class=\"name\">Rotate</div>\n        <div class=\"value\">\n\n            <span number-slider\n                class=\"fx-value\"\n                (drag)=\"layer.change.next(false)\"\n                (dragstop)=\"layer.change.next(true)\"\n                fmt=\"°\"\n                [(ngModel)]=\"layer.rotate\"></span>\n        </div>\n    </div>\n</openbox>\n\n<openbox title=\"Effects &amp; Filters\" [(open)]=\"open.Effects\"> \n    <Effects *ngIf=\"!!layer\" show=\"Effect\" [layer]=\"layer\"></Effects>\n</openbox>\n\n<openbox title=\"Animations\" [(open)]=\"open.Animations\" icon=\"fa-add\"> \n    <Effects *ngIf=\"!!layer\" show=\"Animation\" [layer]=\"layer\"></Effects>\n\n    <!--<table>\n        <tr *ngFor=\"let anim of anims(); trackBy: animID\" >\n            <td>{{anim.name}}</td>\n            <td>{{anim.time}}</td>\n            <td>{{anim.value}}</td>\n            <td><input type=\"checkbox\" [(ngModel)]=\"anim.easein\"></td>\n            <td><input type=\"checkbox\" [(ngModel)]=\"anim.easeout\"></td>\n        </tr>\n    </table>-->\n</openbox>\n"

/***/ }),

/***/ "./src/apps/qx/app/props/layer.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subscription__ = __webpack_require__("./node_modules/rxjs/Subscription.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subscription___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subscription__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerProps; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var MultipleLayerProxy = (function () {
    function MultipleLayerProxy(layers) {
        // this.position$ = new KeyframeAnimation<Point>(layer, null, new Point());
        // this.scale$ = new KeyframeAnimation<Point>(layer, null, new Point());
        // this.anchor$ = new KeyframeAnimation<Point>(layer, null, new Point());
        // this.rotate$ = new KeyframeAnimation<number>(layer, null, 0);
        // this.opacity$ = new KeyframeAnimation<number>(layer, null, 0);
        var _this = this;
        this.layers = layers;
        this.position = new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Point"]();
        this.scale = new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Point"](100, 100);
        this.rotate = 0;
        this.opacity = 100;
        this.effects = [];
        this.animations = [];
        //    avlayers = [];
        this.comp = {
            width: 0,
            height: 0,
            avlayers: []
        };
        this.change = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.changes = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.subs = [];
        this.comp = { avlayers: layers, width: 0, height: 0 };
        this.subs.push(this.change.subscribe(function (r) {
            _this.layers.forEach(function (layer) { return layer.change.next(r); });
        }));
    }
    MultipleLayerProxy.prototype.currentTime = function () { return 0; };
    MultipleLayerProxy.prototype.release = function () {
        this.subs.forEach(function (s) { return s.unsubscribe(); });
    };
    return MultipleLayerProxy;
}());
var LayerProps = (function () {
    function LayerProps(ss) {
        this.ss = ss;
        this.linkedScale = true;
        this.BM = __WEBPACK_IMPORTED_MODULE_4__fx_model__["BLENDMODE"];
        this.SM = __WEBPACK_IMPORTED_MODULE_4__fx_model__["SCALEMODE"];
        this.OFB = __WEBPACK_IMPORTED_MODULE_4__fx_model__["OverflowBehavior"];
        this.sub = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subscription__["Subscription"]();
        this.open = {
            Content: true,
            Style: true,
            SizeFit: false,
            Arrange: false,
            Transform: false,
            Effects: false,
            Animations: false,
        };
    }
    LayerProps.prototype.ngOnChanges = function () {
        var _this = this;
        if (this.layers.length == 1) {
            this.layer = this.layers[0];
            this.numframesRange = new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Range"](0, this.layer.numframes);
        }
        else {
            if (this.layer instanceof MultipleLayerProxy)
                this.layer.release();
            this.layer = new MultipleLayerProxy(this.layers);
            this.numframesRange = new __WEBPACK_IMPORTED_MODULE_3__fx_core__["Range"](0, 0);
        }
        this.sub.unsubscribe();
        this.sub = this.layer.changes.subscribe(function (changes) {
            if (_this.recording && changes.position && _this.layer.position$) {
                _this.layer.position$.addCurrent();
            }
            if (_this.recording && changes.scale && _this.layer.scale$) {
                _this.layer.scale$.addCurrent();
            }
            if (_this.recording && changes.anchor && _this.layer.anchor$) {
                _this.layer.anchor$.addCurrent();
            }
            if (_this.recording && changes.rotate && _this.layer.rotate$) {
                _this.layer.rotate$.addCurrent();
            }
            if (_this.recording && changes.opacity && _this.layer.opacity$) {
                _this.layer.opacity$.addCurrent();
            }
        });
    };
    Object.defineProperty(LayerProps.prototype, "layertype", {
        get: function () {
            if (this.layers.length > 1)
                return "multiple";
            if (!this.layer)
                return "";
            if (this.layer instanceof __WEBPACK_IMPORTED_MODULE_4__fx_model__["TextLayer"])
                return "text";
            if (this.layer instanceof __WEBPACK_IMPORTED_MODULE_4__fx_model__["SolidLayer"])
                return "solid";
            if (this.layer instanceof __WEBPACK_IMPORTED_MODULE_4__fx_model__["FootageLayer"])
                return "media";
            return "?";
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(LayerProps.prototype, "hasPrevious", {
        get: function () {
            var idx = this.comp.avlayers.indexOf(this.layer);
            return idx == -1 ? true : idx > 0;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(LayerProps.prototype, "hasNext", {
        get: function () {
            var idx = this.comp.avlayers.indexOf(this.layer);
            return idx == -1 ? true : idx < this.layer.comp.avlayers.length - 1;
        },
        enumerable: true,
        configurable: true
    });
    LayerProps.prototype.previous = function () {
        var idx = this.comp.avlayers.indexOf(this.layer);
        var layer = this.comp.avlayers[0];
        console.log(idx, layer);
        if (idx > 0)
            layer = this.layer.comp.avlayers[idx - 1];
        this.ss.select(layer);
    };
    LayerProps.prototype.next = function () {
        var idx = this.comp.avlayers.indexOf(this.layer);
        var layer = this.comp.avlayers[0];
        if (idx >= 0)
            layer = this.comp.avlayers[idx + 1];
        this.ss.select(layer);
    };
    LayerProps.prototype.anims = function () {
        var animations = [];
        if (this.layer.position$)
            this.pushAnim("Position", animations, this.layer.position$);
        if (this.layer.scale$)
            this.pushAnim("Scale", animations, this.layer.scale$);
        if (this.layer.rotate$)
            this.pushAnim("Rotate", animations, this.layer.rotate$);
        if (this.layer.opacity$)
            this.pushAnim("Opacity", animations, this.layer.opacity$);
        return animations.sort(function (a, b) { return a.time - b.time; });
    };
    LayerProps.prototype.pushAnim = function (name, list, anim) {
        anim.frames.forEach(function (kf) {
            list.push({
                kf: kf,
                anim: anim,
                name: name,
                time: kf.time,
                value: kf.value,
                easein: kf.incoming_influence != 0,
                easeout: kf.outgoing_influence != 0,
            });
        });
    };
    LayerProps.prototype.animID = function (idx, a) {
        return a && a.kf ? a.kf.id : undefined;
    };
    LayerProps.prototype.changeOrder = function (layer, position) {
        var comp = layer.comp;
        var avlayers = comp.layers;
        var idx = avlayers.indexOf(layer);
        avlayers.splice(position, 0, avlayers.splice(idx, 1)[0]);
    };
    LayerProps.prototype.dragScale = function (layer, change, prop, startValue) {
        // if(layer.linkedScale) {
        //     var changeFactor = change.currentValue / change.previousValue;
        //     layer.scale[prop] = startValue * changeFactor;
        // }
        layer.change.next(false);
    };
    LayerProps.prototype.makeBoxSize = function () {
        this.layer.width = this.layer.comp.width;
        this.layer.height = this.layer.comp.height;
        this.layer.change.next(true);
    };
    return LayerProps;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_model__["Composition"]) === "function" && _a || Object)
], LayerProps.prototype, "comp", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], LayerProps.prototype, "layers", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], LayerProps.prototype, "fields", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Boolean)
], LayerProps.prototype, "recording", void 0);
LayerProps = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["b" /* Component */])({
        selector: 'LayerProps',
        template: __webpack_require__("./src/apps/qx/app/props/layer.html"),
        styles: [
            '.disabled {color: #444}'
        ]
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_core__["SelectionService"]) === "function" && _b || Object])
], LayerProps);

var _a, _b;
//# sourceMappingURL=layer.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/media.html":
/***/ (function(module, exports) {

module.exports = "\n<div style=\"min-width: 500px; width: 100%; height: 100%; overflow-y: auto; padding: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: #333; border: 1px solid #555\">\n\n    <div style=\"flex: 1 1; height: 100%; margin: 0 5px;\">\n        <div *ngFor=\"let asset of assets; trackBy: assetID\" style=\"float:left; xpadding: 0 5px 10px;\">\n            \n            <div draggable=\"true\" \n                    (dragstart)=\"dragstart($event, asset)\" \n                    [style.width.px]=\"asset.thumb.width\" [style.height.px]=\"asset.thumb.height + 20\"\n                    style=\"border: 1px solid #555; margin-right: 6px; margin-bottom: 5px;\">\n               \n                <CompThumb (click)=\"add(asset)\" [item]=\"asset\"  [width]=\"asset.thumb.width\" [height]=\"asset.thumb.height\"></CompThumb>\n                <div [style.width.px]=\"asset.thumb.width\" style=\"height: 20px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{asset.Name}}</div>\n\n            </div>\n\n            <!--<img (click)=\"select(photo)\" [src]=\"photo.src.medium\" [height]=\"photo.h\" [width]=\"photo.w\">-->\n        </div>\n    </div>\n</div>\n\n\n<!--\n<openbox title=\"Media\" [open]=\"true\">\n    <div style=\"height: 350px; overflow-y: auto; overflow-x: hidden; border: 1px solid #555\" #container track-scroll (yScrollChange)=\"yScroll($event)\">\n        <div *ngFor=\"let asset of assets | async; trackBy: assetID\"\n            style=\"height: 40px; display: flex; flex-direction: row; align-items: center\">\n            <div draggable=\"true\" (dragstart)=\"dragstart($event, asset)\" style=\"border: 1px solid #555; margin-right: 6px\">\n                <CompThumb  [item]=\"asset\" [container]=\"container\" width=\"64\" height=\"36\"></CompThumb>\n            </div>\n            <div>{{asset.Name}}</div>\n        </div>\n    </div>\n\n    <div class=\"prop\" style=\"margin-top: 10px; height: 50px\">\n        <div class=\"name\">Upload New File</div>\n        <div class=\"value\" *ngIf=\"!loading\">\n            <input type=\"file\" (change)=\"upload($event)\">\n        </div>\n        <div class=\"value\" *ngIf=\"loading\">\n            Uploading ...\n        </div>\n    </div>\n\n</openbox>\n-->"

/***/ }),

/***/ "./src/apps/qx/app/props/media.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__greedy__ = __webpack_require__("./src/apps/qx/app/props/greedy.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return TrackScrollDirective; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MediaProps; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};





var TrackScrollDirective = (function () {
    function TrackScrollDirective() {
        this.yScrollChange = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
    }
    TrackScrollDirective.prototype.track = function (event) {
        this.yScrollChange.emit(event.srcElement.scrollTop);
    };
    return TrackScrollDirective;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]) === "function" && _a || Object)
], TrackScrollDirective.prototype, "yScrollChange", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* HostListener */])('scroll', ['$event']),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], TrackScrollDirective.prototype, "track", null);
TrackScrollDirective = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["L" /* Directive */])({
        selector: '[track-scroll]',
    })
], TrackScrollDirective);

var MediaProps = (function () {
    function MediaProps(el, prj, model, ref, kind) {
        var _this = this;
        this.el = el;
        this.prj = prj;
        this.model = model;
        this.ref = ref;
        this.kind = kind;
        this.loading = false;
        this.assets = [];
        this.prj.listAssets()
            .then(function (a) {
            _this.assets = _this.layout(a, 128);
        });
    }
    MediaProps.prototype.add = function (asset) {
        this.ref.close(asset);
    };
    // get assets() {
    //     //return this.prj.observeAssets();
    //     return this.prj.observeAssets()
    //         .map(a => this.layout(a, 128))
    // }
    MediaProps.prototype.layout = function (photos, ideal_height) {
        var _this = this;
        var result = [];
        var view_width = this.el.nativeElement.parentElement.offsetWidth;
        photos = photos.filter(function (p) { return p.Width > 0 && p.Height > 0 && p.type == _this.kind; });
        photos.forEach(function (p) { return p.ar = p.Width / p.Height; });
        var summed_width = photos.reduce(function (sum, p) { return sum += p.ar * ideal_height; }, 0);
        var rows = Math.round(summed_width / view_width);
        var weights = photos.map(function (p) { return Math.floor(p.ar * 100); });
        var partition = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_4__greedy__["a" /* greedyLinearPartition */])(weights, rows);
        var index = 0;
        for (var i = 0; i < partition.length; i++) {
            var summed_ratios;
            var row_buffer = [];
            for (var j = 0; j < partition[i].length; j++) {
                row_buffer.push(photos[index++]);
            }
            ;
            summed_ratios = row_buffer.reduce((function (sum, p) {
                return sum += p.ar;
            }), 0);
            for (var k = 0; k < row_buffer.length; k++) {
                var photo = row_buffer[k];
                photo.thumb = {
                    width: Math.floor(view_width / summed_ratios * photo.ar),
                    height: Math.floor(view_width / summed_ratios)
                };
                //result.push(photo);
            }
        }
        return photos;
    };
    MediaProps.prototype.assetID = function (idx, asset) {
        return asset ? asset.Name : undefined;
    };
    MediaProps.prototype.yScroll = function (pos) {
    };
    MediaProps.prototype.dragstart = function (event, asset) {
        event.dataTransfer.setData("text/plain", asset.Name);
    };
    MediaProps.prototype.upload = function (event) {
        var _this = this;
        var target = event.target;
        var files = target.files;
        if (files.length) {
            var file = files[0];
            this.loading = true;
            this.prj.importFootageFromLocal(file)
                .then(function () {
                _this.loading = false;
                _this.prj.change.next(true);
            }, function (error) { return console.error("Cannot upload", error); });
        }
    };
    return MediaProps;
}());
MediaProps = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'MediaProps',
        template: __webpack_require__("./src/apps/qx/app/props/media.html"),
        host: {
            '(mousewheel)': "$event.stopPropagation()"
        }
    }),
    __param(4, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["i" /* Inject */])(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["l" /* FX_DIALOG_DATA */])),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_3__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_services__["b" /* ModelService */]) === "function" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["k" /* DialogRef */]) === "function" && _e || Object, typeof (_f = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"]) === "function" && _f || Object])
], MediaProps);

var _a, _b, _c, _d, _e, _f;
//# sourceMappingURL=media.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/mediacontent.html":
/***/ (function(module, exports) {

module.exports = "<div *ngIf=\"!isMaps && !isStreetView\">\n    <div class=\"prop\" *ngIf=\"!isRemote\">\n        <div class=\"name\">Source</div>\n        <div class=\"value\">\n            <select [(ngModel)]=\"layer.item.source.location.filename\" (ngModelChange)=\"replaceMedia(layer.item.source.location.filename)\">\n                <option *ngFor=\"let a of assets; trackBy:assetID\" [ngValue]=\"a.Name\">{{a.Name}}</option>\n            </select>\n        </div>\n    </div>\n\n    <div *ngIf=\"isRemote\">\n        <input type=\"text\" style=\"width: 100%; margin: 2px 0px\" \n            [(ngModel)]=\"code\" \n            (blur)=\"layer.change.next(true)\"><br>\n\n        <button (click)=\"addField(layer.item.source.location.variable)\">Personalize</button>\n    </div>\n</div>\n\n <div style=\"margin: 0px 5px\" *ngIf=\"isMaps || isStreetView\">\n    <input type=\"text\" style=\"width: 100%; margin: 2px 0px\" \n        [(ngModel)]=\"layer.location\" \n        (blur)=\"layer.update(); layer.change.next(true)\">\n\n    <button (click)=\"addField(layer.variable)\">Personalize</button>\n</div>\n\n<div class=\"prop\" *ngIf=\"isMaps\">\n    <div class=\"name\">Zoom</div>\n    <div class=\"value\">\n        <span number-slider \n            class=\"fx-value\"\n            [(ngModel)]=\"layer.zoom\"  \n            [range]=\"maprange\"\n            (dragstop)=\"layer.change.next(true)\"></span>\n    </div>\n</div>\n\n<div class=\"prop\" *ngIf=\"isStreetView\">\n    <div class=\"name\">Field of View</div>\n    <div class=\"value\">\n        <span number-slider \n            class=\"fx-value\"\n            [(ngModel)]=\"layer.fov\"  \n            [range]=\"fovrange\"\n            (dragstop)=\"layer.change.next(true)\"></span>°\n    </div>\n</div>\n\n<div class=\"prop\" *ngIf=\"isStreetView\">\n    <div class=\"name\">Heading</div>\n    <div class=\"value\">\n        <span number-slider \n            class=\"fx-value\"\n            [(ngModel)]=\"layer.heading\"  \n            [range]=\"headingrange\"\n            (dragstop)=\"layer.change.next(true)\"></span>°\n    </div>\n</div>\n"

/***/ }),

/***/ "./src/apps/qx/app/props/mediacontent.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__MapsLayer__ = __webpack_require__("./src/apps/qx/app/MapsLayer.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__StreetView__ = __webpack_require__("./src/apps/qx/app/StreetView.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__field__ = __webpack_require__("./src/apps/qx/app/props/field.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MediaContent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var MediaContent = (function () {
    function MediaContent(prj, dlg) {
        this.prj = prj;
        this.dlg = dlg;
        this.maprange = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"](1, 27);
        this.fovrange = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"](0, 180);
        this.headingrange = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"](0, 359);
    }
    Object.defineProperty(MediaContent.prototype, "isRemote", {
        get: function () {
            return this.layer.source() instanceof __WEBPACK_IMPORTED_MODULE_2__fx_model__["RemoteSource"];
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(MediaContent.prototype, "isMaps", {
        get: function () {
            return this.layer instanceof __WEBPACK_IMPORTED_MODULE_5__MapsLayer__["a" /* GoogleMapsLayer */];
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(MediaContent.prototype, "isStreetView", {
        get: function () {
            return this.layer instanceof __WEBPACK_IMPORTED_MODULE_6__StreetView__["a" /* GoogleStreetViewLayer */];
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(MediaContent.prototype, "assets", {
        get: function () {
            return this.prj.assets
                .filter(function (a) { return a.type == __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"].Image || a.type == __WEBPACK_IMPORTED_MODULE_2__fx_model__["ItemType"].Video; });
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(MediaContent.prototype, "layervar", {
        get: function () {
            return this.layer.item.source.location.variable;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(MediaContent.prototype, "code", {
        get: function () {
            return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_model__["DecodeMapVariable"])(this.layer.item.source.location.variable);
        },
        set: function (text) {
            var variable = this.layer.item.source.location.variable;
            var newvar = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_model__["EncodeMapVariable"])(text);
            if (newvar)
                variable.assign(newvar);
            else {
                variable.defaultValue = text;
            }
        },
        enumerable: true,
        configurable: true
    });
    MediaContent.prototype.addField = function (variable) {
        var _this = this;
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_7__field__["a" /* FieldDialog */], this.fields)
            .result.subscribe(function (result) {
            variable.assign(result);
            _this.layer.change.next(true);
        });
    };
    MediaContent.prototype.replaceMedia = function (name) {
        var asset = this.prj.assets.find(function (a) { return a.Name == name; });
        var source = new __WEBPACK_IMPORTED_MODULE_2__fx_model__["AssetSource"](asset);
        this.layer.replace(source);
        console.log("replace", source.width(), this.layer.width);
        this.layer.change.next(true);
    };
    MediaContent.prototype.assetID = function (idx, asset) {
        return asset ? asset.Name : undefined;
    };
    return MediaContent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["FootageLayer"]) === "function" && _a || Object)
], MediaContent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], MediaContent.prototype, "fields", void 0);
MediaContent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'MediaContent',
        template: __webpack_require__("./src/apps/qx/app/props/mediacontent.html"),
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_services__["c" /* ProjectService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__fx_ui__["g" /* DialogService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_ui__["g" /* DialogService */]) === "function" && _c || Object])
], MediaContent);

var _a, _b, _c;
//# sourceMappingURL=mediacontent.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/newscene.html":
/***/ (function(module, exports) {

module.exports = "<div style=\"border-radius: 10px; border: 1px solid #555; width: 350px; height: 100px; background: #333; color: #ddd;\">\n\n    <div style=\"display: flex; flex-direction: row; align-items: center; justify-content: center;  width: 100%; height: 100%;\">\n\n        <div class=\"type\" \n             style=\"width: 100px; height: 90px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center\"\n            (click)=\"select(ST.Regular)\">\n            <div style=\"width: 75px; height: 50px; border: 1px solid #888; display: flex; flex-direction: column; justify-content: center; align-items: center\">\n                <div class=\"fa fa-2x fa-fw fa-play\"></div>\n            </div>\n            <div class=\"typename\">Regular<br>Scene</div>\n        </div>\n\n        <div class=\"type\" \n             style=\"width: 100px; height: 90px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center\"\n            (click)=\"select(ST.Optional)\">\n            <div style=\"width: 75px; height: 50px; border: 1px solid #888; display: flex; flex-direction: column; justify-content: center; align-items: center\">\n                <div class=\"fa fa-2x fa-fw fa-question\"></div>\n            </div>\n            <div class=\"typename\">Optional<br>Scene</div>\n        </div>\n\n        <div class=\"type\" \n             style=\"width: 100px; height: 90px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center\"\n            (click)=\"select(ST.Choice)\">\n            <div style=\"width: 75px; height: 50px; border: 1px solid #888; display: flex; flex-direction: column; justify-content: center; align-items: center\">\n                <div class=\"fa fa-2x fa-fw fa-sitemap\"></div>\n            </div>\n            <div class=\"typename\">Choice<br>Scene</div>\n        </div>\n\n<!--\n        <div style=\"border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; flex: 1 1 100%; width:100%; overflow: auto; background: #ddd\">\n             <div class=\"prop\" (click)=\"select(ST.Regular)\">\n                <div class=\"name\" style=\"width: 90%\">Regular Scene</div>\n                <div class=\"value\"></div>\n            </div>\n             <div class=\"prop\" (click)=\"select(ST.Optional)\">\n                <div class=\"name\" style=\"width: 90%\">Optional Scene</div>\n                <div class=\"value\"></div>\n            </div>\n             <div class=\"prop\" (click)=\"select(ST.Choice)\">\n                <div class=\"name\" style=\"width: 90%\">Choice Scene</div>\n                <div class=\"value\"></div>\n            </div>\n        </div>-->\n    </div>\n</div>\n"

/***/ }),

/***/ "./src/apps/qx/app/props/newscene.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return NewSceneComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var NewSceneComponent = (function () {
    function NewSceneComponent(ref) {
        this.ref = ref;
        this.ST = __WEBPACK_IMPORTED_MODULE_1__fx_model__["SceneType"];
    }
    NewSceneComponent.prototype.select = function (t) {
        this.ref.close(t);
    };
    return NewSceneComponent;
}());
NewSceneComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'NewScene',
        template: __webpack_require__("./src/apps/qx/app/props/newscene.html"),
        styles: [__webpack_require__("./src/apps/qx/app/props/add.css")],
        host: {
            '(mousewheel)': "$event.stopPropagation()"
        },
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default
    }),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */]) === "function" && _a || Object])
], NewSceneComponent);

var _a;
//# sourceMappingURL=newscene.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/prefs.html":
/***/ (function(module, exports) {

module.exports = "<div style=\"border-radius: 10px; border: 1px solid #555; width: 370px; height: 450px; background: #333; color: #ddd;\">\n\n    <div style=\"display: flex; flex-direction: column; align-items: flex-start; justify-content: center;  width: 100%; height: 100%;\">\n        <togglebar style=\"width: 100%; margin: 10px 0; font-size: 16px; color: #336699; border-color: #336699; line-height: 30px\" \n                    [labels]=\"[ 'Editor', 'Settings']\" \n                    [values]=\"[1, 2]\" \n                    [(selected)]=\"mode\"\n                    ></togglebar>\n\n        <div [ngSwitch]=\"mode\" style=\"border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; flex: 1 1 100%; width:100%; overflow: auto; background: #ddd\">\n            <div *ngSwitchCase=\"9\" style=\"margin: 10px;\">\n\n                <div class=\"item\">\n                    <div class=\"name\">Video Size</div>\n                    <div class=\"folder\">\n                        <select [(ngModel)]=\"prefs.template.size\">\n                            <option value=\"640x360\">640 x 360</option>\n                            <option value=\"640x360\">960 x 540</option>\n                            <option value=\"640x360\">1280 x 720</option>\n                            <option value=\"640x360\">1920 x 1080</option>\n                            <option value=\"\">Custom Size</option>\n                        </select>\n                    </div>\n                </div>\n\n                <div class=\"item\" *ngIf=\"prefs.template.size == ''\">\n                    <div class=\"name\">Custom Size</div>\n                    <div class=\"folder\">\n                        <span number-slider\n                            class=\"fx-value\"\n                            fmt=\"%.0f x \"\n                            [(ngModel)]=\"prefs.template.customsize.width\"></span>\n                        <span number-slider\n                            class=\"fx-value\"\n                            fmt=\"%.0f px\"\n                            [(ngModel)]=\"prefs.template.customsize.height\"></span>\n                    </div>\n                </div>\n\n\n                <div class=\"item\">\n                    <div class=\"name\">Frame Rate</div>\n                    <div class=\"folder\">\n                        <select [(ngModel)]=\"prefs.template.fps\">\n                            <option value=\"25/1\">25 fps</option>\n                            <option value=\"30000/1001\">29.97 fps</option>\n                        </select>\n                    </div>\n                </div>\n\n                <div class=\"item\">\n                    <div class=\"name\">Background Sound</div>\n                    <div class=\"folder\">\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"1\" style=\"margin: 10px;\">\n                <div class=\"item\">\n                    <div class=\"name\">Time Unit</div>\n                    <div class=\"folder\">\n                        <select [(ngModel)]=\"prefs.unit\">\n                            <option value=\"frames\">Frames</option>\n                            <option value=\"timecode\">Timecode</option>\n                        </select>\n                    </div>\n                </div>\n\n                <div class=\"item\">\n                    <div class=\"name\">Rulers</div>\n                    <div class=\"folder\">\n                        <div class=\"wrapper\">\n                            <input type=\"checkbox\"  class=\"toggle\"\n                                [(ngModel)]=\"prefs.editor.showRulers\" \n                                name=\"showRulers\" id=\"showRulers\">\n                            <label for=\"showRulers\"></label>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"item\">\n                    <div class=\"name\">Grid</div>\n                    <div class=\"folder\">\n                        <div class=\"wrapper\">\n                            <input type=\"checkbox\" class=\"toggle\"\n                                [(ngModel)]=\"prefs.editor.showGrid\" \n                                name=\"showGrid\" id=\"showGrid\">\n                            <label for=\"showGrid\"></label>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"item\">\n                    <div class=\"name\">Snap to Grid</div>\n                    <div class=\"folder\">\n                        <div class=\"wrapper\">\n                            <input type=\"checkbox\"  class=\"toggle\"\n                                [(ngModel)]=\"prefs.editor.snapoptions.grid\" \n                                name=\"snapGrid\" id=\"snapGrid\">\n                            <label for=\"snapGrid\"></label>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"item\">\n                    <div class=\"name\">Guides</div>\n                    <div class=\"folder\">\n                        <div class=\"wrapper\">\n                            <input type=\"checkbox\" class=\"toggle\"\n                                [(ngModel)]=\"prefs.editor.showGuides\" \n                                name=\"showGuides\" id=\"showGuides\">\n                            <label for=\"showGuides\"></label>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"item\">\n                    <div class=\"name\">Snap to Guides</div>\n                    <div class=\"folder\">\n                        <div class=\"wrapper\">\n                            <input type=\"checkbox\"  class=\"toggle\"\n                                [(ngModel)]=\"prefs.editor.snapoptions.guides\" \n                                name=\"snapGuides\" id=\"snapGuides\">\n                            <label for=\"snapGuides\"></label>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"item\">\n                    <div class=\"name\">Lock Guides</div>\n                    <div class=\"folder\">\n                        <div class=\"wrapper\">\n                            <input type=\"checkbox\"  class=\"toggle\"\n                                [(ngModel)]=\"prefs.lockguides\" \n                                name=\"lockGuides\" id=\"lockGuides\">\n                            <label for=\"lockGuides\"></label>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n                        \n            <div *ngSwitchCase=\"2\" style=\"margin: 10px;\">\n                \n            </div>\n            \n        </div>\n    </div>\n</div>\n\n"

/***/ }),

/***/ "./src/apps/qx/app/props/prefs.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PrefsComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};


var PrefsComponent = (function () {
    function PrefsComponent(ref, prefs) {
        this.ref = ref;
        this.prefs = prefs;
        this.mode = 1;
    }
    return PrefsComponent;
}());
PrefsComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'Prefs',
        template: __webpack_require__("./src/apps/qx/app/props/prefs.html"),
        //styleUrls: ['./list.css', './toggle.css'],
        host: {
            '(mousewheel)': "$event.stopPropagation()"
        },
        changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__["_6" /* ChangeDetectionStrategy */].Default
    }),
    __param(1, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["i" /* Inject */])(__WEBPACK_IMPORTED_MODULE_1__fx_ui__["l" /* FX_DIALOG_DATA */])),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["k" /* DialogRef */]) === "function" && _a || Object, Object])
], PrefsComponent);

var _a;
//# sourceMappingURL=prefs.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/scene.html":
/***/ (function(module, exports) {

module.exports = "\n<openbox title=\"Properties\" [open]=\"true\">\n\n    <div class=\"prop\">\n        <div class=\"name\">Duration</div>\n        <div class=\"value\">\n            <span number-slider\n                    class=\"fx-value\"\n                    (drag)=\"checkFramePosition()\"\n                    (drag)=\"comp.change.next(false)\"\n                    (dragstop)=\"comp.change.next(true)\"\n                    fmt=\"%d\"\n                    [range]=\"maxrange\"\n                    [(ngModel)]=\"comp.numframes\"></span> frames\n        </div>\n    </div>\n\n    <div class=\"prop\">\n        <div class=\"name\">Background Color</div>\n        <div class=\"value\">\n            <input type=\"color\"  style=\"height: 16px\"\n                [(ngModel)]=\"comp.bgcolor.rgb\"\n                (ngModelChange)=\"comp.change.next(true)\"\n                >\n        </div>\n    </div>\n</openbox>\n\n<openbox title=\"Transition\" [open]=\"true\">\n    <TransitionProps [comp]=\"comp\"></TransitionProps>\n</openbox>\n\n\n<openbox title=\"Sound\" [open]=\"true\">\n\n    <div class=\"prop\">\n        <div class=\"name\">Select Sound</div>\n        <div class=\"value\">\n            <select [(ngModel)]=\"scene.sound\" (ngModelChange)=\"setSound(scene.sound)\">\n                <option [ngValue]=\"null\">None</option>\n                <option *ngFor=\"let sound of sounds\" [ngValue]=\"sound.Name\">{{sound.Name}}</option>\n            </select>\n\n            <button (click)=\"upload()\" style=\"background: transparent; border: 1px solid #444\">\n                <span style=\"color: #ddd\" class=\"fa\" \n                    [ngClass]=\"loading ? 'fa-circle-o-notch fa-spin fa-fw' : 'fa-upload'\" ></span>\n            </button>\n        </div>\n    </div>\n\n</openbox>\n\n<openbox title=\"Optional\" [open]=\"true\" *ngIf=\"scene.type == ST.Optional\">\n    <div class=\"prop\" style=\"height: 75px\">\n        <div class=\"name\">Play when</div>\n        <div class=\"value\">\n            <input type=\"text\" style=\"width: 100%; margin: 2px 0px\" \n                [(ngModel)]=\"conditionCode\" \n                (blur)=\"scene.comp.change.next(true)\">\n\n            <button (click)=\"addField(scene.condition)\">Personalize</button>\n        </div>\n    </div>\n</openbox>\n\n<openbox title=\"Choice\" [open]=\"true\" *ngIf=\"scene.type == ST.Choice\">\n    Not yet implemented!\n</openbox>\n"

/***/ }),

/***/ "./src/apps/qx/app/props/scene.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__upload__ = __webpack_require__("./src/apps/qx/app/props/upload.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__field__ = __webpack_require__("./src/apps/qx/app/props/field.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SceneProps; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var SceneProps = (function () {
    function SceneProps(dlg, prj, model) {
        this.dlg = dlg;
        this.prj = prj;
        this.model = model;
        this.loading = false;
        this.maxrange = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"](0, 2600);
        this.ST = __WEBPACK_IMPORTED_MODULE_3__fx_model__["SceneType"];
    }
    SceneProps.prototype.ngOnChanges = function () {
        this.comp = this.scene.comp;
    };
    SceneProps.prototype.checkFramePosition = function () {
        this.comp.frame = Math.min(this.comp.numframes - 1, this.comp.frame);
    };
    SceneProps.prototype.upload = function () {
        var _this = this;
        this.loading = true;
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_5__upload__["a" /* UploadDialog */], ['*/*'])
            .result.subscribe(function (asset) {
            _this.loading = false;
            _this.setSound(asset.Name);
        });
    };
    SceneProps.prototype.setSound = function (sound) {
        if (sound) {
            this.scene.sound = sound;
            var asset = this.prj.assets.find(function (asset) { return asset.Name == sound; });
            var asource = new __WEBPACK_IMPORTED_MODULE_3__fx_model__["AssetSource"](asset);
            var sounditem = this.prj.newItem(asource);
            this.prj.project.addItem(sounditem);
            var layer = this.model.newLayerFromItem(this.scene.comp, sounditem);
        }
        else {
            this.scene.sound = null;
            var audiolayers = this.scene.comp.avlayers.filter(function (layer) { return layer.hasAudio(); });
            this.model.deleteSelected(audiolayers);
        }
    };
    Object.defineProperty(SceneProps.prototype, "conditionCode", {
        get: function () {
            return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__fx_model__["DecodeMapVariable"])(this.scene.condition);
        },
        set: function (text) {
            var variable = this.scene.condition;
            var newvar = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__fx_model__["EncodeMapVariable"])(text);
            if (newvar)
                variable.assign(newvar);
            else {
                variable.defaultValue = text;
            }
        },
        enumerable: true,
        configurable: true
    });
    SceneProps.prototype.addField = function (variable) {
        var _this = this;
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_6__field__["a" /* FieldDialog */], this.fields)
            .result.subscribe(function (result) {
            variable.assign(result);
            _this.scene.comp.change.next(true);
        });
    };
    return SceneProps;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Scene"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Scene"]) === "function" && _a || Object)
], SceneProps.prototype, "scene", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], SceneProps.prototype, "sounds", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], SceneProps.prototype, "fields", void 0);
SceneProps = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'SceneProps',
        template: __webpack_require__("./src/apps/qx/app/props/scene.html"),
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["g" /* DialogService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["g" /* DialogService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["b" /* ModelService */]) === "function" && _d || Object])
], SceneProps);

var _a, _b, _c, _d;
//# sourceMappingURL=scene.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/stock.html":
/***/ (function(module, exports) {

module.exports = "<div style=\"width: 100%; height: calc(100% - 50px); overflow-y: auto; padding: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: #333; border: 1px solid #555\">\n\n    <div style=\"flex: 0 0; height: 50px\">\n        <form (submit)=\"search()\">\n            <input name=\"searchTerm\" type=\"text\" [(ngModel)]=\"searchTerm\" placeholder=\"Search\" style=\"width: 250px; font-size: 120%\">\n            <button type=\"submit\">Search</button>\n        </form>\n    </div>\n\n\n    <div style=\"flex: 1 1; height: 100%; margin: 0 5px;\">\n        <div *ngFor=\"let photo of photos\" style=\"float:left; padding: 0 5px 10px;\">\n            <img (click)=\"select(photo)\" [src]=\"photo.src.medium\" [height]=\"photo.h\" [width]=\"photo.w\">\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"hasMore\" style=\"width: 100%; height: 40px; text-align: center\">\n    <button (click)=\"loadMore()\">Load more...</button>\n</div>\n"

/***/ }),

/***/ "./src/apps/qx/app/props/stock.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__("./node_modules/@angular/http/@angular/http.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__greedy__ = __webpack_require__("./src/apps/qx/app/props/greedy.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StockSearchDialog; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};





;
;
;
var StockSearchDialog = (function () {
    function StockSearchDialog(el, http, prj, ref, kind) {
        this.el = el;
        this.http = http;
        this.prj = prj;
        this.ref = ref;
        this.kind = kind;
        this.photos = [];
    }
    StockSearchDialog.prototype.search = function (term, page, clear) {
        var _this = this;
        if (term === void 0) { term = this.searchTerm; }
        if (page === void 0) { page = 1; }
        if (clear === void 0) { clear = true; }
        if (clear)
            this.photos = [];
        this.http.get("https://6h81r1lqm2.execute-api.eu-west-1.amazonaws.com/Production/search?query=" + encodeURIComponent(term) + "&per_page=30&page=" + page)
            .map(function (r) { return r.json(); })
            .subscribe(function (result) {
            _this.result = result;
            var photos = _this.result.photos;
            photos.forEach(function (p) { return p.ar = p.width / p.height; });
            var ideal_height = 300;
            var view_width = _this.el.nativeElement.parentElement.offsetWidth - 100;
            var summed_width = photos.reduce(function (sum, p) { return sum += p.ar * ideal_height; }, 0);
            var rows = Math.round(summed_width / view_width);
            var weights = photos.map(function (p) { return Math.floor(p.ar * 100); });
            var partition = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_4__greedy__["a" /* greedyLinearPartition */])(weights, rows);
            var index = 0;
            for (var i = 0; i < partition.length; i++) {
                var summed_ratios;
                var row_buffer = [];
                for (var j = 0; j < partition[i].length; j++) {
                    row_buffer.push(photos[index++]);
                }
                ;
                summed_ratios = row_buffer.reduce((function (sum, p) {
                    return sum += p.ar;
                }), 0);
                for (var k = 0; k < row_buffer.length; k++) {
                    var photo = row_buffer[k];
                    photo.w = Math.floor(view_width / summed_ratios * photo.ar);
                    photo.h = Math.floor(view_width / summed_ratios);
                }
            }
            _this.photos = _this.photos.concat(photos);
        });
    };
    StockSearchDialog.prototype.select = function (photo) {
        this.ref.close(photo);
    };
    StockSearchDialog.prototype.computeWidth = function (photo, height) {
        var ar = photo.width / photo.height;
        return height * ar;
    };
    Object.defineProperty(StockSearchDialog.prototype, "hasMore", {
        get: function () {
            return this.result ?
                this.result.page < (this.result.total_results / this.result.per_page)
                : false;
        },
        enumerable: true,
        configurable: true
    });
    StockSearchDialog.prototype.loadMore = function () {
        var page = this.result.page + 1;
        this.search(this.searchTerm, page, false);
    };
    return StockSearchDialog;
}());
StockSearchDialog = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'StockSearchDialog',
        template: __webpack_require__("./src/apps/qx/app/props/stock.html"),
        host: {
            '(mousewheel)': "$event.stopPropagation()"
        }
    }),
    __param(4, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["i" /* Inject */])(__WEBPACK_IMPORTED_MODULE_3__fx_ui__["l" /* FX_DIALOG_DATA */])),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__angular_http__["e" /* Http */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_http__["e" /* Http */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_services__["c" /* ProjectService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_3__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_ui__["k" /* DialogRef */]) === "function" && _d || Object, String])
], StockSearchDialog);

var _a, _b, _c, _d;
//# sourceMappingURL=stock.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/template.html":
/***/ (function(module, exports) {

module.exports = "<!--<openbox title=\"Template\" [open]=\"true\">\n    <div class=\"prop\">\n        <div class=\"name\">Category</div>\n        <div class=\"value\">\n            <select [(ngModel)]=\"group\" (ngModelChange)=\"setGroup()\">\n                <option *ngFor=\"let g of templates\" [ngValue]=\"g\">{{g.name}}</option>\n            </select>\n        </div>\n    </div>\n    <div class=\"prop\" style=\"margin-top: 10px; height: 100px; justify-content: space-around; align-items: center\">\n        <span (click)=\"prevTemplate()\" class=\"fa fa-arrow-left\"></span>\n        <div style=\"display: flex; flex-direction: column; align-items: center\">\n            <img src=\"\" border=\"1\" width=\"160\" height=\"90\">\n            <span style=\"margin-top: 5px\">{{item.name}}</span>\n        </div>\n        <span (click)=\"nextTemplate()\" class=\"fa fa-arrow-right\"></span>\n    </div>\n</openbox>-->\n\n<openbox title=\"Properties\" [open]=\"true\">\n    <div class=\"prop\">\n        <div class=\"name\">Size</div>\n        <div class=\"value\">\n            <select [(ngModel)]=\"prefs.template.size\" (ngModelChange)=\"setMovieParams()\">\n                <option value=\"640x360\">640 x 360</option>\n                <option value=\"960x540\">960 x 540</option>\n                <option value=\"1280x720\">1280 x 720</option>\n                <option value=\"1920x1080\">1920 x 1080</option>\n                <option value=\"\">Custom Size</option>\n            </select>\n        </div>\n    </div>\n\n    <div class=\"prop\" *ngIf=\"prefs.template.size == ''\">\n        <div class=\"name\">Custom Size</div>\n        <div class=\"value\">\n            <span number-slider\n                class=\"fx-value\"\n                fmt=\"%.0f x \"\n                (dragstop)=\"setMovieParams()\"\n                [(ngModel)]=\"prefs.template.customsize.width\"></span>\n            <span number-slider\n                class=\"fx-value\"\n                fmt=\"%.0f px\"\n                (dragstop)=\"setMovieParams()\"\n                [(ngModel)]=\"prefs.template.customsize.height\"></span>\n        </div>\n    </div>\n\n    <div class=\"prop\">\n        <div class=\"name\">Frame Rate</div>\n        <div class=\"value\">\n            <select [(ngModel)]=\"prefs.template.fps\" (ngModelChange)=\"setMovieParams()\">\n                <option value=\"25/1\">25 fps</option>\n                <option value=\"30000/1001\">29.97 fps</option>\n            </select>\n        </div>\n    </div>\n\n    <div class=\"prop\">\n        <div class=\"name\">Default Background</div>\n        <div class=\"value\">\n            <input type=\"color\"  style=\"height: 16px\"\n                [(ngModel)]=\"prefs.template.defaultBackgroundColor.rgb\">\n        </div>\n    </div>\n</openbox>\n\n\n<openbox title=\"Background Sound\" [open]=\"true\">\n    <div class=\"prop\">\n        <div class=\"name\">File</div>\n        <div class=\"value\">\n            <select [(ngModel)]=\"project.bgSound\">\n                <option [ngValue]=\"null\">None</option>\n                <option *ngFor=\"let sound of sounds\" [ngValue]=\"sound.Name\">{{sound.Name}}</option>\n            </select>\n\n            <button (click)=\"upload()\" style=\"background: transparent; border: 1px solid #444\">\n                <span style=\"color: #ddd\" class=\"fa\" \n                    [ngClass]=\"loading ? 'fa-circle-o-notch fa-spin fa-fw' : 'fa-upload'\" ></span>\n            </button>\n        </div>\n    </div>\n\n</openbox>"

/***/ }),

/***/ "./src/apps/qx/app/props/template.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__upload__ = __webpack_require__("./src/apps/qx/app/props/upload.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TemplateProps; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var TemplateProps = (function () {
    function TemplateProps(dlg, prj) {
        this.dlg = dlg;
        this.prj = prj;
        this.loading = false;
        this.templates = [
            { name: "Blank", items: [
                    { name: "White", },
                    { name: "Black", },
                ] },
            { name: "Product Caroussel", items: [
                    { name: "2 Products", },
                    { name: "3 Products", },
                    { name: "4 Products", },
                    { name: "5 Products", },
                    { name: "6 Products", },
                ] },
            { name: "Sales News", items: [
                    { name: "Intro, Main, Action", },
                    { name: "News, Action", },
                ] },
        ];
        this.group = this.templates[0];
        this.item = this.group.items[0];
    }
    TemplateProps.prototype.setMovieParams = function () {
        var _this = this;
        var size;
        if (this.prefs.template.size == '') {
            size = this.prefs.template.customsize;
        }
        else {
            var _a = this.prefs.template.size.split('x'), w = _a[0], h = _a[1];
            size = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Size"](parseInt(w), parseInt(h));
        }
        this.prj.allComps().forEach(function (comp) {
            comp.width = size.width;
            comp.height = size.height;
            comp.framerate = __WEBPACK_IMPORTED_MODULE_3__fx_model__["Framerate"].fromString(_this.prefs.template.fps);
            comp.change.next(true);
        });
    };
    TemplateProps.prototype.setGroup = function () {
        this.item = this.group.items[0];
    };
    TemplateProps.prototype.prevTemplate = function () {
        var idx = this.group.items.indexOf(this.item);
        if (idx > 0) {
            this.item = this.group.items[idx - 1];
        }
    };
    TemplateProps.prototype.nextTemplate = function () {
        var idx = this.group.items.indexOf(this.item);
        if (idx < this.group.items.length - 1) {
            this.item = this.group.items[idx + 1];
        }
    };
    TemplateProps.prototype.upload = function () {
        var _this = this;
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_5__upload__["a" /* UploadDialog */], ['*/*'])
            .result.subscribe(function (asset) {
            _this.loading = false;
            _this.project.bgSound = asset.Name;
        });
    };
    return TemplateProps;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], TemplateProps.prototype, "prefs", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["Project"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["Project"]) === "function" && _a || Object)
], TemplateProps.prototype, "project", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], TemplateProps.prototype, "sounds", void 0);
TemplateProps = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'TemplateProps',
        template: __webpack_require__("./src/apps/qx/app/props/template.html"),
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["g" /* DialogService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["g" /* DialogService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */]) === "function" && _c || Object])
], TemplateProps);

var _a, _b, _c;
//# sourceMappingURL=template.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/text.html":
/***/ (function(module, exports) {

module.exports = "<div class=\"prop\">\n    <div class=\"name\">Font</div>\n    <div class=\"value\">\n        <select \n            (click)=\"startChange('font')\" (mousedown)=\"startChange('font')\"\n            [(ngModel)]=\"font\" (ngModelChange)=\"layer.change.next(true)\">\n            <option *ngFor=\"let fd of fonts\" [ngValue]=\"fd.fontItem\">{{fd.family}} {{fd.subFamily}}</option>\n        </select>\n        <!--<button (click)=\"upload()\" style=\"background: transparent; border: 1px solid #444\">\n            <span style=\"color: #ddd\" class=\"fa\" \n                [ngClass]=\"loading ? 'fa-circle-o-notch fa-spin fa-fw' : 'fa-upload'\" ></span>\n        </button>-->\n    </div>\n</div>\n\n<div class=\"prop\">\n    <div class=\"name\">Text Size</div>\n    <div class=\"value\">\n        <!--<span class=\"fx-value\" number-slider (dragstop)=\"layer.change.next(true)\" [(ngModel)]=\"layer.defaultContext.fontsize\"></span>-->\n\n        <span number-slider \n            [ngModel]=\"ctx.fontsize\" \n            (ngModelChange)=\"ctx.fontsize=$event\"\n            fmt=\"%.1f\" \n            [precision]=\".1\"\n            (dragstart)=\"startChange('fontsize')\"\n            (drag)=\"ctx.change.next('fontsize')\"\n            (dragstop)=\"layer.change.next(true)\"\n            class=\"fx-value\">\n        </span>\n\n    </div>\n</div>\n\n<div class=\"prop\">\n    <div class=\"name\">Text Color</div>\n    <div class=\"value\">\n\n\n        <input type=\"color\" tabIndex=\"-1\"\n                        (click)=\"startChange('color')\"\n                        [(ngModel)]=\"ctx.color ? ctx.color.rgb : color.rgb\" \n                        (ngModelChange)=\"setColor($event)\"\n                        (change)=\"ctx.change.next('color')\"  \n                        (change)=\"layer.change.next(true)\"  \n                        >        \n                        \n        <!--<input type=\"color\"\n            (change)=\"layer.change.next(true)\"\n            [(ngModel)]=\"layer.defaultContext.color.rgb\"\n        >-->\n    </div>\n</div>\n\n\n\n<!--\n<div class=\"prop\">\n    <div class=\"name\">Background Color</div>\n    <div class=\"value\">\n        <input type=\"color\"\n            (change)=\"layer.change.next(true)\"\n            [(ngModel)]=\"bgcolor\"\n        >\n    </div>\n</div>-->\n\n<div class=\"prop\">\n    <div class=\"name\">Line Height</div>\n    <div class=\"value\">      \n\n    <span number-slider \n            [(ngModel)]=\"layer.props.lineheight\" \n            fmt=\"%.1f\" \n            [precision]=\".1\"\n            (dragstop)=\"layer.change.next(true)\"\n            class=\"fx-value\">\n        </span>    \n    </div>\n</div>                     \n\n<div class=\"prop\">\n    <div class=\"name\">Horizontal Align</div>\n    <div class=\"value\">                           \n        <select [(ngModel)]=\"layer.props.xAlign\" (change)=\"layer.change.next(true)\">\n            <option [ngValue]=\"HA.Left\">Left</option>\n            <option [ngValue]=\"HA.Center\">Center</option>\n            <option [ngValue]=\"HA.Right\">Right</option>\n        </select>\n    </div>\n</div>\n\n<div class=\"prop\">\n    <div class=\"name\">Vertical Align</div>\n    <div class=\"value\">                           \n        <select [(ngModel)]=\"layer.props.yAlign\" (change)=\"layer.change.next(true)\">\n            <option [ngValue]=\"VA.Top\">Top</option>\n            <option [ngValue]=\"VA.Middle\">Middle</option>\n            <option [ngValue]=\"VA.Bottom\">Bottom</option>\n        </select>\n    </div>\n</div>\n\n\n\n\n"

/***/ }),

/***/ "./src/apps/qx/app/props/text.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__ = __webpack_require__("./node_modules/rxjs/Subject.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__upload__ = __webpack_require__("./src/apps/qx/app/props/upload.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TextProps; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var TextProps = (function () {
    // public color = new Color(100, 100, 100, 255);
    // public fontsize = 12;
    // public font = null;
    function TextProps(dlg, prj, ss) {
        var _this = this;
        this.dlg = dlg;
        this.prj = prj;
        this.ss = ss;
        this.HA = __WEBPACK_IMPORTED_MODULE_3__fx_model__["HorizontalAlignment"];
        this.VA = __WEBPACK_IMPORTED_MODULE_3__fx_model__["VerticalAlignment"];
        this.BM = __WEBPACK_IMPORTED_MODULE_3__fx_model__["BLENDMODE"];
        this.loading = false;
        this.fonts = [];
        this.destroyed = new __WEBPACK_IMPORTED_MODULE_0_rxjs_Subject__["Subject"]();
        this.prj.observeAssets()
            .takeUntil(this.destroyed)
            .subscribe(function (assets) { return _this.setFonts(assets); });
        // this.ss.global
        //     .takeUntil(this.destroyed)
        //     .subscribe(change => {
        //         if(change.on instanceof TextContext) {
        //             this.ctx = change.on;
        //         }
        // });
    }
    TextProps.prototype.ngOnInit = function () {
        this.ctx = this.layer.defaultContext;
    };
    TextProps.prototype.ngOnDestroy = function () {
        this.destroyed.next(true);
    };
    TextProps.prototype.getContext = function (prop, createSubContext) {
        if (createSubContext === void 0) { createSubContext = false; }
        var fontfactor = 0;
        var selection = window.getSelection();
        var startNode = selection.anchorNode;
        var endNode = selection.focusNode;
        if (!startNode || !endNode) {
            return this.layer.defaultContext;
        }
        var startOffset = selection.anchorOffset;
        var endOffset = selection.focusOffset;
        var nodeLength = startNode.textContent.length;
        var ctx;
        // special case: start = end && full node is selected
        if ((nodeLength != 0 && startNode == endNode && Math.abs(endOffset - startOffset) == nodeLength)) {
            var ctxname = startNode.parentNode.attributes.getNamedItem("data-ctx");
            ctx = this.layer.getContext(ctxname.nodeValue);
        }
        else if (!selection.isCollapsed) {
            var ctxname = endNode.parentNode.attributes.getNamedItem("data-ctx");
            ctx = this.layer.getContext(ctxname.nodeValue);
            if (createSubContext) {
                var newctxid = "c" + (__WEBPACK_IMPORTED_MODULE_3__fx_model__["TextContext"].counter++);
                ctx = ctx.clone(newctxid); //new TextContext(newctxid);
                this.layer.addContext(ctx);
                var doc = startNode.ownerDocument;
                var range = doc.createRange();
                range.setStart(startNode, startOffset);
                range.setEnd(endNode, endOffset);
                var span = doc.createElement('span');
                this.layer.styleSpan(span, ctx, fontfactor);
                var contents = range.extractContents();
                span.appendChild(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__fx_model__["removePropFromContexts"])(this.layer, contents, prop));
                range.insertNode(span);
                selection.removeAllRanges();
                selection.addRange(range);
            }
        }
        else {
            var ctxname = startNode.parentNode.attributes.getNamedItem("data-ctx");
            ctx = this.layer.getContext(ctxname ? ctxname.nodeValue : "");
        }
        return ctx;
    };
    TextProps.prototype.ngDoCheck = function () {
        this.ctx = this.getContext();
    };
    TextProps.prototype.startChange = function (prop) {
        this.ctx = this.getContext(prop, true);
    };
    TextProps.prototype.setColor = function (s) {
        if (this.ctx.color)
            this.ctx.color.rgb = s;
        else
            this.ctx.color = __WEBPACK_IMPORTED_MODULE_2__fx_core__["Color"].fromString(s);
    };
    TextProps.prototype.setFonts = function (assets) {
        var _this = this;
        this.fonts = [];
        var fd = new __WEBPACK_IMPORTED_MODULE_4__fx_services__["f" /* FontDescription */]("Open Sans", "Regular", null);
        this.fonts.push(fd);
        assets.filter(function (asset) { return asset.type == __WEBPACK_IMPORTED_MODULE_3__fx_model__["ItemType"].Font; })
            .forEach(function (asset) { return _this.addFont(asset).take(1).subscribe(); });
    };
    TextProps.prototype.addFont = function (asset) {
        var _this = this;
        return this.prj.loadFont(asset.Name)
            .map(function (font) {
            var fontsource = new __WEBPACK_IMPORTED_MODULE_3__fx_model__["FontSource"](asset);
            var fontitem = new __WEBPACK_IMPORTED_MODULE_3__fx_model__["FontItem"](_this.prj.project, fontsource);
            var fd = new __WEBPACK_IMPORTED_MODULE_4__fx_services__["f" /* FontDescription */](font.names.fontFamily.en, font.names.fontSubfamily.en, fontitem);
            _this.fonts.push(fd);
            return fd;
        });
    };
    Object.defineProperty(TextProps.prototype, "font", {
        get: function () {
            return this.ctx.font;
        },
        set: function (item) {
            this.ctx.font = item;
        },
        enumerable: true,
        configurable: true
    });
    TextProps.prototype.upload = function () {
        var _this = this;
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_6__upload__["a" /* UploadDialog */], ['*/*'])
            .result.subscribe(function (asset) {
            _this.addFont(asset)
                .subscribe(function (fd) {
                _this.layer.defaultContext.font = fd.fontItem;
                _this.layer.change.next(true);
            });
        });
    };
    return TextProps;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__fx_model__["TextLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_3__fx_model__["TextLayer"]) === "function" && _a || Object)
], TextProps.prototype, "layer", void 0);
TextProps = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["b" /* Component */])({
        selector: 'TextProps',
        template: __webpack_require__("./src/apps/qx/app/props/text.html"),
    }),
    __metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_5__fx_ui__["g" /* DialogService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_5__fx_ui__["g" /* DialogService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_4__fx_services__["c" /* ProjectService */]) === "function" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_core__["SelectionService"]) === "function" && _d || Object])
], TextProps);

var _a, _b, _c, _d;
//# sourceMappingURL=text.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/textcontent.html":
/***/ (function(module, exports) {

module.exports = "<div style=\"margin: 0px 5px\">\n    <!--<textarea rows=\"3\" style=\"width: 100%; margin: 2px 0px\" wrap=\"virtual\"\n        [(ngModel)]=\"textcode\" (ngModelChange)=\"updateText()\">\n    </textarea>-->\n\n    <div style=\"width: 100%; height: 50px; margin: 2px 0px\">\n        <p contenteditable  #edit \n           (blur)=\"blur()\" \n            style=\"position: relative; height: 50px; padding: 1px; font-size: 14px; font-family: monospace; background: white; color: #000; border: 0;\"></p>\n    </div>\n\n    <button (click)=\"addField()\">Personalize</button>\n</div>\n\n<!--\n<div class=\"prop\" *ngIf=\"!hasField\">\n    <div class=\"name\">Text</div>\n    <div class=\"value\">\n        <input style=\"max-width: 175px\" type=\"text\" [(ngModel)]=\"layer.template\" (ngModelChange)=\"layer.change.next(true)\">\n    </div>\n</div>\n\n<div class=\"prop\" *ngIf=\"hasField\">\n    <div class=\"name\">Add Field</div>\n    <div class=\"value\">\n        <select [(ngModel)]=\"field\">\n            <option *ngFor=\"let f of fields\" [ngValue]=\"f\">{{f}}</option>\n        </select>\n    </div>\n</div>\n-->\n"

/***/ }),

/***/ "./src/apps/qx/app/props/textcontent.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__field__ = __webpack_require__("./src/apps/qx/app/props/field.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TextContent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var TextContent = (function () {
    function TextContent(dlg) {
        this.dlg = dlg;
        this.selecting = false;
    }
    TextContent.prototype.ngOnInit = function () {
        $(this.edit.nativeElement).append(this.layer.htmlFragment(0));
    };
    TextContent.prototype.focus = function () {
        $(this.edit.nativeElement).empty();
        $(this.edit.nativeElement).append(this.layer.htmlFragment(0));
    };
    TextContent.prototype.blur = function () {
        this.layer.setContent(this.edit.nativeElement.childNodes);
        this.layer.change.next(true);
    };
    /*
        selectstart() {
            this.selecting = true;
        }
    
        @HostListener('document:mouseup', ["$event"])
        mouseup() {
            if(this.selecting) {
                this.selecting = false;
                console.log("mouse", window.getSelection())
    
            }
        }
    
    
        @HostListener('document:keyup', ["$event"])
        keyup() {
            if(this.selecting) {
                console.log("key", window.getSelection())
            }
        }
    */
    TextContent.prototype.addField = function () {
        var _this = this;
        this.dlg.open(__WEBPACK_IMPORTED_MODULE_3__field__["a" /* FieldDialog */], this.fields)
            .result.subscribe(function (result) {
            if (result) {
                _this.layer.variables.push(result);
                _this.layer.template += '${' + result.key + '}';
                _this.layer.change.next(true);
            }
        });
    };
    Object.defineProperty(TextContent.prototype, "textcode", {
        get: function () {
            return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_model__["DecodeTextTemplate"])(this.layer.variables, this.layer.template);
        },
        set: function (code) {
            this.code = code;
        },
        enumerable: true,
        configurable: true
    });
    TextContent.prototype.updateText = function () {
        this.layer.template = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__fx_model__["EncodeTextTemplate"])(this.layer.variables, this.code);
        this.layer.change.next(true);
    };
    return TextContent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["TextLayer"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["TextLayer"]) === "function" && _a || Object)
], TextContent.prototype, "layer", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], TextContent.prototype, "fields", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_4" /* ViewChild */])('edit'),
    __metadata("design:type", typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["O" /* ElementRef */]) === "function" && _b || Object)
], TextContent.prototype, "edit", void 0);
TextContent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'TextContent',
        template: __webpack_require__("./src/apps/qx/app/props/textcontent.html"),
    }),
    __metadata("design:paramtypes", [typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__fx_ui__["g" /* DialogService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_ui__["g" /* DialogService */]) === "function" && _c || Object])
], TextContent);

var _a, _b, _c;
//# sourceMappingURL=textcontent.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/transition.html":
/***/ (function(module, exports) {

module.exports = "<div class=\"prop\">\n    <div class=\"name\">Transition</div>\n    <div class=\"value\">\n        <select [(ngModel)]=\"selected\" (ngModelChange)=\"setTransition(selected)\">\n            <option *ngFor=\"let tx of transitions\" [ngValue]=\"tx\">{{tx.name}}</option>    \n        </select>\n    </div>\n</div>\n\n<div *ngIf=\"transition\">\n    <div class=\"prop\">\n        <div class=\"name\">Duration</div>\n        <div class=\"value\">\n            <span number-slider\n                    class=\"fx-value\"\n                    (dragstop)=\"comp.change.next(true)\"\n                    fmt=\"%d\"\n                    [range]=\"maxrange\"\n                    [(ngModel)]=\"duration\"></span> frames\n        </div>\n    </div>\n\n    <InfoProps [props]=\"transition.info()\" [change]=\"comp.change\"></InfoProps>\n</div>"

/***/ }),

/***/ "./src/apps/qx/app/props/transition.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_core__ = __webpack_require__("./src/@fx/core/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TransitionProps; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var TransitionProps = (function () {
    function TransitionProps() {
        this.transitions = [
            { name: "None", tx: null },
            { name: "Fade", tx: __WEBPACK_IMPORTED_MODULE_2__fx_model__["Fade"] },
            { name: "Crossfade", tx: __WEBPACK_IMPORTED_MODULE_2__fx_model__["CrossFade"] },
            { name: "Linear Wipe", tx: __WEBPACK_IMPORTED_MODULE_2__fx_model__["LinearWipe"] },
            { name: "Linear Push", tx: __WEBPACK_IMPORTED_MODULE_2__fx_model__["LinearPush"] },
        ];
        this.selected = this.transitions[0];
        this.maxrange = new __WEBPACK_IMPORTED_MODULE_1__fx_core__["Range"](5, 100);
    }
    TransitionProps.prototype.ngOnChanges = function () {
        var _this = this;
        this.selected = this.transitions[0];
        if (this.comp.transition) {
            this.selected = this.transitions.find(function (t) { return t.name == _this.comp.transition.name; });
        }
    };
    TransitionProps.prototype.setTransition = function (item) {
        this.comp.transition = item.tx ? new item.tx : null;
        this.comp.change.next(true);
    };
    Object.defineProperty(TransitionProps.prototype, "transition", {
        get: function () {
            return this.comp.transition;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(TransitionProps.prototype, "duration", {
        get: function () {
            return this.comp.transition ? this.comp.transition.duration.value : null;
        },
        set: function (d) {
            if (this.comp.transition) {
                this.comp.transition.duration.value = d;
            }
        },
        enumerable: true,
        configurable: true
    });
    return TransitionProps;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__fx_model__["Composition"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_model__["Composition"]) === "function" && _a || Object)
], TransitionProps.prototype, "comp", void 0);
TransitionProps = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'TransitionProps',
        template: __webpack_require__("./src/apps/qx/app/props/transition.html"),
    })
], TransitionProps);

var _a;
//# sourceMappingURL=transition.js.map

/***/ }),

/***/ "./src/apps/qx/app/props/upload.html":
/***/ (function(module, exports) {

module.exports = "<div style=\"width: 500px; height: 200px; padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #444; border: 1px solid #555\">\n\n    <input [(ngModel)]=\"files\" (change)=\"upload($event)\" type=\"file\" id=\"file\" style=\"position: absolute; top: -100px\">\n    \n    <div *ngIf=\"!loading\">\n        <div (click)=\"click()\" style=\"flex: 1; width: 80%; border: 3px dotted #ddd; display: flex;  justify-content: center; align-items: center\">\n            Drop files or click here\n        </div>\n    </div>\n\n    <div *ngIf=\"loading\">\n        <div style=\"flex: 1; width: 80%; border: 3px dotted #ddd; display: flex;  justify-content: center; align-items: center\">\n            <span class=\"fa fa-circle-o-notch fa-spin fa-fw fa-2x\"></span>\n        </div>\n    </div>\n\n    <div style=\"flex: 0 0 40px; width: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center\">\n        <button (click)=\"ref.close(null)\">Cancel</button>\n        <button (click)=\"ok()\">OK</button>\n    </div>\n</div>"

/***/ }),

/***/ "./src/apps/qx/app/props/upload.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_services__ = __webpack_require__("./src/@fx/services/index.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__fx_ui__ = __webpack_require__("./src/@fx/ui/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return UploadDialog; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};



var UploadDialog = (function () {
    function UploadDialog(prj, ref, allowedTypes) {
        this.prj = prj;
        this.ref = ref;
        this.allowedTypes = allowedTypes;
        this.loading = false;
    }
    UploadDialog.prototype.upload = function (event) {
        var _this = this;
        var target = event.target;
        if (target instanceof HTMLInputElement) {
            var files = target.files;
            if (files.length) {
                var file = files[0];
                this.ref.action.next(true);
                this.loading = true;
                this.prj.importFootageFromLocal(file)
                    .then(function (asset) {
                    _this.ref.action.next(true);
                    _this.prj.change.next(true);
                    _this.prj.listAssets().then(function (assets) {
                        _this.loading = false;
                        _this.ref.action.next(false);
                        _this.ref.close(assets.find(function (a) { return a.Name == asset; }));
                    });
                }, function (error) { return console.error("Cannot upload", error); });
            }
        }
    };
    UploadDialog.prototype.click = function () {
        $('#file').click();
    };
    return UploadDialog;
}());
UploadDialog = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'UploadDialog',
        template: __webpack_require__("./src/apps/qx/app/props/upload.html"),
        host: {
            '(mousewheel)': "$event.stopPropagation()"
        }
    }),
    __param(2, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["i" /* Inject */])(__WEBPACK_IMPORTED_MODULE_2__fx_ui__["l" /* FX_DIALOG_DATA */])),
    __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_services__["c" /* ProjectService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_services__["c" /* ProjectService */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__fx_ui__["k" /* DialogRef */]) === "function" && _b || Object, Array])
], UploadDialog);

var _a, _b;
//# sourceMappingURL=upload.js.map

/***/ }),

/***/ "./src/apps/qx/app/timeline.html":
/***/ (function(module, exports) {

module.exports = " <div id=\"timeline2\"  style=\"background: red;  display: flex; flex-direction: row; align-items: center; background: #333;  border-top: 1px solid #555; cursor: default\">\n                \n    <div style=\"flex: 0 0 10px\"></div>\n    <div *ngIf=\"scene && prefs.unit=='timecode'\" style=\"flex: 0 0 90px\"><span class=\"fx-value\" style=\"font-size: 20px\" number-slider [(ngModel)]=\"scene.comp.frame\" [range]=\"scene.comp.inoutrange\" fmt=\"@\" [base]=\"scene.comp.framerate.ratio()\" (drag)=\"scene.comp.change.next(false)\" (dragstop)=\"scene.comp.change.next(true)\"></span></div>\n    <div *ngIf=\"scene && prefs.unit=='frames'\" style=\"flex: 0 0 90px\"><span  class=\"fx-value\" style=\"font-size: 20px\" number-slider [(ngModel)]=\"scene.comp.frame\" [range]=\"scene.comp.inoutrange\" fmt=\"%05d\" (drag)=\"scene.comp.change.next(false)\" (dragstop)=\"scene.comp.change.next(true)\"></span></div>\n\n    <frame-range-ruler *ngIf=\"scene\" style=\"flex: 1 1 100%;\"\n        [showRange]=\"false\"\n        [showIndicator]=\"false\"\n        [resized]=\"resized\"\n        [width]=\"width\"\n        height=\"25\"\n        [numframes]=\"scene.comp.numframes\" \n        [reverse]=\"false\"\n        [(frame)]=\"scene.comp.frame\" \n        [(range)]=\"scene.comp.inoutrange\" \n        (frameChange)=\"scene.comp.change.next(false)\"\n        (dragstop)=\"scene.comp.change.next(null)\">\n    </frame-range-ruler>\n</div>\n\n<div id=\"scenes2\" style=\"flex: 0 0 86px; width: 100%; cursor: default\">\n    <div style=\"flex: 0 0 30px\"></div>\n    <div id=\"scenecontainer\" style=\"flex: 1 1 100%; width: 100%; height: 80px; overflow: auto; display: flex; flex-direction: row;  align-items: center\">\n        <div *ngFor=\"let s of scenes;  let i=index;\" (click)=\"selectScene(s)\"\n            [attr.data-index]=\"i\"\n            >\n            <div style=\"font-size: 9px; margin-left: 10px\">\n                <span *ngIf=\"s.type==ST.Optional\">[</span>\n                Scene {{i+1}}\n                <span *ngIf=\"s.type==ST.Optional\">]</span>\n            </div>\n            <div style=\"margin: 5px 10px; width: 90px; height: 50px;  position: relative\">\n                <div *ngIf=\"s.type == ST.Choice\">\n                    <div style=\"z-index: 2; position: absolute; left: 2px; top: -2px; width: 90px; height: 50px; background: #111; border: 1px solid #888\"></div>\n                    <div style=\"z-index: 1; position: absolute; left: 4px; top: -4px; width: 90px; height: 50px; background: #111; border: 1px solid #999\"></div>\n                </div>\n                <div style=\"z-index: 3; position: absolute; width: 90px; height: 50px; background: #111;\" [ngStyle]=\"{'border': scene==s ? '2px solid #336699' : '2px solid transparent'}\">\n                    <CompThumb style=\"z-index: 3; position: absolute;\" [item]=\"s.comp\" [params]=\"params\" [posterframe]=\"s.comp.poster\" width=\"90\" height=\"50\"></CompThumb>\n                </div>\n                <div *ngIf=\"s.comp.transition\"\n                    style=\"z-index: 4; position: absolute; width: 10px; height: 10px; background-color: yellow\"></div>\n            </div>\n        </div>\n    </div>\n    <div style=\"flex: 0 0 50px; right: 0; bottom: 0; height: 80px; width: 50px; background-color: #373737; display: flex; align-items: center; justify-content: center\">\n        <span (click)=\"addScene()\" class=\"fa fa-plus-square-o\"></span>\n    </div>\n</div>"

/***/ }),

/***/ "./src/apps/qx/app/timeline.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fx_model__ = __webpack_require__("./src/@fx/model/index.ts");
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TimelineComponent; });
var __decorate = (this && this.__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 = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var TimelineComponent = (function () {
    function TimelineComponent() {
        this.sceneSelected = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.sceneAdd = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["H" /* EventEmitter */]();
        this.ST = __WEBPACK_IMPORTED_MODULE_1__fx_model__["SceneType"];
    }
    TimelineComponent.prototype.selectScene = function (s) {
        this.sceneSelected.next(s);
    };
    TimelineComponent.prototype.addScene = function () {
        this.sceneAdd.next();
    };
    return TimelineComponent;
}());
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Array)
], TimelineComponent.prototype, "scenes", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__fx_model__["Scene"] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__fx_model__["Scene"]) === "function" && _a || Object)
], TimelineComponent.prototype, "scene", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Number)
], TimelineComponent.prototype, "width", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], TimelineComponent.prototype, "prefs", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Q" /* Input */])(),
    __metadata("design:type", Object)
], TimelineComponent.prototype, "resized", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], TimelineComponent.prototype, "sceneSelected", void 0);
__decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_7" /* Output */])(),
    __metadata("design:type", Object)
], TimelineComponent.prototype, "sceneAdd", void 0);
TimelineComponent = __decorate([
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* Component */])({
        selector: 'Timeline',
        host: {
            '(mousewheel)': "$event.stopPropagation()",
        },
        template: __webpack_require__("./src/apps/qx/app/timeline.html"),
    })
], TimelineComponent);

var _a;
//# sourceMappingURL=timeline.js.map

/***/ }),

/***/ "./src/apps/qx/environments/environment.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return environment; });
// The file contents for the current environment will overwrite these during build.
// The build system defaults to the dev environment which uses `environment.ts`, but if you do
// `ng build --env=prod` then `environment.prod.ts` will be used instead.
// The list of which env maps to which file can be found in `.angular-cli.json`.
// The file contents for the current environment will overwrite these during build.
var environment = {
    production: false
};
//# sourceMappingURL=environment.js.map

/***/ }),

/***/ "./src/apps/qx/main.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("./node_modules/@angular/core/@angular/core.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_dynamic__ = __webpack_require__("./node_modules/@angular/platform-browser-dynamic/@angular/platform-browser-dynamic.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__app_app_module__ = __webpack_require__("./src/apps/qx/app/app.module.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__environments_environment__ = __webpack_require__("./src/apps/qx/environments/environment.ts");
/// <reference path="../../../node_modules/protobufjs/stub-node.d.ts"/>
// <reference path="../node_modules/protobufjs/stub-long.d.ts"/>




if (__WEBPACK_IMPORTED_MODULE_3__environments_environment__["a" /* environment */].production) {
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["a" /* enableProdMode */])();
}
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_dynamic__["a" /* platformBrowserDynamic */])().bootstrapModule(__WEBPACK_IMPORTED_MODULE_2__app_app_module__["a" /* AppModule */]);
//# sourceMappingURL=main.js.map

/***/ }),

/***/ "./src/proto/Movie.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_long__ = __webpack_require__("./node_modules/long/dist/long.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_long___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_long__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_bytebuffer__ = __webpack_require__("./node_modules/bytebuffer/dist/bytebuffer.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_bytebuffer___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_bytebuffer__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_protobufjs__ = __webpack_require__("./node_modules/protobufjs/index.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_protobufjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_protobufjs__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return JetSDL; });
/*eslint-disable block-scoped-var, no-redeclare, no-control-regex, no-prototype-builtins*/


//var $protobuf = require("protobufjs/minimal");




// Common aliases
var $Reader = __WEBPACK_IMPORTED_MODULE_2_protobufjs__["Reader"], $Writer = __WEBPACK_IMPORTED_MODULE_2_protobufjs__["Writer"], $util = __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"];

// Exported root namespace
var $root = __WEBPACK_IMPORTED_MODULE_2_protobufjs__["roots"]["default"] || (__WEBPACK_IMPORTED_MODULE_2_protobufjs__["roots"]["default"] = {});

$root.JetSDL = (function() {

    /**
     * Namespace JetSDL.
     * @exports JetSDL
     * @namespace
     */
    var JetSDL = {};

    JetSDL.Proto = (function() {

        /**
         * Namespace Proto.
         * @exports JetSDL.Proto
         * @namespace
         */
        var Proto = {};

        /**
         * Codec enum.
         * @name Codec
         * @memberof JetSDL.Proto
         * @enum {number}
         * @property {number} VIDEO_NONE=0 VIDEO_NONE value
         * @property {number} VIDEO_FLV=1 VIDEO_FLV value
         * @property {number} VIDEO_H263=2 VIDEO_H263 value
         * @property {number} VIDEO_E264=3 VIDEO_E264 value
         * @property {number} VIDEO_H264=4 VIDEO_H264 value
         * @property {number} VIDEO_X264_BASELINE=5 VIDEO_X264_BASELINE value
         * @property {number} VIDEO_X264=6 VIDEO_X264 value
         * @property {number} VIDEO_X264_HIGH=16 VIDEO_X264_HIGH value
         * @property {number} VIDEO_VP8=14 VIDEO_VP8 value
         * @property {number} VIDEO_MPEG2=17 VIDEO_MPEG2 value
         * @property {number} VIDEO_WMV=18 VIDEO_WMV value
         * @property {number} VIDEO_GIF=19 VIDEO_GIF value
         * @property {number} VIDEO_PRORES=20 VIDEO_PRORES value
         * @property {number} AUDIO_NONE=0 AUDIO_NONE value
         * @property {number} AUDIO_AAC=7 AUDIO_AAC value
         * @property {number} AUDIO_MP2=8 AUDIO_MP2 value
         * @property {number} AUDIO_MP3=9 AUDIO_MP3 value
         * @property {number} AUDIO_EAAC=11 AUDIO_EAAC value
         * @property {number} AUDIO_AMR_NB=12 AUDIO_AMR_NB value
         * @property {number} AUDIO_AMR_WB=13 AUDIO_AMR_WB value
         * @property {number} AUDIO_VORBIS=15 AUDIO_VORBIS value
         */
        Proto.Codec = (function() {
            var valuesById = {}, values = Object.create(valuesById);
            values[valuesById[0] = "VIDEO_NONE"] = 0;
            values[valuesById[1] = "VIDEO_FLV"] = 1;
            values[valuesById[2] = "VIDEO_H263"] = 2;
            values[valuesById[3] = "VIDEO_E264"] = 3;
            values[valuesById[4] = "VIDEO_H264"] = 4;
            values[valuesById[5] = "VIDEO_X264_BASELINE"] = 5;
            values[valuesById[6] = "VIDEO_X264"] = 6;
            values[valuesById[16] = "VIDEO_X264_HIGH"] = 16;
            values[valuesById[14] = "VIDEO_VP8"] = 14;
            values[valuesById[17] = "VIDEO_MPEG2"] = 17;
            values[valuesById[18] = "VIDEO_WMV"] = 18;
            values[valuesById[19] = "VIDEO_GIF"] = 19;
            values[valuesById[20] = "VIDEO_PRORES"] = 20;
            values["AUDIO_NONE"] = 0;
            values[valuesById[7] = "AUDIO_AAC"] = 7;
            values[valuesById[8] = "AUDIO_MP2"] = 8;
            values[valuesById[9] = "AUDIO_MP3"] = 9;
            values[valuesById[11] = "AUDIO_EAAC"] = 11;
            values[valuesById[12] = "AUDIO_AMR_NB"] = 12;
            values[valuesById[13] = "AUDIO_AMR_WB"] = 13;
            values[valuesById[15] = "AUDIO_VORBIS"] = 15;
            return values;
        })();

        Proto.Fractional = (function() {

            /**
             * Properties of a Fractional.
             * @typedef JetSDL.Proto.Fractional$Properties
             * @type {Object}
             * @property {number|Long} [num] Fractional num.
             * @property {number|Long} [den] Fractional den.
             */

            /**
             * Constructs a new Fractional.
             * @exports JetSDL.Proto.Fractional
             * @constructor
             * @param {JetSDL.Proto.Fractional$Properties=} [properties] Properties to set
             */
            function Fractional(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Fractional num.
             * @type {number|Long}
             */
            Fractional.prototype.num = $util.Long ? $util.Long.fromBits(30,0,true) : 30;

            /**
             * Fractional den.
             * @type {number|Long}
             */
            Fractional.prototype.den = $util.Long ? $util.Long.fromBits(1,0,true) : 1;

            /**
             * Creates a new Fractional instance using the specified properties.
             * @param {JetSDL.Proto.Fractional$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Fractional} Fractional instance
             */
            Fractional.create = function create(properties) {
                return new Fractional(properties);
            };

            /**
             * Encodes the specified Fractional message. Does not implicitly {@link JetSDL.Proto.Fractional.verify|verify} messages.
             * @param {JetSDL.Proto.Fractional$Properties} message Fractional message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Fractional.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.num != null && message.hasOwnProperty("num"))
                    writer.uint32(/* id 1, wireType 0 =*/8).uint64(message.num);
                if (message.den != null && message.hasOwnProperty("den"))
                    writer.uint32(/* id 2, wireType 0 =*/16).uint64(message.den);
                return writer;
            };

            /**
             * Encodes the specified Fractional message, length delimited. Does not implicitly {@link JetSDL.Proto.Fractional.verify|verify} messages.
             * @param {JetSDL.Proto.Fractional$Properties} message Fractional message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Fractional.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Fractional message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Fractional} Fractional
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Fractional.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Fractional();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.num = reader.uint64();
                        break;
                    case 2:
                        message.den = reader.uint64();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a Fractional message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Fractional} Fractional
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Fractional.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Fractional message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Fractional.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.num != null && message.hasOwnProperty("num"))
                    if (!$util.isInteger(message.num) && !(message.num && $util.isInteger(message.num.low) && $util.isInteger(message.num.high)))
                        return "num: integer|Long expected";
                if (message.den != null && message.hasOwnProperty("den"))
                    if (!$util.isInteger(message.den) && !(message.den && $util.isInteger(message.den.low) && $util.isInteger(message.den.high)))
                        return "den: integer|Long expected";
                return null;
            };

            /**
             * Creates a Fractional message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Fractional} Fractional
             */
            Fractional.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Fractional)
                    return object;
                var message = new $root.JetSDL.Proto.Fractional();
                if (object.num != null)
                    if ($util.Long)
                        (message.num = $util.Long.fromValue(object.num)).unsigned = true;
                    else if (typeof object.num === "string")
                        message.num = parseInt(object.num, 10);
                    else if (typeof object.num === "number")
                        message.num = object.num;
                    else if (typeof object.num === "object")
                        message.num = new $util.LongBits(object.num.low >>> 0, object.num.high >>> 0).toNumber(true);
                if (object.den != null)
                    if ($util.Long)
                        (message.den = $util.Long.fromValue(object.den)).unsigned = true;
                    else if (typeof object.den === "string")
                        message.den = parseInt(object.den, 10);
                    else if (typeof object.den === "number")
                        message.den = object.den;
                    else if (typeof object.den === "object")
                        message.den = new $util.LongBits(object.den.low >>> 0, object.den.high >>> 0).toNumber(true);
                return message;
            };

            /**
             * Creates a Fractional message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Fractional.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Fractional} Fractional
             */
            Fractional.from = Fractional.fromObject;

            /**
             * Creates a plain object from a Fractional message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Fractional} message Fractional
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Fractional.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    if ($util.Long) {
                        var long = new $util.Long(30, 0, true);
                        object.num = options.longs === String ? long.toString() : options.longs === Number ? long.toNumber() : long;
                    } else
                        object.num = options.longs === String ? "30" : 30;
                    if ($util.Long) {
                        var long = new $util.Long(1, 0, true);
                        object.den = options.longs === String ? long.toString() : options.longs === Number ? long.toNumber() : long;
                    } else
                        object.den = options.longs === String ? "1" : 1;
                }
                if (message.num != null && message.hasOwnProperty("num"))
                    if (typeof message.num === "number")
                        object.num = options.longs === String ? String(message.num) : message.num;
                    else
                        object.num = options.longs === String ? $util.Long.prototype.toString.call(message.num) : options.longs === Number ? new $util.LongBits(message.num.low >>> 0, message.num.high >>> 0).toNumber(true) : message.num;
                if (message.den != null && message.hasOwnProperty("den"))
                    if (typeof message.den === "number")
                        object.den = options.longs === String ? String(message.den) : message.den;
                    else
                        object.den = options.longs === String ? $util.Long.prototype.toString.call(message.den) : options.longs === Number ? new $util.LongBits(message.den.low >>> 0, message.den.high >>> 0).toNumber(true) : message.den;
                return object;
            };

            /**
             * Creates a plain object from this Fractional message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Fractional.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Fractional to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Fractional.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return Fractional;
        })();

        Proto.StreamParams = (function() {

            /**
             * Properties of a StreamParams.
             * @typedef JetSDL.Proto.StreamParams$Properties
             * @type {Object}
             * @property {JetSDL.Proto.VideoParams$Properties} vparams StreamParams vparams.
             * @property {JetSDL.Proto.AudioParams$Properties} [aparams] StreamParams aparams.
             * @property {boolean} [nosleep] StreamParams nosleep.
             * @property {number} [pass] StreamParams pass.
             * @property {string} [statfile] StreamParams statfile.
             * @property {number} [clientPrebuffer] StreamParams clientPrebuffer.
             * @property {number} [encodingQuantum] StreamParams encodingQuantum.
             * @property {number} [minClientBuffer] StreamParams minClientBuffer.
             * @property {JetSDL.Proto.Color$Properties} [defaultImageColor] StreamParams defaultImageColor.
             */

            /**
             * Constructs a new StreamParams.
             * @exports JetSDL.Proto.StreamParams
             * @constructor
             * @param {JetSDL.Proto.StreamParams$Properties=} [properties] Properties to set
             */
            function StreamParams(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * StreamParams vparams.
             * @type {JetSDL.Proto.VideoParams$Properties}
             */
            StreamParams.prototype.vparams = null;

            /**
             * StreamParams aparams.
             * @type {(JetSDL.Proto.AudioParams$Properties|null)}
             */
            StreamParams.prototype.aparams = null;

            /**
             * StreamParams nosleep.
             * @type {boolean}
             */
            StreamParams.prototype.nosleep = true;

            /**
             * StreamParams pass.
             * @type {number}
             */
            StreamParams.prototype.pass = 0;

            /**
             * StreamParams statfile.
             * @type {string}
             */
            StreamParams.prototype.statfile = "";

            /**
             * StreamParams clientPrebuffer.
             * @type {number}
             */
            StreamParams.prototype.clientPrebuffer = -1;

            /**
             * StreamParams encodingQuantum.
             * @type {number}
             */
            StreamParams.prototype.encodingQuantum = -1;

            /**
             * StreamParams minClientBuffer.
             * @type {number}
             */
            StreamParams.prototype.minClientBuffer = 2;

            /**
             * StreamParams defaultImageColor.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            StreamParams.prototype.defaultImageColor = null;

            /**
             * Creates a new StreamParams instance using the specified properties.
             * @param {JetSDL.Proto.StreamParams$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.StreamParams} StreamParams instance
             */
            StreamParams.create = function create(properties) {
                return new StreamParams(properties);
            };

            /**
             * Encodes the specified StreamParams message. Does not implicitly {@link JetSDL.Proto.StreamParams.verify|verify} messages.
             * @param {JetSDL.Proto.StreamParams$Properties} message StreamParams message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            StreamParams.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                $root.JetSDL.Proto.VideoParams.encode(message.vparams, writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();
                if (message.aparams != null && message.hasOwnProperty("aparams"))
                    $root.JetSDL.Proto.AudioParams.encode(message.aparams, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.nosleep != null && message.hasOwnProperty("nosleep"))
                    writer.uint32(/* id 3, wireType 0 =*/24).bool(message.nosleep);
                if (message.statfile != null && message.hasOwnProperty("statfile"))
                    writer.uint32(/* id 4, wireType 2 =*/34).string(message.statfile);
                if (message.pass != null && message.hasOwnProperty("pass"))
                    writer.uint32(/* id 5, wireType 0 =*/40).int32(message.pass);
                if (message.minClientBuffer != null && message.hasOwnProperty("minClientBuffer"))
                    writer.uint32(/* id 6, wireType 1 =*/49).double(message.minClientBuffer);
                if (message.clientPrebuffer != null && message.hasOwnProperty("clientPrebuffer"))
                    writer.uint32(/* id 7, wireType 1 =*/57).double(message.clientPrebuffer);
                if (message.encodingQuantum != null && message.hasOwnProperty("encodingQuantum"))
                    writer.uint32(/* id 8, wireType 1 =*/65).double(message.encodingQuantum);
                if (message.defaultImageColor != null && message.hasOwnProperty("defaultImageColor"))
                    $root.JetSDL.Proto.Color.encode(message.defaultImageColor, writer.uint32(/* id 9, wireType 2 =*/74).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified StreamParams message, length delimited. Does not implicitly {@link JetSDL.Proto.StreamParams.verify|verify} messages.
             * @param {JetSDL.Proto.StreamParams$Properties} message StreamParams message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            StreamParams.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a StreamParams message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.StreamParams} StreamParams
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            StreamParams.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.StreamParams();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.vparams = $root.JetSDL.Proto.VideoParams.decode(reader, reader.uint32());
                        break;
                    case 2:
                        message.aparams = $root.JetSDL.Proto.AudioParams.decode(reader, reader.uint32());
                        break;
                    case 3:
                        message.nosleep = reader.bool();
                        break;
                    case 5:
                        message.pass = reader.int32();
                        break;
                    case 4:
                        message.statfile = reader.string();
                        break;
                    case 7:
                        message.clientPrebuffer = reader.double();
                        break;
                    case 8:
                        message.encodingQuantum = reader.double();
                        break;
                    case 6:
                        message.minClientBuffer = reader.double();
                        break;
                    case 9:
                        message.defaultImageColor = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("vparams"))
                    throw $util.ProtocolError("missing required 'vparams'", { instance: message });
                return message;
            };

            /**
             * Decodes a StreamParams message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.StreamParams} StreamParams
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            StreamParams.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a StreamParams message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            StreamParams.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                var error = $root.JetSDL.Proto.VideoParams.verify(message.vparams);
                if (error)
                    return "vparams." + error;
                if (message.aparams != null && message.hasOwnProperty("aparams")) {
                    var error = $root.JetSDL.Proto.AudioParams.verify(message.aparams);
                    if (error)
                        return "aparams." + error;
                }
                if (message.nosleep != null && message.hasOwnProperty("nosleep"))
                    if (typeof message.nosleep !== "boolean")
                        return "nosleep: boolean expected";
                if (message.pass != null && message.hasOwnProperty("pass"))
                    if (!$util.isInteger(message.pass))
                        return "pass: integer expected";
                if (message.statfile != null && message.hasOwnProperty("statfile"))
                    if (!$util.isString(message.statfile))
                        return "statfile: string expected";
                if (message.clientPrebuffer != null && message.hasOwnProperty("clientPrebuffer"))
                    if (typeof message.clientPrebuffer !== "number")
                        return "clientPrebuffer: number expected";
                if (message.encodingQuantum != null && message.hasOwnProperty("encodingQuantum"))
                    if (typeof message.encodingQuantum !== "number")
                        return "encodingQuantum: number expected";
                if (message.minClientBuffer != null && message.hasOwnProperty("minClientBuffer"))
                    if (typeof message.minClientBuffer !== "number")
                        return "minClientBuffer: number expected";
                if (message.defaultImageColor != null && message.hasOwnProperty("defaultImageColor")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.defaultImageColor);
                    if (error)
                        return "defaultImageColor." + error;
                }
                return null;
            };

            /**
             * Creates a StreamParams message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.StreamParams} StreamParams
             */
            StreamParams.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.StreamParams)
                    return object;
                var message = new $root.JetSDL.Proto.StreamParams();
                if (object.vparams != null) {
                    if (typeof object.vparams !== "object")
                        throw TypeError(".JetSDL.Proto.StreamParams.vparams: object expected");
                    message.vparams = $root.JetSDL.Proto.VideoParams.fromObject(object.vparams);
                }
                if (object.aparams != null) {
                    if (typeof object.aparams !== "object")
                        throw TypeError(".JetSDL.Proto.StreamParams.aparams: object expected");
                    message.aparams = $root.JetSDL.Proto.AudioParams.fromObject(object.aparams);
                }
                if (object.nosleep != null)
                    message.nosleep = Boolean(object.nosleep);
                if (object.pass != null)
                    message.pass = object.pass | 0;
                if (object.statfile != null)
                    message.statfile = String(object.statfile);
                if (object.clientPrebuffer != null)
                    message.clientPrebuffer = Number(object.clientPrebuffer);
                if (object.encodingQuantum != null)
                    message.encodingQuantum = Number(object.encodingQuantum);
                if (object.minClientBuffer != null)
                    message.minClientBuffer = Number(object.minClientBuffer);
                if (object.defaultImageColor != null) {
                    if (typeof object.defaultImageColor !== "object")
                        throw TypeError(".JetSDL.Proto.StreamParams.defaultImageColor: object expected");
                    message.defaultImageColor = $root.JetSDL.Proto.Color.fromObject(object.defaultImageColor);
                }
                return message;
            };

            /**
             * Creates a StreamParams message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.StreamParams.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.StreamParams} StreamParams
             */
            StreamParams.from = StreamParams.fromObject;

            /**
             * Creates a plain object from a StreamParams message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.StreamParams} message StreamParams
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            StreamParams.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.vparams = null;
                    object.aparams = null;
                    object.nosleep = true;
                    object.statfile = "";
                    object.pass = 0;
                    object.minClientBuffer = 2;
                    object.clientPrebuffer = -1;
                    object.encodingQuantum = -1;
                    object.defaultImageColor = null;
                }
                if (message.vparams != null && message.hasOwnProperty("vparams"))
                    object.vparams = $root.JetSDL.Proto.VideoParams.toObject(message.vparams, options);
                if (message.aparams != null && message.hasOwnProperty("aparams"))
                    object.aparams = $root.JetSDL.Proto.AudioParams.toObject(message.aparams, options);
                if (message.nosleep != null && message.hasOwnProperty("nosleep"))
                    object.nosleep = message.nosleep;
                if (message.statfile != null && message.hasOwnProperty("statfile"))
                    object.statfile = message.statfile;
                if (message.pass != null && message.hasOwnProperty("pass"))
                    object.pass = message.pass;
                if (message.minClientBuffer != null && message.hasOwnProperty("minClientBuffer"))
                    object.minClientBuffer = message.minClientBuffer;
                if (message.clientPrebuffer != null && message.hasOwnProperty("clientPrebuffer"))
                    object.clientPrebuffer = message.clientPrebuffer;
                if (message.encodingQuantum != null && message.hasOwnProperty("encodingQuantum"))
                    object.encodingQuantum = message.encodingQuantum;
                if (message.defaultImageColor != null && message.hasOwnProperty("defaultImageColor"))
                    object.defaultImageColor = $root.JetSDL.Proto.Color.toObject(message.defaultImageColor, options);
                return object;
            };

            /**
             * Creates a plain object from this StreamParams message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            StreamParams.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this StreamParams to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            StreamParams.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return StreamParams;
        })();

        Proto.VideoParams = (function() {

            /**
             * Properties of a VideoParams.
             * @typedef JetSDL.Proto.VideoParams$Properties
             * @type {Object}
             * @property {number} width VideoParams width.
             * @property {number} height VideoParams height.
             * @property {JetSDL.Proto.Codec} [videocodec] VideoParams videocodec.
             * @property {JetSDL.Proto.Fractional$Properties} [videoframerate] VideoParams videoframerate.
             * @property {number} [videobitrate] VideoParams videobitrate.
             * @property {number} [videobframes] VideoParams videobframes.
             * @property {number} [videogopsize] VideoParams videogopsize.
             * @property {number} [videoqp] VideoParams videoqp.
             * @property {JetSDL.Proto.VideoParams.VideoRateControl} [videorc] VideoParams videorc.
             * @property {number} [videocpueffort] VideoParams videocpueffort.
             * @property {JetSDL.Proto.VideoParams.EncoderDelayReq} [videodelayrequirement] VideoParams videodelayrequirement.
             * @property {boolean} [videotransparency] VideoParams videotransparency.
             * @property {Array.<JetSDL.Proto.KeyValuePair$Properties>} [videocodecextraparams] VideoParams videocodecextraparams.
             */

            /**
             * Constructs a new VideoParams.
             * @exports JetSDL.Proto.VideoParams
             * @constructor
             * @param {JetSDL.Proto.VideoParams$Properties=} [properties] Properties to set
             */
            function VideoParams(properties) {
                this.videocodecextraparams = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * VideoParams width.
             * @type {number}
             */
            VideoParams.prototype.width = 0;

            /**
             * VideoParams height.
             * @type {number}
             */
            VideoParams.prototype.height = 0;

            /**
             * VideoParams videocodec.
             * @type {JetSDL.Proto.Codec}
             */
            VideoParams.prototype.videocodec = 6;

            /**
             * VideoParams videoframerate.
             * @type {(JetSDL.Proto.Fractional$Properties|null)}
             */
            VideoParams.prototype.videoframerate = null;

            /**
             * VideoParams videobitrate.
             * @type {number}
             */
            VideoParams.prototype.videobitrate = 2000;

            /**
             * VideoParams videobframes.
             * @type {number}
             */
            VideoParams.prototype.videobframes = 0;

            /**
             * VideoParams videogopsize.
             * @type {number}
             */
            VideoParams.prototype.videogopsize = 30;

            /**
             * VideoParams videoqp.
             * @type {number}
             */
            VideoParams.prototype.videoqp = 16;

            /**
             * VideoParams videorc.
             * @type {JetSDL.Proto.VideoParams.VideoRateControl}
             */
            VideoParams.prototype.videorc = 0;

            /**
             * VideoParams videocpueffort.
             * @type {number}
             */
            VideoParams.prototype.videocpueffort = 10;

            /**
             * VideoParams videodelayrequirement.
             * @type {JetSDL.Proto.VideoParams.EncoderDelayReq}
             */
            VideoParams.prototype.videodelayrequirement = 1;

            /**
             * VideoParams videotransparency.
             * @type {boolean}
             */
            VideoParams.prototype.videotransparency = false;

            /**
             * VideoParams videocodecextraparams.
             * @type {Array.<JetSDL.Proto.KeyValuePair$Properties>}
             */
            VideoParams.prototype.videocodecextraparams = $util.emptyArray;

            /**
             * Creates a new VideoParams instance using the specified properties.
             * @param {JetSDL.Proto.VideoParams$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.VideoParams} VideoParams instance
             */
            VideoParams.create = function create(properties) {
                return new VideoParams(properties);
            };

            /**
             * Encodes the specified VideoParams message. Does not implicitly {@link JetSDL.Proto.VideoParams.verify|verify} messages.
             * @param {JetSDL.Proto.VideoParams$Properties} message VideoParams message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            VideoParams.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.width);
                writer.uint32(/* id 2, wireType 0 =*/16).uint32(message.height);
                if (message.videocodec != null && message.hasOwnProperty("videocodec"))
                    writer.uint32(/* id 5, wireType 0 =*/40).uint32(message.videocodec);
                if (message.videoframerate != null && message.hasOwnProperty("videoframerate"))
                    $root.JetSDL.Proto.Fractional.encode(message.videoframerate, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                if (message.videobitrate != null && message.hasOwnProperty("videobitrate"))
                    writer.uint32(/* id 7, wireType 0 =*/56).uint32(message.videobitrate);
                if (message.videobframes != null && message.hasOwnProperty("videobframes"))
                    writer.uint32(/* id 8, wireType 0 =*/64).int32(message.videobframes);
                if (message.videogopsize != null && message.hasOwnProperty("videogopsize"))
                    writer.uint32(/* id 9, wireType 0 =*/72).int32(message.videogopsize);
                if (message.videoqp != null && message.hasOwnProperty("videoqp"))
                    writer.uint32(/* id 10, wireType 0 =*/80).int32(message.videoqp);
                if (message.videorc != null && message.hasOwnProperty("videorc"))
                    writer.uint32(/* id 11, wireType 0 =*/88).uint32(message.videorc);
                if (message.videocpueffort != null && message.hasOwnProperty("videocpueffort"))
                    writer.uint32(/* id 12, wireType 1 =*/97).double(message.videocpueffort);
                if (message.videodelayrequirement != null && message.hasOwnProperty("videodelayrequirement"))
                    writer.uint32(/* id 13, wireType 0 =*/104).uint32(message.videodelayrequirement);
                if (message.videocodecextraparams != null && message.videocodecextraparams.length)
                    for (var i = 0; i < message.videocodecextraparams.length; ++i)
                        $root.JetSDL.Proto.KeyValuePair.encode(message.videocodecextraparams[i], writer.uint32(/* id 14, wireType 2 =*/114).fork()).ldelim();
                if (message.videotransparency != null && message.hasOwnProperty("videotransparency"))
                    writer.uint32(/* id 15, wireType 0 =*/120).bool(message.videotransparency);
                return writer;
            };

            /**
             * Encodes the specified VideoParams message, length delimited. Does not implicitly {@link JetSDL.Proto.VideoParams.verify|verify} messages.
             * @param {JetSDL.Proto.VideoParams$Properties} message VideoParams message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            VideoParams.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a VideoParams message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.VideoParams} VideoParams
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            VideoParams.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.VideoParams();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.width = reader.uint32();
                        break;
                    case 2:
                        message.height = reader.uint32();
                        break;
                    case 5:
                        message.videocodec = reader.uint32();
                        break;
                    case 6:
                        message.videoframerate = $root.JetSDL.Proto.Fractional.decode(reader, reader.uint32());
                        break;
                    case 7:
                        message.videobitrate = reader.uint32();
                        break;
                    case 8:
                        message.videobframes = reader.int32();
                        break;
                    case 9:
                        message.videogopsize = reader.int32();
                        break;
                    case 10:
                        message.videoqp = reader.int32();
                        break;
                    case 11:
                        message.videorc = reader.uint32();
                        break;
                    case 12:
                        message.videocpueffort = reader.double();
                        break;
                    case 13:
                        message.videodelayrequirement = reader.uint32();
                        break;
                    case 15:
                        message.videotransparency = reader.bool();
                        break;
                    case 14:
                        if (!(message.videocodecextraparams && message.videocodecextraparams.length))
                            message.videocodecextraparams = [];
                        message.videocodecextraparams.push($root.JetSDL.Proto.KeyValuePair.decode(reader, reader.uint32()));
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("width"))
                    throw $util.ProtocolError("missing required 'width'", { instance: message });
                if (!message.hasOwnProperty("height"))
                    throw $util.ProtocolError("missing required 'height'", { instance: message });
                return message;
            };

            /**
             * Decodes a VideoParams message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.VideoParams} VideoParams
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            VideoParams.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a VideoParams message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            VideoParams.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (!$util.isInteger(message.width))
                    return "width: integer expected";
                if (!$util.isInteger(message.height))
                    return "height: integer expected";
                if (message.videocodec != null && message.hasOwnProperty("videocodec"))
                    switch (message.videocodec) {
                    default:
                        return "videocodec: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                    case 6:
                    case 16:
                    case 14:
                    case 17:
                    case 18:
                    case 19:
                    case 20:
                    case 0:
                    case 7:
                    case 8:
                    case 9:
                    case 11:
                    case 12:
                    case 13:
                    case 15:
                        break;
                    }
                if (message.videoframerate != null && message.hasOwnProperty("videoframerate")) {
                    var error = $root.JetSDL.Proto.Fractional.verify(message.videoframerate);
                    if (error)
                        return "videoframerate." + error;
                }
                if (message.videobitrate != null && message.hasOwnProperty("videobitrate"))
                    if (!$util.isInteger(message.videobitrate))
                        return "videobitrate: integer expected";
                if (message.videobframes != null && message.hasOwnProperty("videobframes"))
                    if (!$util.isInteger(message.videobframes))
                        return "videobframes: integer expected";
                if (message.videogopsize != null && message.hasOwnProperty("videogopsize"))
                    if (!$util.isInteger(message.videogopsize))
                        return "videogopsize: integer expected";
                if (message.videoqp != null && message.hasOwnProperty("videoqp"))
                    if (!$util.isInteger(message.videoqp))
                        return "videoqp: integer expected";
                if (message.videorc != null && message.hasOwnProperty("videorc"))
                    switch (message.videorc) {
                    default:
                        return "videorc: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                        break;
                    }
                if (message.videocpueffort != null && message.hasOwnProperty("videocpueffort"))
                    if (typeof message.videocpueffort !== "number")
                        return "videocpueffort: number expected";
                if (message.videodelayrequirement != null && message.hasOwnProperty("videodelayrequirement"))
                    switch (message.videodelayrequirement) {
                    default:
                        return "videodelayrequirement: enum value expected";
                    case 1:
                    case 2:
                        break;
                    }
                if (message.videotransparency != null && message.hasOwnProperty("videotransparency"))
                    if (typeof message.videotransparency !== "boolean")
                        return "videotransparency: boolean expected";
                if (message.videocodecextraparams != null && message.hasOwnProperty("videocodecextraparams")) {
                    if (!Array.isArray(message.videocodecextraparams))
                        return "videocodecextraparams: array expected";
                    for (var i = 0; i < message.videocodecextraparams.length; ++i) {
                        var error = $root.JetSDL.Proto.KeyValuePair.verify(message.videocodecextraparams[i]);
                        if (error)
                            return "videocodecextraparams." + error;
                    }
                }
                return null;
            };

            /**
             * Creates a VideoParams message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.VideoParams} VideoParams
             */
            VideoParams.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.VideoParams)
                    return object;
                var message = new $root.JetSDL.Proto.VideoParams();
                if (object.width != null)
                    message.width = object.width >>> 0;
                if (object.height != null)
                    message.height = object.height >>> 0;
                switch (object.videocodec) {
                case "VIDEO_NONE":
                case 0:
                    message.videocodec = 0;
                    break;
                case "VIDEO_FLV":
                case 1:
                    message.videocodec = 1;
                    break;
                case "VIDEO_H263":
                case 2:
                    message.videocodec = 2;
                    break;
                case "VIDEO_E264":
                case 3:
                    message.videocodec = 3;
                    break;
                case "VIDEO_H264":
                case 4:
                    message.videocodec = 4;
                    break;
                case "VIDEO_X264_BASELINE":
                case 5:
                    message.videocodec = 5;
                    break;
                case "VIDEO_X264":
                case 6:
                    message.videocodec = 6;
                    break;
                case "VIDEO_X264_HIGH":
                case 16:
                    message.videocodec = 16;
                    break;
                case "VIDEO_VP8":
                case 14:
                    message.videocodec = 14;
                    break;
                case "VIDEO_MPEG2":
                case 17:
                    message.videocodec = 17;
                    break;
                case "VIDEO_WMV":
                case 18:
                    message.videocodec = 18;
                    break;
                case "VIDEO_GIF":
                case 19:
                    message.videocodec = 19;
                    break;
                case "VIDEO_PRORES":
                case 20:
                    message.videocodec = 20;
                    break;
                case "AUDIO_NONE":
                case 0:
                    message.videocodec = 0;
                    break;
                case "AUDIO_AAC":
                case 7:
                    message.videocodec = 7;
                    break;
                case "AUDIO_MP2":
                case 8:
                    message.videocodec = 8;
                    break;
                case "AUDIO_MP3":
                case 9:
                    message.videocodec = 9;
                    break;
                case "AUDIO_EAAC":
                case 11:
                    message.videocodec = 11;
                    break;
                case "AUDIO_AMR_NB":
                case 12:
                    message.videocodec = 12;
                    break;
                case "AUDIO_AMR_WB":
                case 13:
                    message.videocodec = 13;
                    break;
                case "AUDIO_VORBIS":
                case 15:
                    message.videocodec = 15;
                    break;
                }
                if (object.videoframerate != null) {
                    if (typeof object.videoframerate !== "object")
                        throw TypeError(".JetSDL.Proto.VideoParams.videoframerate: object expected");
                    message.videoframerate = $root.JetSDL.Proto.Fractional.fromObject(object.videoframerate);
                }
                if (object.videobitrate != null)
                    message.videobitrate = object.videobitrate >>> 0;
                if (object.videobframes != null)
                    message.videobframes = object.videobframes | 0;
                if (object.videogopsize != null)
                    message.videogopsize = object.videogopsize | 0;
                if (object.videoqp != null)
                    message.videoqp = object.videoqp | 0;
                switch (object.videorc) {
                case "VRC_BITRATE":
                case 0:
                    message.videorc = 0;
                    break;
                case "VRC_QUANTIZER":
                case 1:
                    message.videorc = 1;
                    break;
                case "VRC_RATEFACTOR":
                case 2:
                    message.videorc = 2;
                    break;
                }
                if (object.videocpueffort != null)
                    message.videocpueffort = Number(object.videocpueffort);
                switch (object.videodelayrequirement) {
                case "DELAY_REALTIME":
                case 1:
                    message.videodelayrequirement = 1;
                    break;
                case "DELAY_SMALL":
                case 2:
                    message.videodelayrequirement = 2;
                    break;
                }
                if (object.videotransparency != null)
                    message.videotransparency = Boolean(object.videotransparency);
                if (object.videocodecextraparams) {
                    if (!Array.isArray(object.videocodecextraparams))
                        throw TypeError(".JetSDL.Proto.VideoParams.videocodecextraparams: array expected");
                    message.videocodecextraparams = [];
                    for (var i = 0; i < object.videocodecextraparams.length; ++i) {
                        if (typeof object.videocodecextraparams[i] !== "object")
                            throw TypeError(".JetSDL.Proto.VideoParams.videocodecextraparams: object expected");
                        message.videocodecextraparams[i] = $root.JetSDL.Proto.KeyValuePair.fromObject(object.videocodecextraparams[i]);
                    }
                }
                return message;
            };

            /**
             * Creates a VideoParams message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.VideoParams.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.VideoParams} VideoParams
             */
            VideoParams.from = VideoParams.fromObject;

            /**
             * Creates a plain object from a VideoParams message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.VideoParams} message VideoParams
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            VideoParams.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.videocodecextraparams = [];
                if (options.defaults) {
                    object.width = 0;
                    object.height = 0;
                    object.videocodec = options.enums === String ? "VIDEO_X264" : 6;
                    object.videoframerate = null;
                    object.videobitrate = 2000;
                    object.videobframes = 0;
                    object.videogopsize = 30;
                    object.videoqp = 16;
                    object.videorc = options.enums === String ? "VRC_BITRATE" : 0;
                    object.videocpueffort = 10;
                    object.videodelayrequirement = options.enums === String ? "DELAY_REALTIME" : 1;
                    object.videotransparency = false;
                }
                if (message.width != null && message.hasOwnProperty("width"))
                    object.width = message.width;
                if (message.height != null && message.hasOwnProperty("height"))
                    object.height = message.height;
                if (message.videocodec != null && message.hasOwnProperty("videocodec"))
                    object.videocodec = options.enums === String ? $root.JetSDL.Proto.Codec[message.videocodec] : message.videocodec;
                if (message.videoframerate != null && message.hasOwnProperty("videoframerate"))
                    object.videoframerate = $root.JetSDL.Proto.Fractional.toObject(message.videoframerate, options);
                if (message.videobitrate != null && message.hasOwnProperty("videobitrate"))
                    object.videobitrate = message.videobitrate;
                if (message.videobframes != null && message.hasOwnProperty("videobframes"))
                    object.videobframes = message.videobframes;
                if (message.videogopsize != null && message.hasOwnProperty("videogopsize"))
                    object.videogopsize = message.videogopsize;
                if (message.videoqp != null && message.hasOwnProperty("videoqp"))
                    object.videoqp = message.videoqp;
                if (message.videorc != null && message.hasOwnProperty("videorc"))
                    object.videorc = options.enums === String ? $root.JetSDL.Proto.VideoParams.VideoRateControl[message.videorc] : message.videorc;
                if (message.videocpueffort != null && message.hasOwnProperty("videocpueffort"))
                    object.videocpueffort = message.videocpueffort;
                if (message.videodelayrequirement != null && message.hasOwnProperty("videodelayrequirement"))
                    object.videodelayrequirement = options.enums === String ? $root.JetSDL.Proto.VideoParams.EncoderDelayReq[message.videodelayrequirement] : message.videodelayrequirement;
                if (message.videocodecextraparams && message.videocodecextraparams.length) {
                    object.videocodecextraparams = [];
                    for (var j = 0; j < message.videocodecextraparams.length; ++j)
                        object.videocodecextraparams[j] = $root.JetSDL.Proto.KeyValuePair.toObject(message.videocodecextraparams[j], options);
                }
                if (message.videotransparency != null && message.hasOwnProperty("videotransparency"))
                    object.videotransparency = message.videotransparency;
                return object;
            };

            /**
             * Creates a plain object from this VideoParams message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            VideoParams.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this VideoParams to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            VideoParams.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * VideoRateControl enum.
             * @name VideoRateControl
             * @memberof JetSDL.Proto.VideoParams
             * @enum {number}
             * @property {number} VRC_BITRATE=0 VRC_BITRATE value
             * @property {number} VRC_QUANTIZER=1 VRC_QUANTIZER value
             * @property {number} VRC_RATEFACTOR=2 VRC_RATEFACTOR value
             */
            VideoParams.VideoRateControl = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "VRC_BITRATE"] = 0;
                values[valuesById[1] = "VRC_QUANTIZER"] = 1;
                values[valuesById[2] = "VRC_RATEFACTOR"] = 2;
                return values;
            })();

            /**
             * EncoderDelayReq enum.
             * @name EncoderDelayReq
             * @memberof JetSDL.Proto.VideoParams
             * @enum {number}
             * @property {number} DELAY_REALTIME=1 DELAY_REALTIME value
             * @property {number} DELAY_SMALL=2 DELAY_SMALL value
             */
            VideoParams.EncoderDelayReq = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "DELAY_REALTIME"] = 1;
                values[valuesById[2] = "DELAY_SMALL"] = 2;
                return values;
            })();

            return VideoParams;
        })();

        Proto.AudioParams = (function() {

            /**
             * Properties of an AudioParams.
             * @typedef JetSDL.Proto.AudioParams$Properties
             * @type {Object}
             * @property {JetSDL.Proto.Codec} [audiocodec] AudioParams audiocodec.
             * @property {number} [audioabr] AudioParams audioabr.
             * @property {number} [audiosamplerate] AudioParams audiosamplerate.
             * @property {number} [audiochannels] AudioParams audiochannels.
             * @property {number} [audioframeSize] AudioParams audioframeSize.
             */

            /**
             * Constructs a new AudioParams.
             * @exports JetSDL.Proto.AudioParams
             * @constructor
             * @param {JetSDL.Proto.AudioParams$Properties=} [properties] Properties to set
             */
            function AudioParams(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * AudioParams audiocodec.
             * @type {JetSDL.Proto.Codec}
             */
            AudioParams.prototype.audiocodec = 0;

            /**
             * AudioParams audioabr.
             * @type {number}
             */
            AudioParams.prototype.audioabr = 32000;

            /**
             * AudioParams audiosamplerate.
             * @type {number}
             */
            AudioParams.prototype.audiosamplerate = 44100;

            /**
             * AudioParams audiochannels.
             * @type {number}
             */
            AudioParams.prototype.audiochannels = 2;

            /**
             * AudioParams audioframeSize.
             * @type {number}
             */
            AudioParams.prototype.audioframeSize = 1024;

            /**
             * Creates a new AudioParams instance using the specified properties.
             * @param {JetSDL.Proto.AudioParams$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.AudioParams} AudioParams instance
             */
            AudioParams.create = function create(properties) {
                return new AudioParams(properties);
            };

            /**
             * Encodes the specified AudioParams message. Does not implicitly {@link JetSDL.Proto.AudioParams.verify|verify} messages.
             * @param {JetSDL.Proto.AudioParams$Properties} message AudioParams message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            AudioParams.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.audiocodec != null && message.hasOwnProperty("audiocodec"))
                    writer.uint32(/* id 10, wireType 0 =*/80).uint32(message.audiocodec);
                if (message.audioabr != null && message.hasOwnProperty("audioabr"))
                    writer.uint32(/* id 11, wireType 0 =*/88).uint32(message.audioabr);
                if (message.audiosamplerate != null && message.hasOwnProperty("audiosamplerate"))
                    writer.uint32(/* id 12, wireType 0 =*/96).uint32(message.audiosamplerate);
                if (message.audioframeSize != null && message.hasOwnProperty("audioframeSize"))
                    writer.uint32(/* id 13, wireType 0 =*/104).uint32(message.audioframeSize);
                if (message.audiochannels != null && message.hasOwnProperty("audiochannels"))
                    writer.uint32(/* id 14, wireType 0 =*/112).uint32(message.audiochannels);
                return writer;
            };

            /**
             * Encodes the specified AudioParams message, length delimited. Does not implicitly {@link JetSDL.Proto.AudioParams.verify|verify} messages.
             * @param {JetSDL.Proto.AudioParams$Properties} message AudioParams message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            AudioParams.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an AudioParams message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.AudioParams} AudioParams
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            AudioParams.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.AudioParams();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 10:
                        message.audiocodec = reader.uint32();
                        break;
                    case 11:
                        message.audioabr = reader.uint32();
                        break;
                    case 12:
                        message.audiosamplerate = reader.uint32();
                        break;
                    case 14:
                        message.audiochannels = reader.uint32();
                        break;
                    case 13:
                        message.audioframeSize = reader.uint32();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes an AudioParams message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.AudioParams} AudioParams
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            AudioParams.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an AudioParams message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            AudioParams.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.audiocodec != null && message.hasOwnProperty("audiocodec"))
                    switch (message.audiocodec) {
                    default:
                        return "audiocodec: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                    case 6:
                    case 16:
                    case 14:
                    case 17:
                    case 18:
                    case 19:
                    case 20:
                    case 0:
                    case 7:
                    case 8:
                    case 9:
                    case 11:
                    case 12:
                    case 13:
                    case 15:
                        break;
                    }
                if (message.audioabr != null && message.hasOwnProperty("audioabr"))
                    if (!$util.isInteger(message.audioabr))
                        return "audioabr: integer expected";
                if (message.audiosamplerate != null && message.hasOwnProperty("audiosamplerate"))
                    if (!$util.isInteger(message.audiosamplerate))
                        return "audiosamplerate: integer expected";
                if (message.audiochannels != null && message.hasOwnProperty("audiochannels"))
                    if (!$util.isInteger(message.audiochannels))
                        return "audiochannels: integer expected";
                if (message.audioframeSize != null && message.hasOwnProperty("audioframeSize"))
                    if (!$util.isInteger(message.audioframeSize))
                        return "audioframeSize: integer expected";
                return null;
            };

            /**
             * Creates an AudioParams message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.AudioParams} AudioParams
             */
            AudioParams.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.AudioParams)
                    return object;
                var message = new $root.JetSDL.Proto.AudioParams();
                switch (object.audiocodec) {
                case "VIDEO_NONE":
                case 0:
                    message.audiocodec = 0;
                    break;
                case "VIDEO_FLV":
                case 1:
                    message.audiocodec = 1;
                    break;
                case "VIDEO_H263":
                case 2:
                    message.audiocodec = 2;
                    break;
                case "VIDEO_E264":
                case 3:
                    message.audiocodec = 3;
                    break;
                case "VIDEO_H264":
                case 4:
                    message.audiocodec = 4;
                    break;
                case "VIDEO_X264_BASELINE":
                case 5:
                    message.audiocodec = 5;
                    break;
                case "VIDEO_X264":
                case 6:
                    message.audiocodec = 6;
                    break;
                case "VIDEO_X264_HIGH":
                case 16:
                    message.audiocodec = 16;
                    break;
                case "VIDEO_VP8":
                case 14:
                    message.audiocodec = 14;
                    break;
                case "VIDEO_MPEG2":
                case 17:
                    message.audiocodec = 17;
                    break;
                case "VIDEO_WMV":
                case 18:
                    message.audiocodec = 18;
                    break;
                case "VIDEO_GIF":
                case 19:
                    message.audiocodec = 19;
                    break;
                case "VIDEO_PRORES":
                case 20:
                    message.audiocodec = 20;
                    break;
                case "AUDIO_NONE":
                case 0:
                    message.audiocodec = 0;
                    break;
                case "AUDIO_AAC":
                case 7:
                    message.audiocodec = 7;
                    break;
                case "AUDIO_MP2":
                case 8:
                    message.audiocodec = 8;
                    break;
                case "AUDIO_MP3":
                case 9:
                    message.audiocodec = 9;
                    break;
                case "AUDIO_EAAC":
                case 11:
                    message.audiocodec = 11;
                    break;
                case "AUDIO_AMR_NB":
                case 12:
                    message.audiocodec = 12;
                    break;
                case "AUDIO_AMR_WB":
                case 13:
                    message.audiocodec = 13;
                    break;
                case "AUDIO_VORBIS":
                case 15:
                    message.audiocodec = 15;
                    break;
                }
                if (object.audioabr != null)
                    message.audioabr = object.audioabr >>> 0;
                if (object.audiosamplerate != null)
                    message.audiosamplerate = object.audiosamplerate >>> 0;
                if (object.audiochannels != null)
                    message.audiochannels = object.audiochannels >>> 0;
                if (object.audioframeSize != null)
                    message.audioframeSize = object.audioframeSize >>> 0;
                return message;
            };

            /**
             * Creates an AudioParams message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.AudioParams.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.AudioParams} AudioParams
             */
            AudioParams.from = AudioParams.fromObject;

            /**
             * Creates a plain object from an AudioParams message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.AudioParams} message AudioParams
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            AudioParams.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.audiocodec = options.enums === String ? "VIDEO_NONE" : 0;
                    object.audioabr = 32000;
                    object.audiosamplerate = 44100;
                    object.audioframeSize = 1024;
                    object.audiochannels = 2;
                }
                if (message.audiocodec != null && message.hasOwnProperty("audiocodec"))
                    object.audiocodec = options.enums === String ? $root.JetSDL.Proto.Codec[message.audiocodec] : message.audiocodec;
                if (message.audioabr != null && message.hasOwnProperty("audioabr"))
                    object.audioabr = message.audioabr;
                if (message.audiosamplerate != null && message.hasOwnProperty("audiosamplerate"))
                    object.audiosamplerate = message.audiosamplerate;
                if (message.audioframeSize != null && message.hasOwnProperty("audioframeSize"))
                    object.audioframeSize = message.audioframeSize;
                if (message.audiochannels != null && message.hasOwnProperty("audiochannels"))
                    object.audiochannels = message.audiochannels;
                return object;
            };

            /**
             * Creates a plain object from this AudioParams message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            AudioParams.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this AudioParams to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            AudioParams.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return AudioParams;
        })();

        /**
         * EndBehaviour enum.
         * @name EndBehaviour
         * @memberof JetSDL.Proto
         * @enum {number}
         * @property {number} repeatlast=0 repeatlast value
         * @property {number} loop=1 loop value
         * @property {number} emptyframe=-2 emptyframe value
         * @property {number} fullframe=-3 fullframe value
         * @property {number} fail=-4 fail value
         */
        Proto.EndBehaviour = (function() {
            var valuesById = {}, values = Object.create(valuesById);
            values[valuesById[0] = "repeatlast"] = 0;
            values[valuesById[1] = "loop"] = 1;
            values[valuesById[-2] = "emptyframe"] = -2;
            values[valuesById[-3] = "fullframe"] = -3;
            values[valuesById[-4] = "fail"] = -4;
            return values;
        })();

        Proto.Movie = (function() {

            /**
             * Properties of a Movie.
             * @typedef JetSDL.Proto.Movie$Properties
             * @type {Object}
             * @property {JetSDL.Proto.StreamParams$Properties} params Movie params.
             * @property {Array.<JetSDL.Proto.Scene$Properties>} [scenes] Movie scenes.
             * @property {JetSDL.Proto.Audio$Properties} [audio] Movie audio.
             * @property {boolean} [loop] Movie loop.
             * @property {boolean} [initatstart] Movie initatstart.
             * @property {Array.<JetSDL.Proto.Metadata$Properties>} [metadata] Movie metadata.
             * @property {JetSDL.Proto.VariableInformation$Properties} [audiovarinfo] Movie audiovarinfo.
             * @property {JetSDL.Proto.Movie.UnexpectedFrameSizeSolution} [ufssolution] Movie ufssolution.
             * @property {number} [posterframe] Movie posterframe.
             * @property {Array.<JetSDL.Proto.Scene$Properties>} [compositions] Movie compositions.
             * @property {boolean} [videofailfast] Movie videofailfast.
             * @property {string} [comment] Movie comment.
             */

            /**
             * Constructs a new Movie.
             * @exports JetSDL.Proto.Movie
             * @constructor
             * @param {JetSDL.Proto.Movie$Properties=} [properties] Properties to set
             */
            function Movie(properties) {
                this.scenes = [];
                this.metadata = [];
                this.compositions = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Movie params.
             * @type {JetSDL.Proto.StreamParams$Properties}
             */
            Movie.prototype.params = null;

            /**
             * Movie scenes.
             * @type {Array.<JetSDL.Proto.Scene$Properties>}
             */
            Movie.prototype.scenes = $util.emptyArray;

            /**
             * Movie audio.
             * @type {(JetSDL.Proto.Audio$Properties|null)}
             */
            Movie.prototype.audio = null;

            /**
             * Movie loop.
             * @type {boolean}
             */
            Movie.prototype.loop = false;

            /**
             * Movie initatstart.
             * @type {boolean}
             */
            Movie.prototype.initatstart = false;

            /**
             * Movie metadata.
             * @type {Array.<JetSDL.Proto.Metadata$Properties>}
             */
            Movie.prototype.metadata = $util.emptyArray;

            /**
             * Movie audiovarinfo.
             * @type {(JetSDL.Proto.VariableInformation$Properties|null)}
             */
            Movie.prototype.audiovarinfo = null;

            /**
             * Movie ufssolution.
             * @type {JetSDL.Proto.Movie.UnexpectedFrameSizeSolution}
             */
            Movie.prototype.ufssolution = 0;

            /**
             * Movie posterframe.
             * @type {number}
             */
            Movie.prototype.posterframe = 0;

            /**
             * Movie compositions.
             * @type {Array.<JetSDL.Proto.Scene$Properties>}
             */
            Movie.prototype.compositions = $util.emptyArray;

            /**
             * Movie videofailfast.
             * @type {boolean}
             */
            Movie.prototype.videofailfast = false;

            /**
             * Movie comment.
             * @type {string}
             */
            Movie.prototype.comment = "";

            /**
             * Creates a new Movie instance using the specified properties.
             * @param {JetSDL.Proto.Movie$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Movie} Movie instance
             */
            Movie.create = function create(properties) {
                return new Movie(properties);
            };

            /**
             * Encodes the specified Movie message. Does not implicitly {@link JetSDL.Proto.Movie.verify|verify} messages.
             * @param {JetSDL.Proto.Movie$Properties} message Movie message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Movie.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.scenes != null && message.scenes.length)
                    for (var i = 0; i < message.scenes.length; ++i)
                        $root.JetSDL.Proto.Scene.encode(message.scenes[i], writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.audio != null && message.hasOwnProperty("audio"))
                    $root.JetSDL.Proto.Audio.encode(message.audio, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                if (message.loop != null && message.hasOwnProperty("loop"))
                    writer.uint32(/* id 14, wireType 0 =*/112).bool(message.loop);
                $root.JetSDL.Proto.StreamParams.encode(message.params, writer.uint32(/* id 15, wireType 2 =*/122).fork()).ldelim();
                if (message.initatstart != null && message.hasOwnProperty("initatstart"))
                    writer.uint32(/* id 16, wireType 0 =*/128).bool(message.initatstart);
                if (message.metadata != null && message.metadata.length)
                    for (var i = 0; i < message.metadata.length; ++i)
                        $root.JetSDL.Proto.Metadata.encode(message.metadata[i], writer.uint32(/* id 17, wireType 2 =*/138).fork()).ldelim();
                if (message.audiovarinfo != null && message.hasOwnProperty("audiovarinfo"))
                    $root.JetSDL.Proto.VariableInformation.encode(message.audiovarinfo, writer.uint32(/* id 18, wireType 2 =*/146).fork()).ldelim();
                if (message.ufssolution != null && message.hasOwnProperty("ufssolution"))
                    writer.uint32(/* id 19, wireType 0 =*/152).uint32(message.ufssolution);
                if (message.posterframe != null && message.hasOwnProperty("posterframe"))
                    writer.uint32(/* id 20, wireType 0 =*/160).int32(message.posterframe);
                if (message.compositions != null && message.compositions.length)
                    for (var i = 0; i < message.compositions.length; ++i)
                        $root.JetSDL.Proto.Scene.encode(message.compositions[i], writer.uint32(/* id 21, wireType 2 =*/170).fork()).ldelim();
                if (message.videofailfast != null && message.hasOwnProperty("videofailfast"))
                    writer.uint32(/* id 22, wireType 0 =*/176).bool(message.videofailfast);
                if (message.comment != null && message.hasOwnProperty("comment"))
                    writer.uint32(/* id 2047, wireType 2 =*/16378).string(message.comment);
                return writer;
            };

            /**
             * Encodes the specified Movie message, length delimited. Does not implicitly {@link JetSDL.Proto.Movie.verify|verify} messages.
             * @param {JetSDL.Proto.Movie$Properties} message Movie message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Movie.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Movie message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Movie} Movie
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Movie.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Movie();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 15:
                        message.params = $root.JetSDL.Proto.StreamParams.decode(reader, reader.uint32());
                        break;
                    case 3:
                        if (!(message.scenes && message.scenes.length))
                            message.scenes = [];
                        message.scenes.push($root.JetSDL.Proto.Scene.decode(reader, reader.uint32()));
                        break;
                    case 4:
                        message.audio = $root.JetSDL.Proto.Audio.decode(reader, reader.uint32());
                        break;
                    case 14:
                        message.loop = reader.bool();
                        break;
                    case 16:
                        message.initatstart = reader.bool();
                        break;
                    case 17:
                        if (!(message.metadata && message.metadata.length))
                            message.metadata = [];
                        message.metadata.push($root.JetSDL.Proto.Metadata.decode(reader, reader.uint32()));
                        break;
                    case 18:
                        message.audiovarinfo = $root.JetSDL.Proto.VariableInformation.decode(reader, reader.uint32());
                        break;
                    case 19:
                        message.ufssolution = reader.uint32();
                        break;
                    case 20:
                        message.posterframe = reader.int32();
                        break;
                    case 21:
                        if (!(message.compositions && message.compositions.length))
                            message.compositions = [];
                        message.compositions.push($root.JetSDL.Proto.Scene.decode(reader, reader.uint32()));
                        break;
                    case 22:
                        message.videofailfast = reader.bool();
                        break;
                    case 2047:
                        message.comment = reader.string();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("params"))
                    throw $util.ProtocolError("missing required 'params'", { instance: message });
                return message;
            };

            /**
             * Decodes a Movie message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Movie} Movie
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Movie.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Movie message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Movie.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                var error = $root.JetSDL.Proto.StreamParams.verify(message.params);
                if (error)
                    return "params." + error;
                if (message.scenes != null && message.hasOwnProperty("scenes")) {
                    if (!Array.isArray(message.scenes))
                        return "scenes: array expected";
                    for (var i = 0; i < message.scenes.length; ++i) {
                        var error = $root.JetSDL.Proto.Scene.verify(message.scenes[i]);
                        if (error)
                            return "scenes." + error;
                    }
                }
                if (message.audio != null && message.hasOwnProperty("audio")) {
                    var error = $root.JetSDL.Proto.Audio.verify(message.audio);
                    if (error)
                        return "audio." + error;
                }
                if (message.loop != null && message.hasOwnProperty("loop"))
                    if (typeof message.loop !== "boolean")
                        return "loop: boolean expected";
                if (message.initatstart != null && message.hasOwnProperty("initatstart"))
                    if (typeof message.initatstart !== "boolean")
                        return "initatstart: boolean expected";
                if (message.metadata != null && message.hasOwnProperty("metadata")) {
                    if (!Array.isArray(message.metadata))
                        return "metadata: array expected";
                    for (var i = 0; i < message.metadata.length; ++i) {
                        var error = $root.JetSDL.Proto.Metadata.verify(message.metadata[i]);
                        if (error)
                            return "metadata." + error;
                    }
                }
                if (message.audiovarinfo != null && message.hasOwnProperty("audiovarinfo")) {
                    var error = $root.JetSDL.Proto.VariableInformation.verify(message.audiovarinfo);
                    if (error)
                        return "audiovarinfo." + error;
                }
                if (message.ufssolution != null && message.hasOwnProperty("ufssolution"))
                    switch (message.ufssolution) {
                    default:
                        return "ufssolution: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (message.posterframe != null && message.hasOwnProperty("posterframe"))
                    if (!$util.isInteger(message.posterframe))
                        return "posterframe: integer expected";
                if (message.compositions != null && message.hasOwnProperty("compositions")) {
                    if (!Array.isArray(message.compositions))
                        return "compositions: array expected";
                    for (var i = 0; i < message.compositions.length; ++i) {
                        var error = $root.JetSDL.Proto.Scene.verify(message.compositions[i]);
                        if (error)
                            return "compositions." + error;
                    }
                }
                if (message.videofailfast != null && message.hasOwnProperty("videofailfast"))
                    if (typeof message.videofailfast !== "boolean")
                        return "videofailfast: boolean expected";
                if (message.comment != null && message.hasOwnProperty("comment"))
                    if (!$util.isString(message.comment))
                        return "comment: string expected";
                return null;
            };

            /**
             * Creates a Movie message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Movie} Movie
             */
            Movie.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Movie)
                    return object;
                var message = new $root.JetSDL.Proto.Movie();
                if (object.params != null) {
                    if (typeof object.params !== "object")
                        throw TypeError(".JetSDL.Proto.Movie.params: object expected");
                    message.params = $root.JetSDL.Proto.StreamParams.fromObject(object.params);
                }
                if (object.scenes) {
                    if (!Array.isArray(object.scenes))
                        throw TypeError(".JetSDL.Proto.Movie.scenes: array expected");
                    message.scenes = [];
                    for (var i = 0; i < object.scenes.length; ++i) {
                        if (typeof object.scenes[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Movie.scenes: object expected");
                        message.scenes[i] = $root.JetSDL.Proto.Scene.fromObject(object.scenes[i]);
                    }
                }
                if (object.audio != null) {
                    if (typeof object.audio !== "object")
                        throw TypeError(".JetSDL.Proto.Movie.audio: object expected");
                    message.audio = $root.JetSDL.Proto.Audio.fromObject(object.audio);
                }
                if (object.loop != null)
                    message.loop = Boolean(object.loop);
                if (object.initatstart != null)
                    message.initatstart = Boolean(object.initatstart);
                if (object.metadata) {
                    if (!Array.isArray(object.metadata))
                        throw TypeError(".JetSDL.Proto.Movie.metadata: array expected");
                    message.metadata = [];
                    for (var i = 0; i < object.metadata.length; ++i) {
                        if (typeof object.metadata[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Movie.metadata: object expected");
                        message.metadata[i] = $root.JetSDL.Proto.Metadata.fromObject(object.metadata[i]);
                    }
                }
                if (object.audiovarinfo != null) {
                    if (typeof object.audiovarinfo !== "object")
                        throw TypeError(".JetSDL.Proto.Movie.audiovarinfo: object expected");
                    message.audiovarinfo = $root.JetSDL.Proto.VariableInformation.fromObject(object.audiovarinfo);
                }
                switch (object.ufssolution) {
                case "UFS_SCALE":
                case 0:
                    message.ufssolution = 0;
                    break;
                case "UFS_LETTERBOX":
                case 1:
                    message.ufssolution = 1;
                    break;
                case "UFS_COPY":
                case 2:
                    message.ufssolution = 2;
                    break;
                case "UFS_NONE":
                case 3:
                    message.ufssolution = 3;
                    break;
                }
                if (object.posterframe != null)
                    message.posterframe = object.posterframe | 0;
                if (object.compositions) {
                    if (!Array.isArray(object.compositions))
                        throw TypeError(".JetSDL.Proto.Movie.compositions: array expected");
                    message.compositions = [];
                    for (var i = 0; i < object.compositions.length; ++i) {
                        if (typeof object.compositions[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Movie.compositions: object expected");
                        message.compositions[i] = $root.JetSDL.Proto.Scene.fromObject(object.compositions[i]);
                    }
                }
                if (object.videofailfast != null)
                    message.videofailfast = Boolean(object.videofailfast);
                if (object.comment != null)
                    message.comment = String(object.comment);
                return message;
            };

            /**
             * Creates a Movie message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Movie.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Movie} Movie
             */
            Movie.from = Movie.fromObject;

            /**
             * Creates a plain object from a Movie message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Movie} message Movie
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Movie.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.scenes = [];
                    object.metadata = [];
                    object.compositions = [];
                }
                if (options.defaults) {
                    object.audio = null;
                    object.loop = false;
                    object.params = null;
                    object.initatstart = false;
                    object.audiovarinfo = null;
                    object.ufssolution = options.enums === String ? "UFS_SCALE" : 0;
                    object.posterframe = 0;
                    object.videofailfast = false;
                    object.comment = "";
                }
                if (message.scenes && message.scenes.length) {
                    object.scenes = [];
                    for (var j = 0; j < message.scenes.length; ++j)
                        object.scenes[j] = $root.JetSDL.Proto.Scene.toObject(message.scenes[j], options);
                }
                if (message.audio != null && message.hasOwnProperty("audio"))
                    object.audio = $root.JetSDL.Proto.Audio.toObject(message.audio, options);
                if (message.loop != null && message.hasOwnProperty("loop"))
                    object.loop = message.loop;
                if (message.params != null && message.hasOwnProperty("params"))
                    object.params = $root.JetSDL.Proto.StreamParams.toObject(message.params, options);
                if (message.initatstart != null && message.hasOwnProperty("initatstart"))
                    object.initatstart = message.initatstart;
                if (message.metadata && message.metadata.length) {
                    object.metadata = [];
                    for (var j = 0; j < message.metadata.length; ++j)
                        object.metadata[j] = $root.JetSDL.Proto.Metadata.toObject(message.metadata[j], options);
                }
                if (message.audiovarinfo != null && message.hasOwnProperty("audiovarinfo"))
                    object.audiovarinfo = $root.JetSDL.Proto.VariableInformation.toObject(message.audiovarinfo, options);
                if (message.ufssolution != null && message.hasOwnProperty("ufssolution"))
                    object.ufssolution = options.enums === String ? $root.JetSDL.Proto.Movie.UnexpectedFrameSizeSolution[message.ufssolution] : message.ufssolution;
                if (message.posterframe != null && message.hasOwnProperty("posterframe"))
                    object.posterframe = message.posterframe;
                if (message.compositions && message.compositions.length) {
                    object.compositions = [];
                    for (var j = 0; j < message.compositions.length; ++j)
                        object.compositions[j] = $root.JetSDL.Proto.Scene.toObject(message.compositions[j], options);
                }
                if (message.videofailfast != null && message.hasOwnProperty("videofailfast"))
                    object.videofailfast = message.videofailfast;
                if (message.comment != null && message.hasOwnProperty("comment"))
                    object.comment = message.comment;
                return object;
            };

            /**
             * Creates a plain object from this Movie message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Movie.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Movie to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Movie.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * UnexpectedFrameSizeSolution enum.
             * @name UnexpectedFrameSizeSolution
             * @memberof JetSDL.Proto.Movie
             * @enum {number}
             * @property {number} UFS_SCALE=0 UFS_SCALE value
             * @property {number} UFS_LETTERBOX=1 UFS_LETTERBOX value
             * @property {number} UFS_COPY=2 UFS_COPY value
             * @property {number} UFS_NONE=3 UFS_NONE value
             */
            Movie.UnexpectedFrameSizeSolution = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "UFS_SCALE"] = 0;
                values[valuesById[1] = "UFS_LETTERBOX"] = 1;
                values[valuesById[2] = "UFS_COPY"] = 2;
                values[valuesById[3] = "UFS_NONE"] = 3;
                return values;
            })();

            return Movie;
        })();

        Proto.Scene = (function() {

            /**
             * Properties of a Scene.
             * @typedef JetSDL.Proto.Scene$Properties
             * @type {Object}
             * @property {number} [numframes] Scene numframes.
             * @property {boolean} ["static"] Scene static.
             * @property {JetSDL.Proto.ImageProvider$Properties} [content] Scene content.
             * @property {Array.<JetSDL.Proto.VisualTrack$Properties>} [tracks] Scene tracks.
             * @property {JetSDL.Proto.Audio$Properties} [audio] Scene audio.
             * @property {JetSDL.Proto.Subtitles$Properties} [subtitles] Scene subtitles.
             * @property {JetSDL.Proto.VariableInformation$Properties} [varinfo] Scene varinfo.
             * @property {boolean} [canbeempty] Scene canbeempty.
             * @property {Array.<string>} [name] Scene name.
             * @property {number} [posterframe] Scene posterframe.
             * @property {boolean} [useaudioforlength] Scene useaudioforlength.
             * @property {string} [id] Scene id.
             * @property {string} [comment] Scene comment.
             */

            /**
             * Constructs a new Scene.
             * @exports JetSDL.Proto.Scene
             * @constructor
             * @param {JetSDL.Proto.Scene$Properties=} [properties] Properties to set
             */
            function Scene(properties) {
                this.tracks = [];
                this.name = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Scene numframes.
             * @type {number}
             */
            Scene.prototype.numframes = 0;

            /**
             * Scene static.
             * @type {boolean}
             */
            Scene.prototype["static"] = true;

            /**
             * Scene content.
             * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
             */
            Scene.prototype.content = null;

            /**
             * Scene tracks.
             * @type {Array.<JetSDL.Proto.VisualTrack$Properties>}
             */
            Scene.prototype.tracks = $util.emptyArray;

            /**
             * Scene audio.
             * @type {(JetSDL.Proto.Audio$Properties|null)}
             */
            Scene.prototype.audio = null;

            /**
             * Scene subtitles.
             * @type {(JetSDL.Proto.Subtitles$Properties|null)}
             */
            Scene.prototype.subtitles = null;

            /**
             * Scene varinfo.
             * @type {(JetSDL.Proto.VariableInformation$Properties|null)}
             */
            Scene.prototype.varinfo = null;

            /**
             * Scene canbeempty.
             * @type {boolean}
             */
            Scene.prototype.canbeempty = false;

            /**
             * Scene name.
             * @type {Array.<string>}
             */
            Scene.prototype.name = $util.emptyArray;

            /**
             * Scene posterframe.
             * @type {number}
             */
            Scene.prototype.posterframe = 0;

            /**
             * Scene useaudioforlength.
             * @type {boolean}
             */
            Scene.prototype.useaudioforlength = false;

            /**
             * Scene id.
             * @type {string}
             */
            Scene.prototype.id = "";

            /**
             * Scene comment.
             * @type {string}
             */
            Scene.prototype.comment = "";

            /**
             * Creates a new Scene instance using the specified properties.
             * @param {JetSDL.Proto.Scene$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Scene} Scene instance
             */
            Scene.create = function create(properties) {
                return new Scene(properties);
            };

            /**
             * Encodes the specified Scene message. Does not implicitly {@link JetSDL.Proto.Scene.verify|verify} messages.
             * @param {JetSDL.Proto.Scene$Properties} message Scene message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Scene.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    writer.uint32(/* id 2, wireType 0 =*/16).int32(message.numframes);
                if (message["static"] != null && message.hasOwnProperty("static"))
                    writer.uint32(/* id 3, wireType 0 =*/24).bool(message["static"]);
                if (message.content != null && message.hasOwnProperty("content"))
                    $root.JetSDL.Proto.ImageProvider.encode(message.content, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                if (message.tracks != null && message.tracks.length)
                    for (var i = 0; i < message.tracks.length; ++i)
                        $root.JetSDL.Proto.VisualTrack.encode(message.tracks[i], writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.audio != null && message.hasOwnProperty("audio"))
                    $root.JetSDL.Proto.Audio.encode(message.audio, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                if (message.subtitles != null && message.hasOwnProperty("subtitles"))
                    $root.JetSDL.Proto.Subtitles.encode(message.subtitles, writer.uint32(/* id 7, wireType 2 =*/58).fork()).ldelim();
                if (message.varinfo != null && message.hasOwnProperty("varinfo"))
                    $root.JetSDL.Proto.VariableInformation.encode(message.varinfo, writer.uint32(/* id 8, wireType 2 =*/66).fork()).ldelim();
                if (message.canbeempty != null && message.hasOwnProperty("canbeempty"))
                    writer.uint32(/* id 9, wireType 0 =*/72).bool(message.canbeempty);
                if (message.name != null && message.name.length)
                    for (var i = 0; i < message.name.length; ++i)
                        writer.uint32(/* id 10, wireType 2 =*/82).string(message.name[i]);
                if (message.posterframe != null && message.hasOwnProperty("posterframe"))
                    writer.uint32(/* id 11, wireType 0 =*/88).int32(message.posterframe);
                if (message.useaudioforlength != null && message.hasOwnProperty("useaudioforlength"))
                    writer.uint32(/* id 12, wireType 0 =*/96).bool(message.useaudioforlength);
                if (message.id != null && message.hasOwnProperty("id"))
                    writer.uint32(/* id 13, wireType 2 =*/106).string(message.id);
                if (message.comment != null && message.hasOwnProperty("comment"))
                    writer.uint32(/* id 2047, wireType 2 =*/16378).string(message.comment);
                return writer;
            };

            /**
             * Encodes the specified Scene message, length delimited. Does not implicitly {@link JetSDL.Proto.Scene.verify|verify} messages.
             * @param {JetSDL.Proto.Scene$Properties} message Scene message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Scene.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Scene message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Scene} Scene
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Scene.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Scene();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.numframes = reader.int32();
                        break;
                    case 3:
                        message["static"] = reader.bool();
                        break;
                    case 4:
                        message.content = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                        break;
                    case 5:
                        if (!(message.tracks && message.tracks.length))
                            message.tracks = [];
                        message.tracks.push($root.JetSDL.Proto.VisualTrack.decode(reader, reader.uint32()));
                        break;
                    case 6:
                        message.audio = $root.JetSDL.Proto.Audio.decode(reader, reader.uint32());
                        break;
                    case 7:
                        message.subtitles = $root.JetSDL.Proto.Subtitles.decode(reader, reader.uint32());
                        break;
                    case 8:
                        message.varinfo = $root.JetSDL.Proto.VariableInformation.decode(reader, reader.uint32());
                        break;
                    case 9:
                        message.canbeempty = reader.bool();
                        break;
                    case 10:
                        if (!(message.name && message.name.length))
                            message.name = [];
                        message.name.push(reader.string());
                        break;
                    case 11:
                        message.posterframe = reader.int32();
                        break;
                    case 12:
                        message.useaudioforlength = reader.bool();
                        break;
                    case 13:
                        message.id = reader.string();
                        break;
                    case 2047:
                        message.comment = reader.string();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a Scene message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Scene} Scene
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Scene.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Scene message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Scene.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    if (!$util.isInteger(message.numframes))
                        return "numframes: integer expected";
                if (message["static"] != null && message.hasOwnProperty("static"))
                    if (typeof message["static"] !== "boolean")
                        return "static: boolean expected";
                if (message.content != null && message.hasOwnProperty("content")) {
                    var error = $root.JetSDL.Proto.ImageProvider.verify(message.content);
                    if (error)
                        return "content." + error;
                }
                if (message.tracks != null && message.hasOwnProperty("tracks")) {
                    if (!Array.isArray(message.tracks))
                        return "tracks: array expected";
                    for (var i = 0; i < message.tracks.length; ++i) {
                        var error = $root.JetSDL.Proto.VisualTrack.verify(message.tracks[i]);
                        if (error)
                            return "tracks." + error;
                    }
                }
                if (message.audio != null && message.hasOwnProperty("audio")) {
                    var error = $root.JetSDL.Proto.Audio.verify(message.audio);
                    if (error)
                        return "audio." + error;
                }
                if (message.subtitles != null && message.hasOwnProperty("subtitles")) {
                    var error = $root.JetSDL.Proto.Subtitles.verify(message.subtitles);
                    if (error)
                        return "subtitles." + error;
                }
                if (message.varinfo != null && message.hasOwnProperty("varinfo")) {
                    var error = $root.JetSDL.Proto.VariableInformation.verify(message.varinfo);
                    if (error)
                        return "varinfo." + error;
                }
                if (message.canbeempty != null && message.hasOwnProperty("canbeempty"))
                    if (typeof message.canbeempty !== "boolean")
                        return "canbeempty: boolean expected";
                if (message.name != null && message.hasOwnProperty("name")) {
                    if (!Array.isArray(message.name))
                        return "name: array expected";
                    for (var i = 0; i < message.name.length; ++i)
                        if (!$util.isString(message.name[i]))
                            return "name: string[] expected";
                }
                if (message.posterframe != null && message.hasOwnProperty("posterframe"))
                    if (!$util.isInteger(message.posterframe))
                        return "posterframe: integer expected";
                if (message.useaudioforlength != null && message.hasOwnProperty("useaudioforlength"))
                    if (typeof message.useaudioforlength !== "boolean")
                        return "useaudioforlength: boolean expected";
                if (message.id != null && message.hasOwnProperty("id"))
                    if (!$util.isString(message.id))
                        return "id: string expected";
                if (message.comment != null && message.hasOwnProperty("comment"))
                    if (!$util.isString(message.comment))
                        return "comment: string expected";
                return null;
            };

            /**
             * Creates a Scene message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Scene} Scene
             */
            Scene.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Scene)
                    return object;
                var message = new $root.JetSDL.Proto.Scene();
                if (object.numframes != null)
                    message.numframes = object.numframes | 0;
                if (object["static"] != null)
                    message["static"] = Boolean(object["static"]);
                if (object.content != null) {
                    if (typeof object.content !== "object")
                        throw TypeError(".JetSDL.Proto.Scene.content: object expected");
                    message.content = $root.JetSDL.Proto.ImageProvider.fromObject(object.content);
                }
                if (object.tracks) {
                    if (!Array.isArray(object.tracks))
                        throw TypeError(".JetSDL.Proto.Scene.tracks: array expected");
                    message.tracks = [];
                    for (var i = 0; i < object.tracks.length; ++i) {
                        if (typeof object.tracks[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Scene.tracks: object expected");
                        message.tracks[i] = $root.JetSDL.Proto.VisualTrack.fromObject(object.tracks[i]);
                    }
                }
                if (object.audio != null) {
                    if (typeof object.audio !== "object")
                        throw TypeError(".JetSDL.Proto.Scene.audio: object expected");
                    message.audio = $root.JetSDL.Proto.Audio.fromObject(object.audio);
                }
                if (object.subtitles != null) {
                    if (typeof object.subtitles !== "object")
                        throw TypeError(".JetSDL.Proto.Scene.subtitles: object expected");
                    message.subtitles = $root.JetSDL.Proto.Subtitles.fromObject(object.subtitles);
                }
                if (object.varinfo != null) {
                    if (typeof object.varinfo !== "object")
                        throw TypeError(".JetSDL.Proto.Scene.varinfo: object expected");
                    message.varinfo = $root.JetSDL.Proto.VariableInformation.fromObject(object.varinfo);
                }
                if (object.canbeempty != null)
                    message.canbeempty = Boolean(object.canbeempty);
                if (object.name) {
                    if (!Array.isArray(object.name))
                        throw TypeError(".JetSDL.Proto.Scene.name: array expected");
                    message.name = [];
                    for (var i = 0; i < object.name.length; ++i)
                        message.name[i] = String(object.name[i]);
                }
                if (object.posterframe != null)
                    message.posterframe = object.posterframe | 0;
                if (object.useaudioforlength != null)
                    message.useaudioforlength = Boolean(object.useaudioforlength);
                if (object.id != null)
                    message.id = String(object.id);
                if (object.comment != null)
                    message.comment = String(object.comment);
                return message;
            };

            /**
             * Creates a Scene message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Scene.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Scene} Scene
             */
            Scene.from = Scene.fromObject;

            /**
             * Creates a plain object from a Scene message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Scene} message Scene
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Scene.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.tracks = [];
                    object.name = [];
                }
                if (options.defaults) {
                    object.numframes = 0;
                    object["static"] = true;
                    object.content = null;
                    object.audio = null;
                    object.subtitles = null;
                    object.varinfo = null;
                    object.canbeempty = false;
                    object.posterframe = 0;
                    object.useaudioforlength = false;
                    object.id = "";
                    object.comment = "";
                }
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    object.numframes = message.numframes;
                if (message["static"] != null && message.hasOwnProperty("static"))
                    object["static"] = message["static"];
                if (message.content != null && message.hasOwnProperty("content"))
                    object.content = $root.JetSDL.Proto.ImageProvider.toObject(message.content, options);
                if (message.tracks && message.tracks.length) {
                    object.tracks = [];
                    for (var j = 0; j < message.tracks.length; ++j)
                        object.tracks[j] = $root.JetSDL.Proto.VisualTrack.toObject(message.tracks[j], options);
                }
                if (message.audio != null && message.hasOwnProperty("audio"))
                    object.audio = $root.JetSDL.Proto.Audio.toObject(message.audio, options);
                if (message.subtitles != null && message.hasOwnProperty("subtitles"))
                    object.subtitles = $root.JetSDL.Proto.Subtitles.toObject(message.subtitles, options);
                if (message.varinfo != null && message.hasOwnProperty("varinfo"))
                    object.varinfo = $root.JetSDL.Proto.VariableInformation.toObject(message.varinfo, options);
                if (message.canbeempty != null && message.hasOwnProperty("canbeempty"))
                    object.canbeempty = message.canbeempty;
                if (message.name && message.name.length) {
                    object.name = [];
                    for (var j = 0; j < message.name.length; ++j)
                        object.name[j] = message.name[j];
                }
                if (message.posterframe != null && message.hasOwnProperty("posterframe"))
                    object.posterframe = message.posterframe;
                if (message.useaudioforlength != null && message.hasOwnProperty("useaudioforlength"))
                    object.useaudioforlength = message.useaudioforlength;
                if (message.id != null && message.hasOwnProperty("id"))
                    object.id = message.id;
                if (message.comment != null && message.hasOwnProperty("comment"))
                    object.comment = message.comment;
                return object;
            };

            /**
             * Creates a plain object from this Scene message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Scene.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Scene to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Scene.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return Scene;
        })();

        Proto.SceneViewVariant = (function() {

            /**
             * Properties of a SceneViewVariant.
             * @typedef JetSDL.Proto.SceneViewVariant$Properties
             * @type {Object}
             * @property {string} key SceneViewVariant key.
             * @property {Array.<JetSDL.Proto.Scene$Properties>} [scenes] SceneViewVariant scenes.
             */

            /**
             * Constructs a new SceneViewVariant.
             * @exports JetSDL.Proto.SceneViewVariant
             * @constructor
             * @param {JetSDL.Proto.SceneViewVariant$Properties=} [properties] Properties to set
             */
            function SceneViewVariant(properties) {
                this.scenes = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * SceneViewVariant key.
             * @type {string}
             */
            SceneViewVariant.prototype.key = "";

            /**
             * SceneViewVariant scenes.
             * @type {Array.<JetSDL.Proto.Scene$Properties>}
             */
            SceneViewVariant.prototype.scenes = $util.emptyArray;

            /**
             * Creates a new SceneViewVariant instance using the specified properties.
             * @param {JetSDL.Proto.SceneViewVariant$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.SceneViewVariant} SceneViewVariant instance
             */
            SceneViewVariant.create = function create(properties) {
                return new SceneViewVariant(properties);
            };

            /**
             * Encodes the specified SceneViewVariant message. Does not implicitly {@link JetSDL.Proto.SceneViewVariant.verify|verify} messages.
             * @param {JetSDL.Proto.SceneViewVariant$Properties} message SceneViewVariant message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            SceneViewVariant.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 2, wireType 2 =*/18).string(message.key);
                if (message.scenes != null && message.scenes.length)
                    for (var i = 0; i < message.scenes.length; ++i)
                        $root.JetSDL.Proto.Scene.encode(message.scenes[i], writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified SceneViewVariant message, length delimited. Does not implicitly {@link JetSDL.Proto.SceneViewVariant.verify|verify} messages.
             * @param {JetSDL.Proto.SceneViewVariant$Properties} message SceneViewVariant message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            SceneViewVariant.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a SceneViewVariant message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.SceneViewVariant} SceneViewVariant
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            SceneViewVariant.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.SceneViewVariant();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.key = reader.string();
                        break;
                    case 3:
                        if (!(message.scenes && message.scenes.length))
                            message.scenes = [];
                        message.scenes.push($root.JetSDL.Proto.Scene.decode(reader, reader.uint32()));
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("key"))
                    throw $util.ProtocolError("missing required 'key'", { instance: message });
                return message;
            };

            /**
             * Decodes a SceneViewVariant message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.SceneViewVariant} SceneViewVariant
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            SceneViewVariant.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a SceneViewVariant message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            SceneViewVariant.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (!$util.isString(message.key))
                    return "key: string expected";
                if (message.scenes != null && message.hasOwnProperty("scenes")) {
                    if (!Array.isArray(message.scenes))
                        return "scenes: array expected";
                    for (var i = 0; i < message.scenes.length; ++i) {
                        var error = $root.JetSDL.Proto.Scene.verify(message.scenes[i]);
                        if (error)
                            return "scenes." + error;
                    }
                }
                return null;
            };

            /**
             * Creates a SceneViewVariant message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.SceneViewVariant} SceneViewVariant
             */
            SceneViewVariant.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.SceneViewVariant)
                    return object;
                var message = new $root.JetSDL.Proto.SceneViewVariant();
                if (object.key != null)
                    message.key = String(object.key);
                if (object.scenes) {
                    if (!Array.isArray(object.scenes))
                        throw TypeError(".JetSDL.Proto.SceneViewVariant.scenes: array expected");
                    message.scenes = [];
                    for (var i = 0; i < object.scenes.length; ++i) {
                        if (typeof object.scenes[i] !== "object")
                            throw TypeError(".JetSDL.Proto.SceneViewVariant.scenes: object expected");
                        message.scenes[i] = $root.JetSDL.Proto.Scene.fromObject(object.scenes[i]);
                    }
                }
                return message;
            };

            /**
             * Creates a SceneViewVariant message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.SceneViewVariant.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.SceneViewVariant} SceneViewVariant
             */
            SceneViewVariant.from = SceneViewVariant.fromObject;

            /**
             * Creates a plain object from a SceneViewVariant message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.SceneViewVariant} message SceneViewVariant
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            SceneViewVariant.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.scenes = [];
                if (options.defaults)
                    object.key = "";
                if (message.key != null && message.hasOwnProperty("key"))
                    object.key = message.key;
                if (message.scenes && message.scenes.length) {
                    object.scenes = [];
                    for (var j = 0; j < message.scenes.length; ++j)
                        object.scenes[j] = $root.JetSDL.Proto.Scene.toObject(message.scenes[j], options);
                }
                return object;
            };

            /**
             * Creates a plain object from this SceneViewVariant message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            SceneViewVariant.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this SceneViewVariant to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            SceneViewVariant.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return SceneViewVariant;
        })();

        Proto.SceneView = (function() {

            /**
             * Properties of a SceneView.
             * @typedef JetSDL.Proto.SceneView$Properties
             * @type {Object}
             * @property {JetSDL.Proto.SceneView.Type} [type] SceneView type.
             * @property {Array.<JetSDL.Proto.Scene$Properties>} [scenes] SceneView scenes.
             * @property {JetSDL.Proto.EndBehaviour} [endbehaviour] SceneView endbehaviour.
             * @property {JetSDL.Proto.FileLocation$Properties} [source] SceneView source.
             * @property {Array.<JetSDL.Proto.SceneViewVariant$Properties>} [variants] SceneView variants.
             * @property {JetSDL.Proto.StringVariable$Properties} [variable] SceneView variable.
             * @property {number} [width] SceneView width.
             * @property {number} [height] SceneView height.
             * @property {Array.<string>} [keys] SceneView keys.
             * @property {string} [filelocationprefixholder] SceneView filelocationprefixholder.
             * @property {JetSDL.Proto.Fractional$Properties} [videoframerate] SceneView videoframerate.
             */

            /**
             * Constructs a new SceneView.
             * @exports JetSDL.Proto.SceneView
             * @constructor
             * @param {JetSDL.Proto.SceneView$Properties=} [properties] Properties to set
             */
            function SceneView(properties) {
                this.scenes = [];
                this.variants = [];
                this.keys = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * SceneView type.
             * @type {JetSDL.Proto.SceneView.Type}
             */
            SceneView.prototype.type = 0;

            /**
             * SceneView scenes.
             * @type {Array.<JetSDL.Proto.Scene$Properties>}
             */
            SceneView.prototype.scenes = $util.emptyArray;

            /**
             * SceneView endbehaviour.
             * @type {JetSDL.Proto.EndBehaviour}
             */
            SceneView.prototype.endbehaviour = 0;

            /**
             * SceneView source.
             * @type {(JetSDL.Proto.FileLocation$Properties|null)}
             */
            SceneView.prototype.source = null;

            /**
             * SceneView variants.
             * @type {Array.<JetSDL.Proto.SceneViewVariant$Properties>}
             */
            SceneView.prototype.variants = $util.emptyArray;

            /**
             * SceneView variable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            SceneView.prototype.variable = null;

            /**
             * SceneView width.
             * @type {number}
             */
            SceneView.prototype.width = 0;

            /**
             * SceneView height.
             * @type {number}
             */
            SceneView.prototype.height = 0;

            /**
             * SceneView keys.
             * @type {Array.<string>}
             */
            SceneView.prototype.keys = $util.emptyArray;

            /**
             * SceneView filelocationprefixholder.
             * @type {string}
             */
            SceneView.prototype.filelocationprefixholder = "";

            /**
             * SceneView videoframerate.
             * @type {(JetSDL.Proto.Fractional$Properties|null)}
             */
            SceneView.prototype.videoframerate = null;

            /**
             * Creates a new SceneView instance using the specified properties.
             * @param {JetSDL.Proto.SceneView$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.SceneView} SceneView instance
             */
            SceneView.create = function create(properties) {
                return new SceneView(properties);
            };

            /**
             * Encodes the specified SceneView message. Does not implicitly {@link JetSDL.Proto.SceneView.verify|verify} messages.
             * @param {JetSDL.Proto.SceneView$Properties} message SceneView message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            SceneView.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.type != null && message.hasOwnProperty("type"))
                    writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.scenes != null && message.scenes.length)
                    for (var i = 0; i < message.scenes.length; ++i)
                        $root.JetSDL.Proto.Scene.encode(message.scenes[i], writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.endbehaviour != null && message.hasOwnProperty("endbehaviour"))
                    writer.uint32(/* id 3, wireType 0 =*/24).uint32(message.endbehaviour);
                if (message.source != null && message.hasOwnProperty("source"))
                    $root.JetSDL.Proto.FileLocation.encode(message.source, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                if (message.filelocationprefixholder != null && message.hasOwnProperty("filelocationprefixholder"))
                    writer.uint32(/* id 17, wireType 2 =*/138).string(message.filelocationprefixholder);
                if (message.keys != null && message.keys.length)
                    for (var i = 0; i < message.keys.length; ++i)
                        writer.uint32(/* id 18, wireType 2 =*/146).string(message.keys[i]);
                if (message.variants != null && message.variants.length)
                    for (var i = 0; i < message.variants.length; ++i)
                        $root.JetSDL.Proto.SceneViewVariant.encode(message.variants[i], writer.uint32(/* id 19, wireType 2 =*/154).fork()).ldelim();
                if (message.variable != null && message.hasOwnProperty("variable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.variable, writer.uint32(/* id 20, wireType 2 =*/162).fork()).ldelim();
                if (message.width != null && message.hasOwnProperty("width"))
                    writer.uint32(/* id 21, wireType 0 =*/168).int32(message.width);
                if (message.height != null && message.hasOwnProperty("height"))
                    writer.uint32(/* id 22, wireType 0 =*/176).int32(message.height);
                if (message.videoframerate != null && message.hasOwnProperty("videoframerate"))
                    $root.JetSDL.Proto.Fractional.encode(message.videoframerate, writer.uint32(/* id 23, wireType 2 =*/186).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified SceneView message, length delimited. Does not implicitly {@link JetSDL.Proto.SceneView.verify|verify} messages.
             * @param {JetSDL.Proto.SceneView$Properties} message SceneView message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            SceneView.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a SceneView message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.SceneView} SceneView
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            SceneView.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.SceneView();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        if (!(message.scenes && message.scenes.length))
                            message.scenes = [];
                        message.scenes.push($root.JetSDL.Proto.Scene.decode(reader, reader.uint32()));
                        break;
                    case 3:
                        message.endbehaviour = reader.uint32();
                        break;
                    case 4:
                        message.source = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                        break;
                    case 19:
                        if (!(message.variants && message.variants.length))
                            message.variants = [];
                        message.variants.push($root.JetSDL.Proto.SceneViewVariant.decode(reader, reader.uint32()));
                        break;
                    case 20:
                        message.variable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 21:
                        message.width = reader.int32();
                        break;
                    case 22:
                        message.height = reader.int32();
                        break;
                    case 18:
                        if (!(message.keys && message.keys.length))
                            message.keys = [];
                        message.keys.push(reader.string());
                        break;
                    case 17:
                        message.filelocationprefixholder = reader.string();
                        break;
                    case 23:
                        message.videoframerate = $root.JetSDL.Proto.Fractional.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a SceneView message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.SceneView} SceneView
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            SceneView.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a SceneView message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            SceneView.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.type != null && message.hasOwnProperty("type"))
                    switch (message.type) {
                    default:
                        return "type: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                        break;
                    }
                if (message.scenes != null && message.hasOwnProperty("scenes")) {
                    if (!Array.isArray(message.scenes))
                        return "scenes: array expected";
                    for (var i = 0; i < message.scenes.length; ++i) {
                        var error = $root.JetSDL.Proto.Scene.verify(message.scenes[i]);
                        if (error)
                            return "scenes." + error;
                    }
                }
                if (message.endbehaviour != null && message.hasOwnProperty("endbehaviour"))
                    switch (message.endbehaviour) {
                    default:
                        return "endbehaviour: enum value expected";
                    case 0:
                    case 1:
                    case -2:
                    case -3:
                    case -4:
                        break;
                    }
                if (message.source != null && message.hasOwnProperty("source")) {
                    var error = $root.JetSDL.Proto.FileLocation.verify(message.source);
                    if (error)
                        return "source." + error;
                }
                if (message.variants != null && message.hasOwnProperty("variants")) {
                    if (!Array.isArray(message.variants))
                        return "variants: array expected";
                    for (var i = 0; i < message.variants.length; ++i) {
                        var error = $root.JetSDL.Proto.SceneViewVariant.verify(message.variants[i]);
                        if (error)
                            return "variants." + error;
                    }
                }
                if (message.variable != null && message.hasOwnProperty("variable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.variable);
                    if (error)
                        return "variable." + error;
                }
                if (message.width != null && message.hasOwnProperty("width"))
                    if (!$util.isInteger(message.width))
                        return "width: integer expected";
                if (message.height != null && message.hasOwnProperty("height"))
                    if (!$util.isInteger(message.height))
                        return "height: integer expected";
                if (message.keys != null && message.hasOwnProperty("keys")) {
                    if (!Array.isArray(message.keys))
                        return "keys: array expected";
                    for (var i = 0; i < message.keys.length; ++i)
                        if (!$util.isString(message.keys[i]))
                            return "keys: string[] expected";
                }
                if (message.filelocationprefixholder != null && message.hasOwnProperty("filelocationprefixholder"))
                    if (!$util.isString(message.filelocationprefixholder))
                        return "filelocationprefixholder: string expected";
                if (message.videoframerate != null && message.hasOwnProperty("videoframerate")) {
                    var error = $root.JetSDL.Proto.Fractional.verify(message.videoframerate);
                    if (error)
                        return "videoframerate." + error;
                }
                return null;
            };

            /**
             * Creates a SceneView message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.SceneView} SceneView
             */
            SceneView.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.SceneView)
                    return object;
                var message = new $root.JetSDL.Proto.SceneView();
                switch (object.type) {
                case "embedded":
                case 0:
                    message.type = 0;
                    break;
                case "file":
                case 1:
                    message.type = 1;
                    break;
                case "variant":
                case 2:
                    message.type = 2;
                    break;
                }
                if (object.scenes) {
                    if (!Array.isArray(object.scenes))
                        throw TypeError(".JetSDL.Proto.SceneView.scenes: array expected");
                    message.scenes = [];
                    for (var i = 0; i < object.scenes.length; ++i) {
                        if (typeof object.scenes[i] !== "object")
                            throw TypeError(".JetSDL.Proto.SceneView.scenes: object expected");
                        message.scenes[i] = $root.JetSDL.Proto.Scene.fromObject(object.scenes[i]);
                    }
                }
                switch (object.endbehaviour) {
                case "repeatlast":
                case 0:
                    message.endbehaviour = 0;
                    break;
                case "loop":
                case 1:
                    message.endbehaviour = 1;
                    break;
                case "emptyframe":
                case -2:
                    message.endbehaviour = -2;
                    break;
                case "fullframe":
                case -3:
                    message.endbehaviour = -3;
                    break;
                case "fail":
                case -4:
                    message.endbehaviour = -4;
                    break;
                }
                if (object.source != null) {
                    if (typeof object.source !== "object")
                        throw TypeError(".JetSDL.Proto.SceneView.source: object expected");
                    message.source = $root.JetSDL.Proto.FileLocation.fromObject(object.source);
                }
                if (object.variants) {
                    if (!Array.isArray(object.variants))
                        throw TypeError(".JetSDL.Proto.SceneView.variants: array expected");
                    message.variants = [];
                    for (var i = 0; i < object.variants.length; ++i) {
                        if (typeof object.variants[i] !== "object")
                            throw TypeError(".JetSDL.Proto.SceneView.variants: object expected");
                        message.variants[i] = $root.JetSDL.Proto.SceneViewVariant.fromObject(object.variants[i]);
                    }
                }
                if (object.variable != null) {
                    if (typeof object.variable !== "object")
                        throw TypeError(".JetSDL.Proto.SceneView.variable: object expected");
                    message.variable = $root.JetSDL.Proto.StringVariable.fromObject(object.variable);
                }
                if (object.width != null)
                    message.width = object.width | 0;
                if (object.height != null)
                    message.height = object.height | 0;
                if (object.keys) {
                    if (!Array.isArray(object.keys))
                        throw TypeError(".JetSDL.Proto.SceneView.keys: array expected");
                    message.keys = [];
                    for (var i = 0; i < object.keys.length; ++i)
                        message.keys[i] = String(object.keys[i]);
                }
                if (object.filelocationprefixholder != null)
                    message.filelocationprefixholder = String(object.filelocationprefixholder);
                if (object.videoframerate != null) {
                    if (typeof object.videoframerate !== "object")
                        throw TypeError(".JetSDL.Proto.SceneView.videoframerate: object expected");
                    message.videoframerate = $root.JetSDL.Proto.Fractional.fromObject(object.videoframerate);
                }
                return message;
            };

            /**
             * Creates a SceneView message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.SceneView.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.SceneView} SceneView
             */
            SceneView.from = SceneView.fromObject;

            /**
             * Creates a plain object from a SceneView message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.SceneView} message SceneView
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            SceneView.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.scenes = [];
                    object.keys = [];
                    object.variants = [];
                }
                if (options.defaults) {
                    object.type = options.enums === String ? "embedded" : 0;
                    object.endbehaviour = options.enums === String ? "repeatlast" : 0;
                    object.source = null;
                    object.filelocationprefixholder = "";
                    object.variable = null;
                    object.width = 0;
                    object.height = 0;
                    object.videoframerate = null;
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.SceneView.Type[message.type] : message.type;
                if (message.scenes && message.scenes.length) {
                    object.scenes = [];
                    for (var j = 0; j < message.scenes.length; ++j)
                        object.scenes[j] = $root.JetSDL.Proto.Scene.toObject(message.scenes[j], options);
                }
                if (message.endbehaviour != null && message.hasOwnProperty("endbehaviour"))
                    object.endbehaviour = options.enums === String ? $root.JetSDL.Proto.EndBehaviour[message.endbehaviour] : message.endbehaviour;
                if (message.source != null && message.hasOwnProperty("source"))
                    object.source = $root.JetSDL.Proto.FileLocation.toObject(message.source, options);
                if (message.filelocationprefixholder != null && message.hasOwnProperty("filelocationprefixholder"))
                    object.filelocationprefixholder = message.filelocationprefixholder;
                if (message.keys && message.keys.length) {
                    object.keys = [];
                    for (var j = 0; j < message.keys.length; ++j)
                        object.keys[j] = message.keys[j];
                }
                if (message.variants && message.variants.length) {
                    object.variants = [];
                    for (var j = 0; j < message.variants.length; ++j)
                        object.variants[j] = $root.JetSDL.Proto.SceneViewVariant.toObject(message.variants[j], options);
                }
                if (message.variable != null && message.hasOwnProperty("variable"))
                    object.variable = $root.JetSDL.Proto.StringVariable.toObject(message.variable, options);
                if (message.width != null && message.hasOwnProperty("width"))
                    object.width = message.width;
                if (message.height != null && message.hasOwnProperty("height"))
                    object.height = message.height;
                if (message.videoframerate != null && message.hasOwnProperty("videoframerate"))
                    object.videoframerate = $root.JetSDL.Proto.Fractional.toObject(message.videoframerate, options);
                return object;
            };

            /**
             * Creates a plain object from this SceneView message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            SceneView.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this SceneView to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            SceneView.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.SceneView
             * @enum {number}
             * @property {number} embedded=0 embedded value
             * @property {number} file=1 file value
             * @property {number} variant=2 variant value
             */
            SceneView.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "embedded"] = 0;
                values[valuesById[1] = "file"] = 1;
                values[valuesById[2] = "variant"] = 2;
                return values;
            })();

            return SceneView;
        })();

        Proto.ImageProvider = (function() {

            /**
             * Properties of an ImageProvider.
             * @typedef JetSDL.Proto.ImageProvider$Properties
             * @type {Object}
             * @property {JetSDL.Proto.ImageProvider.Type} type ImageProvider type.
             * @property {number} [numframes] ImageProvider numframes.
             * @property {JetSDL.Proto.FileLocation$Properties} [source] ImageProvider source.
             * @property {Array.<JetSDL.Proto.VisualTrack$Properties>} [tracks] ImageProvider tracks.
             * @property {number} [width] ImageProvider width.
             * @property {number} [height] ImageProvider height.
             * @property {JetSDL.Proto.Color$Properties} [color] ImageProvider color.
             * @property {JetSDL.Proto.TrackData$Properties} [trackdata] ImageProvider trackdata.
             * @property {JetSDL.Proto.TrackData$Properties} [trackdatatop] ImageProvider trackdatatop.
             * @property {JetSDL.Proto.TrackData$Properties} [trackdatabottom] ImageProvider trackdatabottom.
             * @property {number} [fontsize] ImageProvider fontsize.
             * @property {number} [fontsizeD] ImageProvider fontsizeD.
             * @property {JetSDL.Proto.Function$Properties} [fontsizeFunction] ImageProvider fontsizeFunction.
             * @property {number} [baselength] ImageProvider baselength.
             * @property {number} [baseheight] ImageProvider baseheight.
             * @property {number} [numinterpoints] ImageProvider numinterpoints.
             * @property {number} [linechars] ImageProvider linechars.
             * @property {boolean} [center] ImageProvider center.
             * @property {JetSDL.Proto.StringVariable$Properties} [text] ImageProvider text.
             * @property {Array.<number>} [scale] ImageProvider scale.
             * @property {number} [videooffset] ImageProvider videooffset.
             * @property {JetSDL.Proto.StringVariable$Properties} [videooffsetvariable] ImageProvider videooffsetvariable.
             * @property {boolean} [usecachedir] ImageProvider usecachedir.
             * @property {string} [cachedir] ImageProvider cachedir.
             * @property {string} [writeextension] ImageProvider writeextension.
             * @property {boolean} [upscale] ImageProvider upscale.
             * @property {boolean} [downscale] ImageProvider downscale.
             * @property {string} [scaleArHint] ImageProvider scaleArHint.
             * @property {JetSDL.Proto.ImageProvider.TextAlignment} [xalignment] ImageProvider xalignment.
             * @property {JetSDL.Proto.ImageProvider.TextPosition} [yalignment] ImageProvider yalignment.
             * @property {string} [httpExtensionHint] ImageProvider httpExtensionHint.
             * @property {boolean} [loadpremulalpha] ImageProvider loadpremulalpha.
             * @property {boolean} [httpalwaysload] ImageProvider httpalwaysload.
             * @property {JetSDL.Proto.SceneView$Properties} [sceneview] ImageProvider sceneview.
             * @property {number} [fontspacingDeprecated] ImageProvider fontspacingDeprecated.
             * @property {number} [fontspacing] ImageProvider fontspacing.
             * @property {number} [linespacing] ImageProvider linespacing.
             * @property {number} [comicbookframetime] ImageProvider comicbookframetime.
             * @property {JetSDL.Proto.ImageProvider$Properties} [comicsource] ImageProvider comicsource.
             * @property {number} [textborderRight] ImageProvider textborderRight.
             * @property {number} [textborderLeft] ImageProvider textborderLeft.
             * @property {number} [textborderTop] ImageProvider textborderTop.
             * @property {number} [textborderBottom] ImageProvider textborderBottom.
             * @property {boolean} [overflowresize] ImageProvider overflowresize.
             * @property {string} [customIdentifier] ImageProvider customIdentifier.
             * @property {JetSDL.Proto.PieChartDescription$Properties} [piechartdescription] ImageProvider piechartdescription.
             * @property {JetSDL.Proto.BarChartDescription$Properties} [barchartdescription] ImageProvider barchartdescription.
             * @property {JetSDL.Proto.ImageBarChartDescription$Properties} [imagebarchartdescription] ImageProvider imagebarchartdescription.
             * @property {JetSDL.Proto.LineChartDescription$Properties} [linechartdescription] ImageProvider linechartdescription.
             * @property {JetSDL.Proto.BezierDescription$Properties} [bezierdescription] ImageProvider bezierdescription.
             * @property {boolean} [treatasstaticforcaching] ImageProvider treatasstaticforcaching.
             * @property {JetSDL.Proto.ImageProvider$Properties} [innerprovider] ImageProvider innerprovider.
             * @property {number} [maskchannel] ImageProvider maskchannel.
             * @property {Array.<JetSDL.Proto.ImageProvider.TextOutline$Properties>} [textoutlines] ImageProvider textoutlines.
             * @property {JetSDL.Proto.ImageProvider$Properties} [texttexture] ImageProvider texttexture.
             * @property {JetSDL.Proto.ImageProvider.TextureStyle} [texttexturestyle] ImageProvider texttexturestyle.
             * @property {JetSDL.Proto.Function$Properties} [texttypewritereffect] ImageProvider texttypewritereffect.
             * @property {JetSDL.Proto.Function$Properties} [texttypewriterfadestart] ImageProvider texttypewriterfadestart.
             * @property {JetSDL.Proto.Function$Properties} [texttypewriterfadeend] ImageProvider texttypewriterfadeend.
             * @property {JetSDL.Proto.Function$Properties} [fontspacingFunction] ImageProvider fontspacingFunction.
             * @property {JetSDL.Proto.Function$Properties} [linespacingFunction] ImageProvider linespacingFunction.
             * @property {number} [textoutlinesubpixellevel] ImageProvider textoutlinesubpixellevel.
             * @property {Array.<JetSDL.Proto.ImageProvider.TextAugment$Properties>} [textaugmentations] ImageProvider textaugmentations.
             * @property {JetSDL.Proto.ImageProvider.TextOverflowBehaviour} [textoverflowbehaviour] ImageProvider textoverflowbehaviour.
             * @property {string} [comment] ImageProvider comment.
             * @property {boolean} [usevideodecodernormalisation] ImageProvider usevideodecodernormalisation.
             * @property {boolean} [uselocalhttpproxy] ImageProvider uselocalhttpproxy.
             * @property {JetSDL.Proto.EndBehaviour} [endbehaviour] ImageProvider endbehaviour.
             * @property {JetSDL.Proto.ImageProvider.JSCanvasDescription$Properties} [jscanvasdescription] ImageProvider jscanvasdescription.
             * @property {boolean} [ensure8bit] ImageProvider ensure8bit.
             * @property {Array.<JetSDL.Proto.ImageProvider.TextContext$Properties>} [textcontexts] ImageProvider textcontexts.
             * @property {boolean} [usetextcontextmarkup] ImageProvider usetextcontextmarkup.
             * @property {boolean} [rotatevideobymetadata] ImageProvider rotatevideobymetadata.
             * @property {JetSDL.Proto.ImageProvider.PathDescription$Properties} [pathdescription] ImageProvider pathdescription.
             */

            /**
             * Constructs a new ImageProvider.
             * @exports JetSDL.Proto.ImageProvider
             * @constructor
             * @param {JetSDL.Proto.ImageProvider$Properties=} [properties] Properties to set
             */
            function ImageProvider(properties) {
                this.tracks = [];
                this.scale = [];
                this.textoutlines = [];
                this.textaugmentations = [];
                this.textcontexts = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * ImageProvider type.
             * @type {JetSDL.Proto.ImageProvider.Type}
             */
            ImageProvider.prototype.type = 0;

            /**
             * ImageProvider numframes.
             * @type {number}
             */
            ImageProvider.prototype.numframes = -1;

            /**
             * ImageProvider source.
             * @type {(JetSDL.Proto.FileLocation$Properties|null)}
             */
            ImageProvider.prototype.source = null;

            /**
             * ImageProvider tracks.
             * @type {Array.<JetSDL.Proto.VisualTrack$Properties>}
             */
            ImageProvider.prototype.tracks = $util.emptyArray;

            /**
             * ImageProvider width.
             * @type {number}
             */
            ImageProvider.prototype.width = 0;

            /**
             * ImageProvider height.
             * @type {number}
             */
            ImageProvider.prototype.height = 0;

            /**
             * ImageProvider color.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            ImageProvider.prototype.color = null;

            /**
             * ImageProvider trackdata.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            ImageProvider.prototype.trackdata = null;

            /**
             * ImageProvider trackdatatop.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            ImageProvider.prototype.trackdatatop = null;

            /**
             * ImageProvider trackdatabottom.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            ImageProvider.prototype.trackdatabottom = null;

            /**
             * ImageProvider fontsize.
             * @type {number}
             */
            ImageProvider.prototype.fontsize = 40;

            /**
             * ImageProvider fontsizeD.
             * @type {number}
             */
            ImageProvider.prototype.fontsizeD = 40;

            /**
             * ImageProvider fontsizeFunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            ImageProvider.prototype.fontsizeFunction = null;

            /**
             * ImageProvider baselength.
             * @type {number}
             */
            ImageProvider.prototype.baselength = 80;

            /**
             * ImageProvider baseheight.
             * @type {number}
             */
            ImageProvider.prototype.baseheight = 12;

            /**
             * ImageProvider numinterpoints.
             * @type {number}
             */
            ImageProvider.prototype.numinterpoints = 50;

            /**
             * ImageProvider linechars.
             * @type {number}
             */
            ImageProvider.prototype.linechars = 50;

            /**
             * ImageProvider center.
             * @type {boolean}
             */
            ImageProvider.prototype.center = false;

            /**
             * ImageProvider text.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            ImageProvider.prototype.text = null;

            /**
             * ImageProvider scale.
             * @type {Array.<number>}
             */
            ImageProvider.prototype.scale = $util.emptyArray;

            /**
             * ImageProvider videooffset.
             * @type {number}
             */
            ImageProvider.prototype.videooffset = 0;

            /**
             * ImageProvider videooffsetvariable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            ImageProvider.prototype.videooffsetvariable = null;

            /**
             * ImageProvider usecachedir.
             * @type {boolean}
             */
            ImageProvider.prototype.usecachedir = true;

            /**
             * ImageProvider cachedir.
             * @type {string}
             */
            ImageProvider.prototype.cachedir = "cache";

            /**
             * ImageProvider writeextension.
             * @type {string}
             */
            ImageProvider.prototype.writeextension = ".tif";

            /**
             * ImageProvider upscale.
             * @type {boolean}
             */
            ImageProvider.prototype.upscale = false;

            /**
             * ImageProvider downscale.
             * @type {boolean}
             */
            ImageProvider.prototype.downscale = true;

            /**
             * ImageProvider scaleArHint.
             * @type {string}
             */
            ImageProvider.prototype.scaleArHint = "w";

            /**
             * ImageProvider xalignment.
             * @type {JetSDL.Proto.ImageProvider.TextAlignment}
             */
            ImageProvider.prototype.xalignment = 0;

            /**
             * ImageProvider yalignment.
             * @type {JetSDL.Proto.ImageProvider.TextPosition}
             */
            ImageProvider.prototype.yalignment = 2;

            /**
             * ImageProvider httpExtensionHint.
             * @type {string}
             */
            ImageProvider.prototype.httpExtensionHint = "";

            /**
             * ImageProvider loadpremulalpha.
             * @type {boolean}
             */
            ImageProvider.prototype.loadpremulalpha = true;

            /**
             * ImageProvider httpalwaysload.
             * @type {boolean}
             */
            ImageProvider.prototype.httpalwaysload = false;

            /**
             * ImageProvider sceneview.
             * @type {(JetSDL.Proto.SceneView$Properties|null)}
             */
            ImageProvider.prototype.sceneview = null;

            /**
             * ImageProvider fontspacingDeprecated.
             * @type {number}
             */
            ImageProvider.prototype.fontspacingDeprecated = 0;

            /**
             * ImageProvider fontspacing.
             * @type {number}
             */
            ImageProvider.prototype.fontspacing = 0;

            /**
             * ImageProvider linespacing.
             * @type {number}
             */
            ImageProvider.prototype.linespacing = 0;

            /**
             * ImageProvider comicbookframetime.
             * @type {number}
             */
            ImageProvider.prototype.comicbookframetime = 1;

            /**
             * ImageProvider comicsource.
             * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
             */
            ImageProvider.prototype.comicsource = null;

            /**
             * ImageProvider textborderRight.
             * @type {number}
             */
            ImageProvider.prototype.textborderRight = 0;

            /**
             * ImageProvider textborderLeft.
             * @type {number}
             */
            ImageProvider.prototype.textborderLeft = 0;

            /**
             * ImageProvider textborderTop.
             * @type {number}
             */
            ImageProvider.prototype.textborderTop = 0;

            /**
             * ImageProvider textborderBottom.
             * @type {number}
             */
            ImageProvider.prototype.textborderBottom = 0;

            /**
             * ImageProvider overflowresize.
             * @type {boolean}
             */
            ImageProvider.prototype.overflowresize = true;

            /**
             * ImageProvider customIdentifier.
             * @type {string}
             */
            ImageProvider.prototype.customIdentifier = "";

            /**
             * ImageProvider piechartdescription.
             * @type {(JetSDL.Proto.PieChartDescription$Properties|null)}
             */
            ImageProvider.prototype.piechartdescription = null;

            /**
             * ImageProvider barchartdescription.
             * @type {(JetSDL.Proto.BarChartDescription$Properties|null)}
             */
            ImageProvider.prototype.barchartdescription = null;

            /**
             * ImageProvider imagebarchartdescription.
             * @type {(JetSDL.Proto.ImageBarChartDescription$Properties|null)}
             */
            ImageProvider.prototype.imagebarchartdescription = null;

            /**
             * ImageProvider linechartdescription.
             * @type {(JetSDL.Proto.LineChartDescription$Properties|null)}
             */
            ImageProvider.prototype.linechartdescription = null;

            /**
             * ImageProvider bezierdescription.
             * @type {(JetSDL.Proto.BezierDescription$Properties|null)}
             */
            ImageProvider.prototype.bezierdescription = null;

            /**
             * ImageProvider treatasstaticforcaching.
             * @type {boolean}
             */
            ImageProvider.prototype.treatasstaticforcaching = false;

            /**
             * ImageProvider innerprovider.
             * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
             */
            ImageProvider.prototype.innerprovider = null;

            /**
             * ImageProvider maskchannel.
             * @type {number}
             */
            ImageProvider.prototype.maskchannel = 0;

            /**
             * ImageProvider textoutlines.
             * @type {Array.<JetSDL.Proto.ImageProvider.TextOutline$Properties>}
             */
            ImageProvider.prototype.textoutlines = $util.emptyArray;

            /**
             * ImageProvider texttexture.
             * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
             */
            ImageProvider.prototype.texttexture = null;

            /**
             * ImageProvider texttexturestyle.
             * @type {JetSDL.Proto.ImageProvider.TextureStyle}
             */
            ImageProvider.prototype.texttexturestyle = 0;

            /**
             * ImageProvider texttypewritereffect.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            ImageProvider.prototype.texttypewritereffect = null;

            /**
             * ImageProvider texttypewriterfadestart.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            ImageProvider.prototype.texttypewriterfadestart = null;

            /**
             * ImageProvider texttypewriterfadeend.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            ImageProvider.prototype.texttypewriterfadeend = null;

            /**
             * ImageProvider fontspacingFunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            ImageProvider.prototype.fontspacingFunction = null;

            /**
             * ImageProvider linespacingFunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            ImageProvider.prototype.linespacingFunction = null;

            /**
             * ImageProvider textoutlinesubpixellevel.
             * @type {number}
             */
            ImageProvider.prototype.textoutlinesubpixellevel = 1;

            /**
             * ImageProvider textaugmentations.
             * @type {Array.<JetSDL.Proto.ImageProvider.TextAugment$Properties>}
             */
            ImageProvider.prototype.textaugmentations = $util.emptyArray;

            /**
             * ImageProvider textoverflowbehaviour.
             * @type {JetSDL.Proto.ImageProvider.TextOverflowBehaviour}
             */
            ImageProvider.prototype.textoverflowbehaviour = 3;

            /**
             * ImageProvider comment.
             * @type {string}
             */
            ImageProvider.prototype.comment = "";

            /**
             * ImageProvider usevideodecodernormalisation.
             * @type {boolean}
             */
            ImageProvider.prototype.usevideodecodernormalisation = true;

            /**
             * ImageProvider uselocalhttpproxy.
             * @type {boolean}
             */
            ImageProvider.prototype.uselocalhttpproxy = false;

            /**
             * ImageProvider endbehaviour.
             * @type {JetSDL.Proto.EndBehaviour}
             */
            ImageProvider.prototype.endbehaviour = 0;

            /**
             * ImageProvider jscanvasdescription.
             * @type {(JetSDL.Proto.ImageProvider.JSCanvasDescription$Properties|null)}
             */
            ImageProvider.prototype.jscanvasdescription = null;

            /**
             * ImageProvider ensure8bit.
             * @type {boolean}
             */
            ImageProvider.prototype.ensure8bit = false;

            /**
             * ImageProvider textcontexts.
             * @type {Array.<JetSDL.Proto.ImageProvider.TextContext$Properties>}
             */
            ImageProvider.prototype.textcontexts = $util.emptyArray;

            /**
             * ImageProvider usetextcontextmarkup.
             * @type {boolean}
             */
            ImageProvider.prototype.usetextcontextmarkup = false;

            /**
             * ImageProvider rotatevideobymetadata.
             * @type {boolean}
             */
            ImageProvider.prototype.rotatevideobymetadata = true;

            /**
             * ImageProvider pathdescription.
             * @type {(JetSDL.Proto.ImageProvider.PathDescription$Properties|null)}
             */
            ImageProvider.prototype.pathdescription = null;

            /**
             * Creates a new ImageProvider instance using the specified properties.
             * @param {JetSDL.Proto.ImageProvider$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.ImageProvider} ImageProvider instance
             */
            ImageProvider.create = function create(properties) {
                return new ImageProvider(properties);
            };

            /**
             * Encodes the specified ImageProvider message. Does not implicitly {@link JetSDL.Proto.ImageProvider.verify|verify} messages.
             * @param {JetSDL.Proto.ImageProvider$Properties} message ImageProvider message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            ImageProvider.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.source != null && message.hasOwnProperty("source"))
                    $root.JetSDL.Proto.FileLocation.encode(message.source, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.tracks != null && message.tracks.length)
                    for (var i = 0; i < message.tracks.length; ++i)
                        $root.JetSDL.Proto.VisualTrack.encode(message.tracks[i], writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.width != null && message.hasOwnProperty("width"))
                    writer.uint32(/* id 4, wireType 0 =*/32).int32(message.width);
                if (message.height != null && message.hasOwnProperty("height"))
                    writer.uint32(/* id 5, wireType 0 =*/40).int32(message.height);
                if (message.color != null && message.hasOwnProperty("color"))
                    $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                if (message.trackdata != null && message.hasOwnProperty("trackdata"))
                    $root.JetSDL.Proto.TrackData.encode(message.trackdata, writer.uint32(/* id 7, wireType 2 =*/58).fork()).ldelim();
                if (message.trackdatatop != null && message.hasOwnProperty("trackdatatop"))
                    $root.JetSDL.Proto.TrackData.encode(message.trackdatatop, writer.uint32(/* id 8, wireType 2 =*/66).fork()).ldelim();
                if (message.trackdatabottom != null && message.hasOwnProperty("trackdatabottom"))
                    $root.JetSDL.Proto.TrackData.encode(message.trackdatabottom, writer.uint32(/* id 9, wireType 2 =*/74).fork()).ldelim();
                if (message.fontsize != null && message.hasOwnProperty("fontsize"))
                    writer.uint32(/* id 12, wireType 0 =*/96).int32(message.fontsize);
                if (message.baselength != null && message.hasOwnProperty("baselength"))
                    writer.uint32(/* id 13, wireType 0 =*/104).int32(message.baselength);
                if (message.baseheight != null && message.hasOwnProperty("baseheight"))
                    writer.uint32(/* id 14, wireType 0 =*/112).int32(message.baseheight);
                if (message.numinterpoints != null && message.hasOwnProperty("numinterpoints"))
                    writer.uint32(/* id 15, wireType 0 =*/120).int32(message.numinterpoints);
                if (message.center != null && message.hasOwnProperty("center"))
                    writer.uint32(/* id 16, wireType 0 =*/128).bool(message.center);
                if (message.linechars != null && message.hasOwnProperty("linechars"))
                    writer.uint32(/* id 17, wireType 0 =*/136).int32(message.linechars);
                if (message.text != null && message.hasOwnProperty("text"))
                    $root.JetSDL.Proto.StringVariable.encode(message.text, writer.uint32(/* id 18, wireType 2 =*/146).fork()).ldelim();
                if (message.scale != null && message.scale.length)
                    for (var i = 0; i < message.scale.length; ++i)
                        writer.uint32(/* id 19, wireType 1 =*/153).double(message.scale[i]);
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    writer.uint32(/* id 21, wireType 0 =*/168).int32(message.numframes);
                if (message.videooffset != null && message.hasOwnProperty("videooffset"))
                    writer.uint32(/* id 22, wireType 0 =*/176).int32(message.videooffset);
                if (message.usecachedir != null && message.hasOwnProperty("usecachedir"))
                    writer.uint32(/* id 23, wireType 0 =*/184).bool(message.usecachedir);
                if (message.cachedir != null && message.hasOwnProperty("cachedir"))
                    writer.uint32(/* id 24, wireType 2 =*/194).string(message.cachedir);
                if (message.xalignment != null && message.hasOwnProperty("xalignment"))
                    writer.uint32(/* id 25, wireType 0 =*/200).uint32(message.xalignment);
                if (message.httpExtensionHint != null && message.hasOwnProperty("httpExtensionHint"))
                    writer.uint32(/* id 26, wireType 2 =*/210).string(message.httpExtensionHint);
                if (message.yalignment != null && message.hasOwnProperty("yalignment"))
                    writer.uint32(/* id 27, wireType 0 =*/216).uint32(message.yalignment);
                if (message.upscale != null && message.hasOwnProperty("upscale"))
                    writer.uint32(/* id 28, wireType 0 =*/224).bool(message.upscale);
                if (message.downscale != null && message.hasOwnProperty("downscale"))
                    writer.uint32(/* id 29, wireType 0 =*/232).bool(message.downscale);
                if (message.writeextension != null && message.hasOwnProperty("writeextension"))
                    writer.uint32(/* id 30, wireType 2 =*/242).string(message.writeextension);
                if (message.loadpremulalpha != null && message.hasOwnProperty("loadpremulalpha"))
                    writer.uint32(/* id 31, wireType 0 =*/248).bool(message.loadpremulalpha);
                if (message.httpalwaysload != null && message.hasOwnProperty("httpalwaysload"))
                    writer.uint32(/* id 32, wireType 0 =*/256).bool(message.httpalwaysload);
                if (message.sceneview != null && message.hasOwnProperty("sceneview"))
                    $root.JetSDL.Proto.SceneView.encode(message.sceneview, writer.uint32(/* id 33, wireType 2 =*/266).fork()).ldelim();
                if (message.fontspacingDeprecated != null && message.hasOwnProperty("fontspacingDeprecated"))
                    writer.uint32(/* id 34, wireType 0 =*/272).int32(message.fontspacingDeprecated);
                if (message.fontsizeD != null && message.hasOwnProperty("fontsizeD"))
                    writer.uint32(/* id 35, wireType 1 =*/281).double(message.fontsizeD);
                if (message.scaleArHint != null && message.hasOwnProperty("scaleArHint"))
                    writer.uint32(/* id 36, wireType 2 =*/290).string(message.scaleArHint);
                if (message.comicbookframetime != null && message.hasOwnProperty("comicbookframetime"))
                    writer.uint32(/* id 37, wireType 1 =*/297).double(message.comicbookframetime);
                if (message.comicsource != null && message.hasOwnProperty("comicsource"))
                    $root.JetSDL.Proto.ImageProvider.encode(message.comicsource, writer.uint32(/* id 38, wireType 2 =*/306).fork()).ldelim();
                if (message.textborderRight != null && message.hasOwnProperty("textborderRight"))
                    writer.uint32(/* id 39, wireType 0 =*/312).int32(message.textborderRight);
                if (message.textborderLeft != null && message.hasOwnProperty("textborderLeft"))
                    writer.uint32(/* id 40, wireType 0 =*/320).int32(message.textborderLeft);
                if (message.textborderTop != null && message.hasOwnProperty("textborderTop"))
                    writer.uint32(/* id 41, wireType 0 =*/328).int32(message.textborderTop);
                if (message.textborderBottom != null && message.hasOwnProperty("textborderBottom"))
                    writer.uint32(/* id 42, wireType 0 =*/336).int32(message.textborderBottom);
                if (message.overflowresize != null && message.hasOwnProperty("overflowresize"))
                    writer.uint32(/* id 43, wireType 0 =*/344).bool(message.overflowresize);
                if (message.customIdentifier != null && message.hasOwnProperty("customIdentifier"))
                    writer.uint32(/* id 44, wireType 2 =*/354).string(message.customIdentifier);
                if (message.fontspacing != null && message.hasOwnProperty("fontspacing"))
                    writer.uint32(/* id 45, wireType 1 =*/361).double(message.fontspacing);
                if (message.piechartdescription != null && message.hasOwnProperty("piechartdescription"))
                    $root.JetSDL.Proto.PieChartDescription.encode(message.piechartdescription, writer.uint32(/* id 46, wireType 2 =*/370).fork()).ldelim();
                if (message.treatasstaticforcaching != null && message.hasOwnProperty("treatasstaticforcaching"))
                    writer.uint32(/* id 47, wireType 0 =*/376).bool(message.treatasstaticforcaching);
                if (message.innerprovider != null && message.hasOwnProperty("innerprovider"))
                    $root.JetSDL.Proto.ImageProvider.encode(message.innerprovider, writer.uint32(/* id 48, wireType 2 =*/386).fork()).ldelim();
                if (message.maskchannel != null && message.hasOwnProperty("maskchannel"))
                    writer.uint32(/* id 49, wireType 0 =*/392).int32(message.maskchannel);
                if (message.barchartdescription != null && message.hasOwnProperty("barchartdescription"))
                    $root.JetSDL.Proto.BarChartDescription.encode(message.barchartdescription, writer.uint32(/* id 50, wireType 2 =*/402).fork()).ldelim();
                if (message.imagebarchartdescription != null && message.hasOwnProperty("imagebarchartdescription"))
                    $root.JetSDL.Proto.ImageBarChartDescription.encode(message.imagebarchartdescription, writer.uint32(/* id 51, wireType 2 =*/410).fork()).ldelim();
                if (message.usevideodecodernormalisation != null && message.hasOwnProperty("usevideodecodernormalisation"))
                    writer.uint32(/* id 52, wireType 0 =*/416).bool(message.usevideodecodernormalisation);
                if (message.bezierdescription != null && message.hasOwnProperty("bezierdescription"))
                    $root.JetSDL.Proto.BezierDescription.encode(message.bezierdescription, writer.uint32(/* id 53, wireType 2 =*/426).fork()).ldelim();
                if (message.linechartdescription != null && message.hasOwnProperty("linechartdescription"))
                    $root.JetSDL.Proto.LineChartDescription.encode(message.linechartdescription, writer.uint32(/* id 54, wireType 2 =*/434).fork()).ldelim();
                if (message.linespacing != null && message.hasOwnProperty("linespacing"))
                    writer.uint32(/* id 55, wireType 1 =*/441).double(message.linespacing);
                if (message.textoutlines != null && message.textoutlines.length)
                    for (var i = 0; i < message.textoutlines.length; ++i)
                        $root.JetSDL.Proto.ImageProvider.TextOutline.encode(message.textoutlines[i], writer.uint32(/* id 56, wireType 2 =*/450).fork()).ldelim();
                if (message.texttexture != null && message.hasOwnProperty("texttexture"))
                    $root.JetSDL.Proto.ImageProvider.encode(message.texttexture, writer.uint32(/* id 57, wireType 2 =*/458).fork()).ldelim();
                if (message.texttypewritereffect != null && message.hasOwnProperty("texttypewritereffect"))
                    $root.JetSDL.Proto.Function.encode(message.texttypewritereffect, writer.uint32(/* id 58, wireType 2 =*/466).fork()).ldelim();
                if (message.textoutlinesubpixellevel != null && message.hasOwnProperty("textoutlinesubpixellevel"))
                    writer.uint32(/* id 59, wireType 1 =*/473).double(message.textoutlinesubpixellevel);
                if (message.textaugmentations != null && message.textaugmentations.length)
                    for (var i = 0; i < message.textaugmentations.length; ++i)
                        $root.JetSDL.Proto.ImageProvider.TextAugment.encode(message.textaugmentations[i], writer.uint32(/* id 60, wireType 2 =*/482).fork()).ldelim();
                if (message.texttypewriterfadestart != null && message.hasOwnProperty("texttypewriterfadestart"))
                    $root.JetSDL.Proto.Function.encode(message.texttypewriterfadestart, writer.uint32(/* id 61, wireType 2 =*/490).fork()).ldelim();
                if (message.texttypewriterfadeend != null && message.hasOwnProperty("texttypewriterfadeend"))
                    $root.JetSDL.Proto.Function.encode(message.texttypewriterfadeend, writer.uint32(/* id 62, wireType 2 =*/498).fork()).ldelim();
                if (message.fontspacingFunction != null && message.hasOwnProperty("fontspacingFunction"))
                    $root.JetSDL.Proto.Function.encode(message.fontspacingFunction, writer.uint32(/* id 63, wireType 2 =*/506).fork()).ldelim();
                if (message.linespacingFunction != null && message.hasOwnProperty("linespacingFunction"))
                    $root.JetSDL.Proto.Function.encode(message.linespacingFunction, writer.uint32(/* id 64, wireType 2 =*/514).fork()).ldelim();
                if (message.uselocalhttpproxy != null && message.hasOwnProperty("uselocalhttpproxy"))
                    writer.uint32(/* id 65, wireType 0 =*/520).bool(message.uselocalhttpproxy);
                if (message.endbehaviour != null && message.hasOwnProperty("endbehaviour"))
                    writer.uint32(/* id 66, wireType 0 =*/528).uint32(message.endbehaviour);
                if (message.jscanvasdescription != null && message.hasOwnProperty("jscanvasdescription"))
                    $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.encode(message.jscanvasdescription, writer.uint32(/* id 67, wireType 2 =*/538).fork()).ldelim();
                if (message.texttexturestyle != null && message.hasOwnProperty("texttexturestyle"))
                    writer.uint32(/* id 68, wireType 0 =*/544).uint32(message.texttexturestyle);
                if (message.ensure8bit != null && message.hasOwnProperty("ensure8bit"))
                    writer.uint32(/* id 69, wireType 0 =*/552).bool(message.ensure8bit);
                if (message.textoverflowbehaviour != null && message.hasOwnProperty("textoverflowbehaviour"))
                    writer.uint32(/* id 70, wireType 0 =*/560).uint32(message.textoverflowbehaviour);
                if (message.videooffsetvariable != null && message.hasOwnProperty("videooffsetvariable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.videooffsetvariable, writer.uint32(/* id 71, wireType 2 =*/570).fork()).ldelim();
                if (message.textcontexts != null && message.textcontexts.length)
                    for (var i = 0; i < message.textcontexts.length; ++i)
                        $root.JetSDL.Proto.ImageProvider.TextContext.encode(message.textcontexts[i], writer.uint32(/* id 72, wireType 2 =*/578).fork()).ldelim();
                if (message.usetextcontextmarkup != null && message.hasOwnProperty("usetextcontextmarkup"))
                    writer.uint32(/* id 73, wireType 0 =*/584).bool(message.usetextcontextmarkup);
                if (message.rotatevideobymetadata != null && message.hasOwnProperty("rotatevideobymetadata"))
                    writer.uint32(/* id 74, wireType 0 =*/592).bool(message.rotatevideobymetadata);
                if (message.pathdescription != null && message.hasOwnProperty("pathdescription"))
                    $root.JetSDL.Proto.ImageProvider.PathDescription.encode(message.pathdescription, writer.uint32(/* id 75, wireType 2 =*/602).fork()).ldelim();
                if (message.fontsizeFunction != null && message.hasOwnProperty("fontsizeFunction"))
                    $root.JetSDL.Proto.Function.encode(message.fontsizeFunction, writer.uint32(/* id 76, wireType 2 =*/610).fork()).ldelim();
                if (message.comment != null && message.hasOwnProperty("comment"))
                    writer.uint32(/* id 2047, wireType 2 =*/16378).string(message.comment);
                return writer;
            };

            /**
             * Encodes the specified ImageProvider message, length delimited. Does not implicitly {@link JetSDL.Proto.ImageProvider.verify|verify} messages.
             * @param {JetSDL.Proto.ImageProvider$Properties} message ImageProvider message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            ImageProvider.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an ImageProvider message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.ImageProvider} ImageProvider
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            ImageProvider.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.ImageProvider();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 21:
                        message.numframes = reader.int32();
                        break;
                    case 2:
                        message.source = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                        break;
                    case 3:
                        if (!(message.tracks && message.tracks.length))
                            message.tracks = [];
                        message.tracks.push($root.JetSDL.Proto.VisualTrack.decode(reader, reader.uint32()));
                        break;
                    case 4:
                        message.width = reader.int32();
                        break;
                    case 5:
                        message.height = reader.int32();
                        break;
                    case 6:
                        message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    case 7:
                        message.trackdata = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 8:
                        message.trackdatatop = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 9:
                        message.trackdatabottom = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 12:
                        message.fontsize = reader.int32();
                        break;
                    case 35:
                        message.fontsizeD = reader.double();
                        break;
                    case 76:
                        message.fontsizeFunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 13:
                        message.baselength = reader.int32();
                        break;
                    case 14:
                        message.baseheight = reader.int32();
                        break;
                    case 15:
                        message.numinterpoints = reader.int32();
                        break;
                    case 17:
                        message.linechars = reader.int32();
                        break;
                    case 16:
                        message.center = reader.bool();
                        break;
                    case 18:
                        message.text = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 19:
                        if (!(message.scale && message.scale.length))
                            message.scale = [];
                        if ((tag & 7) === 2) {
                            var end2 = reader.uint32() + reader.pos;
                            while (reader.pos < end2)
                                message.scale.push(reader.double());
                        } else
                            message.scale.push(reader.double());
                        break;
                    case 22:
                        message.videooffset = reader.int32();
                        break;
                    case 71:
                        message.videooffsetvariable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 23:
                        message.usecachedir = reader.bool();
                        break;
                    case 24:
                        message.cachedir = reader.string();
                        break;
                    case 30:
                        message.writeextension = reader.string();
                        break;
                    case 28:
                        message.upscale = reader.bool();
                        break;
                    case 29:
                        message.downscale = reader.bool();
                        break;
                    case 36:
                        message.scaleArHint = reader.string();
                        break;
                    case 25:
                        message.xalignment = reader.uint32();
                        break;
                    case 27:
                        message.yalignment = reader.uint32();
                        break;
                    case 26:
                        message.httpExtensionHint = reader.string();
                        break;
                    case 31:
                        message.loadpremulalpha = reader.bool();
                        break;
                    case 32:
                        message.httpalwaysload = reader.bool();
                        break;
                    case 33:
                        message.sceneview = $root.JetSDL.Proto.SceneView.decode(reader, reader.uint32());
                        break;
                    case 34:
                        message.fontspacingDeprecated = reader.int32();
                        break;
                    case 45:
                        message.fontspacing = reader.double();
                        break;
                    case 55:
                        message.linespacing = reader.double();
                        break;
                    case 37:
                        message.comicbookframetime = reader.double();
                        break;
                    case 38:
                        message.comicsource = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                        break;
                    case 39:
                        message.textborderRight = reader.int32();
                        break;
                    case 40:
                        message.textborderLeft = reader.int32();
                        break;
                    case 41:
                        message.textborderTop = reader.int32();
                        break;
                    case 42:
                        message.textborderBottom = reader.int32();
                        break;
                    case 43:
                        message.overflowresize = reader.bool();
                        break;
                    case 44:
                        message.customIdentifier = reader.string();
                        break;
                    case 46:
                        message.piechartdescription = $root.JetSDL.Proto.PieChartDescription.decode(reader, reader.uint32());
                        break;
                    case 50:
                        message.barchartdescription = $root.JetSDL.Proto.BarChartDescription.decode(reader, reader.uint32());
                        break;
                    case 51:
                        message.imagebarchartdescription = $root.JetSDL.Proto.ImageBarChartDescription.decode(reader, reader.uint32());
                        break;
                    case 54:
                        message.linechartdescription = $root.JetSDL.Proto.LineChartDescription.decode(reader, reader.uint32());
                        break;
                    case 53:
                        message.bezierdescription = $root.JetSDL.Proto.BezierDescription.decode(reader, reader.uint32());
                        break;
                    case 47:
                        message.treatasstaticforcaching = reader.bool();
                        break;
                    case 48:
                        message.innerprovider = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                        break;
                    case 49:
                        message.maskchannel = reader.int32();
                        break;
                    case 56:
                        if (!(message.textoutlines && message.textoutlines.length))
                            message.textoutlines = [];
                        message.textoutlines.push($root.JetSDL.Proto.ImageProvider.TextOutline.decode(reader, reader.uint32()));
                        break;
                    case 57:
                        message.texttexture = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                        break;
                    case 68:
                        message.texttexturestyle = reader.uint32();
                        break;
                    case 58:
                        message.texttypewritereffect = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 61:
                        message.texttypewriterfadestart = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 62:
                        message.texttypewriterfadeend = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 63:
                        message.fontspacingFunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 64:
                        message.linespacingFunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 59:
                        message.textoutlinesubpixellevel = reader.double();
                        break;
                    case 60:
                        if (!(message.textaugmentations && message.textaugmentations.length))
                            message.textaugmentations = [];
                        message.textaugmentations.push($root.JetSDL.Proto.ImageProvider.TextAugment.decode(reader, reader.uint32()));
                        break;
                    case 70:
                        message.textoverflowbehaviour = reader.uint32();
                        break;
                    case 2047:
                        message.comment = reader.string();
                        break;
                    case 52:
                        message.usevideodecodernormalisation = reader.bool();
                        break;
                    case 65:
                        message.uselocalhttpproxy = reader.bool();
                        break;
                    case 66:
                        message.endbehaviour = reader.uint32();
                        break;
                    case 67:
                        message.jscanvasdescription = $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.decode(reader, reader.uint32());
                        break;
                    case 69:
                        message.ensure8bit = reader.bool();
                        break;
                    case 72:
                        if (!(message.textcontexts && message.textcontexts.length))
                            message.textcontexts = [];
                        message.textcontexts.push($root.JetSDL.Proto.ImageProvider.TextContext.decode(reader, reader.uint32()));
                        break;
                    case 73:
                        message.usetextcontextmarkup = reader.bool();
                        break;
                    case 74:
                        message.rotatevideobymetadata = reader.bool();
                        break;
                    case 75:
                        message.pathdescription = $root.JetSDL.Proto.ImageProvider.PathDescription.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("type"))
                    throw $util.ProtocolError("missing required 'type'", { instance: message });
                return message;
            };

            /**
             * Decodes an ImageProvider message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.ImageProvider} ImageProvider
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            ImageProvider.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an ImageProvider message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            ImageProvider.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                switch (message.type) {
                default:
                    return "type: enum value expected";
                case 0:
                case 2:
                case 4:
                case 9:
                case 10:
                case 7:
                case 1:
                case 3:
                case 5:
                case 6:
                case 8:
                case 11:
                case 12:
                case 22:
                case 13:
                case 14:
                case 15:
                case 16:
                case 17:
                case 18:
                case 19:
                case 21:
                case 20:
                case 24:
                case 23:
                    break;
                }
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    if (!$util.isInteger(message.numframes))
                        return "numframes: integer expected";
                if (message.source != null && message.hasOwnProperty("source")) {
                    var error = $root.JetSDL.Proto.FileLocation.verify(message.source);
                    if (error)
                        return "source." + error;
                }
                if (message.tracks != null && message.hasOwnProperty("tracks")) {
                    if (!Array.isArray(message.tracks))
                        return "tracks: array expected";
                    for (var i = 0; i < message.tracks.length; ++i) {
                        var error = $root.JetSDL.Proto.VisualTrack.verify(message.tracks[i]);
                        if (error)
                            return "tracks." + error;
                    }
                }
                if (message.width != null && message.hasOwnProperty("width"))
                    if (!$util.isInteger(message.width))
                        return "width: integer expected";
                if (message.height != null && message.hasOwnProperty("height"))
                    if (!$util.isInteger(message.height))
                        return "height: integer expected";
                if (message.color != null && message.hasOwnProperty("color")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.color);
                    if (error)
                        return "color." + error;
                }
                if (message.trackdata != null && message.hasOwnProperty("trackdata")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.trackdata);
                    if (error)
                        return "trackdata." + error;
                }
                if (message.trackdatatop != null && message.hasOwnProperty("trackdatatop")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.trackdatatop);
                    if (error)
                        return "trackdatatop." + error;
                }
                if (message.trackdatabottom != null && message.hasOwnProperty("trackdatabottom")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.trackdatabottom);
                    if (error)
                        return "trackdatabottom." + error;
                }
                if (message.fontsize != null && message.hasOwnProperty("fontsize"))
                    if (!$util.isInteger(message.fontsize))
                        return "fontsize: integer expected";
                if (message.fontsizeD != null && message.hasOwnProperty("fontsizeD"))
                    if (typeof message.fontsizeD !== "number")
                        return "fontsizeD: number expected";
                if (message.fontsizeFunction != null && message.hasOwnProperty("fontsizeFunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.fontsizeFunction);
                    if (error)
                        return "fontsizeFunction." + error;
                }
                if (message.baselength != null && message.hasOwnProperty("baselength"))
                    if (!$util.isInteger(message.baselength))
                        return "baselength: integer expected";
                if (message.baseheight != null && message.hasOwnProperty("baseheight"))
                    if (!$util.isInteger(message.baseheight))
                        return "baseheight: integer expected";
                if (message.numinterpoints != null && message.hasOwnProperty("numinterpoints"))
                    if (!$util.isInteger(message.numinterpoints))
                        return "numinterpoints: integer expected";
                if (message.linechars != null && message.hasOwnProperty("linechars"))
                    if (!$util.isInteger(message.linechars))
                        return "linechars: integer expected";
                if (message.center != null && message.hasOwnProperty("center"))
                    if (typeof message.center !== "boolean")
                        return "center: boolean expected";
                if (message.text != null && message.hasOwnProperty("text")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.text);
                    if (error)
                        return "text." + error;
                }
                if (message.scale != null && message.hasOwnProperty("scale")) {
                    if (!Array.isArray(message.scale))
                        return "scale: array expected";
                    for (var i = 0; i < message.scale.length; ++i)
                        if (typeof message.scale[i] !== "number")
                            return "scale: number[] expected";
                }
                if (message.videooffset != null && message.hasOwnProperty("videooffset"))
                    if (!$util.isInteger(message.videooffset))
                        return "videooffset: integer expected";
                if (message.videooffsetvariable != null && message.hasOwnProperty("videooffsetvariable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.videooffsetvariable);
                    if (error)
                        return "videooffsetvariable." + error;
                }
                if (message.usecachedir != null && message.hasOwnProperty("usecachedir"))
                    if (typeof message.usecachedir !== "boolean")
                        return "usecachedir: boolean expected";
                if (message.cachedir != null && message.hasOwnProperty("cachedir"))
                    if (!$util.isString(message.cachedir))
                        return "cachedir: string expected";
                if (message.writeextension != null && message.hasOwnProperty("writeextension"))
                    if (!$util.isString(message.writeextension))
                        return "writeextension: string expected";
                if (message.upscale != null && message.hasOwnProperty("upscale"))
                    if (typeof message.upscale !== "boolean")
                        return "upscale: boolean expected";
                if (message.downscale != null && message.hasOwnProperty("downscale"))
                    if (typeof message.downscale !== "boolean")
                        return "downscale: boolean expected";
                if (message.scaleArHint != null && message.hasOwnProperty("scaleArHint"))
                    if (!$util.isString(message.scaleArHint))
                        return "scaleArHint: string expected";
                if (message.xalignment != null && message.hasOwnProperty("xalignment"))
                    switch (message.xalignment) {
                    default:
                        return "xalignment: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                        break;
                    }
                if (message.yalignment != null && message.hasOwnProperty("yalignment"))
                    switch (message.yalignment) {
                    default:
                        return "yalignment: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                        break;
                    }
                if (message.httpExtensionHint != null && message.hasOwnProperty("httpExtensionHint"))
                    if (!$util.isString(message.httpExtensionHint))
                        return "httpExtensionHint: string expected";
                if (message.loadpremulalpha != null && message.hasOwnProperty("loadpremulalpha"))
                    if (typeof message.loadpremulalpha !== "boolean")
                        return "loadpremulalpha: boolean expected";
                if (message.httpalwaysload != null && message.hasOwnProperty("httpalwaysload"))
                    if (typeof message.httpalwaysload !== "boolean")
                        return "httpalwaysload: boolean expected";
                if (message.sceneview != null && message.hasOwnProperty("sceneview")) {
                    var error = $root.JetSDL.Proto.SceneView.verify(message.sceneview);
                    if (error)
                        return "sceneview." + error;
                }
                if (message.fontspacingDeprecated != null && message.hasOwnProperty("fontspacingDeprecated"))
                    if (!$util.isInteger(message.fontspacingDeprecated))
                        return "fontspacingDeprecated: integer expected";
                if (message.fontspacing != null && message.hasOwnProperty("fontspacing"))
                    if (typeof message.fontspacing !== "number")
                        return "fontspacing: number expected";
                if (message.linespacing != null && message.hasOwnProperty("linespacing"))
                    if (typeof message.linespacing !== "number")
                        return "linespacing: number expected";
                if (message.comicbookframetime != null && message.hasOwnProperty("comicbookframetime"))
                    if (typeof message.comicbookframetime !== "number")
                        return "comicbookframetime: number expected";
                if (message.comicsource != null && message.hasOwnProperty("comicsource")) {
                    var error = $root.JetSDL.Proto.ImageProvider.verify(message.comicsource);
                    if (error)
                        return "comicsource." + error;
                }
                if (message.textborderRight != null && message.hasOwnProperty("textborderRight"))
                    if (!$util.isInteger(message.textborderRight))
                        return "textborderRight: integer expected";
                if (message.textborderLeft != null && message.hasOwnProperty("textborderLeft"))
                    if (!$util.isInteger(message.textborderLeft))
                        return "textborderLeft: integer expected";
                if (message.textborderTop != null && message.hasOwnProperty("textborderTop"))
                    if (!$util.isInteger(message.textborderTop))
                        return "textborderTop: integer expected";
                if (message.textborderBottom != null && message.hasOwnProperty("textborderBottom"))
                    if (!$util.isInteger(message.textborderBottom))
                        return "textborderBottom: integer expected";
                if (message.overflowresize != null && message.hasOwnProperty("overflowresize"))
                    if (typeof message.overflowresize !== "boolean")
                        return "overflowresize: boolean expected";
                if (message.customIdentifier != null && message.hasOwnProperty("customIdentifier"))
                    if (!$util.isString(message.customIdentifier))
                        return "customIdentifier: string expected";
                if (message.piechartdescription != null && message.hasOwnProperty("piechartdescription")) {
                    var error = $root.JetSDL.Proto.PieChartDescription.verify(message.piechartdescription);
                    if (error)
                        return "piechartdescription." + error;
                }
                if (message.barchartdescription != null && message.hasOwnProperty("barchartdescription")) {
                    var error = $root.JetSDL.Proto.BarChartDescription.verify(message.barchartdescription);
                    if (error)
                        return "barchartdescription." + error;
                }
                if (message.imagebarchartdescription != null && message.hasOwnProperty("imagebarchartdescription")) {
                    var error = $root.JetSDL.Proto.ImageBarChartDescription.verify(message.imagebarchartdescription);
                    if (error)
                        return "imagebarchartdescription." + error;
                }
                if (message.linechartdescription != null && message.hasOwnProperty("linechartdescription")) {
                    var error = $root.JetSDL.Proto.LineChartDescription.verify(message.linechartdescription);
                    if (error)
                        return "linechartdescription." + error;
                }
                if (message.bezierdescription != null && message.hasOwnProperty("bezierdescription")) {
                    var error = $root.JetSDL.Proto.BezierDescription.verify(message.bezierdescription);
                    if (error)
                        return "bezierdescription." + error;
                }
                if (message.treatasstaticforcaching != null && message.hasOwnProperty("treatasstaticforcaching"))
                    if (typeof message.treatasstaticforcaching !== "boolean")
                        return "treatasstaticforcaching: boolean expected";
                if (message.innerprovider != null && message.hasOwnProperty("innerprovider")) {
                    var error = $root.JetSDL.Proto.ImageProvider.verify(message.innerprovider);
                    if (error)
                        return "innerprovider." + error;
                }
                if (message.maskchannel != null && message.hasOwnProperty("maskchannel"))
                    if (!$util.isInteger(message.maskchannel))
                        return "maskchannel: integer expected";
                if (message.textoutlines != null && message.hasOwnProperty("textoutlines")) {
                    if (!Array.isArray(message.textoutlines))
                        return "textoutlines: array expected";
                    for (var i = 0; i < message.textoutlines.length; ++i) {
                        var error = $root.JetSDL.Proto.ImageProvider.TextOutline.verify(message.textoutlines[i]);
                        if (error)
                            return "textoutlines." + error;
                    }
                }
                if (message.texttexture != null && message.hasOwnProperty("texttexture")) {
                    var error = $root.JetSDL.Proto.ImageProvider.verify(message.texttexture);
                    if (error)
                        return "texttexture." + error;
                }
                if (message.texttexturestyle != null && message.hasOwnProperty("texttexturestyle"))
                    switch (message.texttexturestyle) {
                    default:
                        return "texttexturestyle: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (message.texttypewritereffect != null && message.hasOwnProperty("texttypewritereffect")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.texttypewritereffect);
                    if (error)
                        return "texttypewritereffect." + error;
                }
                if (message.texttypewriterfadestart != null && message.hasOwnProperty("texttypewriterfadestart")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.texttypewriterfadestart);
                    if (error)
                        return "texttypewriterfadestart." + error;
                }
                if (message.texttypewriterfadeend != null && message.hasOwnProperty("texttypewriterfadeend")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.texttypewriterfadeend);
                    if (error)
                        return "texttypewriterfadeend." + error;
                }
                if (message.fontspacingFunction != null && message.hasOwnProperty("fontspacingFunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.fontspacingFunction);
                    if (error)
                        return "fontspacingFunction." + error;
                }
                if (message.linespacingFunction != null && message.hasOwnProperty("linespacingFunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.linespacingFunction);
                    if (error)
                        return "linespacingFunction." + error;
                }
                if (message.textoutlinesubpixellevel != null && message.hasOwnProperty("textoutlinesubpixellevel"))
                    if (typeof message.textoutlinesubpixellevel !== "number")
                        return "textoutlinesubpixellevel: number expected";
                if (message.textaugmentations != null && message.hasOwnProperty("textaugmentations")) {
                    if (!Array.isArray(message.textaugmentations))
                        return "textaugmentations: array expected";
                    for (var i = 0; i < message.textaugmentations.length; ++i) {
                        var error = $root.JetSDL.Proto.ImageProvider.TextAugment.verify(message.textaugmentations[i]);
                        if (error)
                            return "textaugmentations." + error;
                    }
                }
                if (message.textoverflowbehaviour != null && message.hasOwnProperty("textoverflowbehaviour"))
                    switch (message.textoverflowbehaviour) {
                    default:
                        return "textoverflowbehaviour: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (message.comment != null && message.hasOwnProperty("comment"))
                    if (!$util.isString(message.comment))
                        return "comment: string expected";
                if (message.usevideodecodernormalisation != null && message.hasOwnProperty("usevideodecodernormalisation"))
                    if (typeof message.usevideodecodernormalisation !== "boolean")
                        return "usevideodecodernormalisation: boolean expected";
                if (message.uselocalhttpproxy != null && message.hasOwnProperty("uselocalhttpproxy"))
                    if (typeof message.uselocalhttpproxy !== "boolean")
                        return "uselocalhttpproxy: boolean expected";
                if (message.endbehaviour != null && message.hasOwnProperty("endbehaviour"))
                    switch (message.endbehaviour) {
                    default:
                        return "endbehaviour: enum value expected";
                    case 0:
                    case 1:
                    case -2:
                    case -3:
                    case -4:
                        break;
                    }
                if (message.jscanvasdescription != null && message.hasOwnProperty("jscanvasdescription")) {
                    var error = $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.verify(message.jscanvasdescription);
                    if (error)
                        return "jscanvasdescription." + error;
                }
                if (message.ensure8bit != null && message.hasOwnProperty("ensure8bit"))
                    if (typeof message.ensure8bit !== "boolean")
                        return "ensure8bit: boolean expected";
                if (message.textcontexts != null && message.hasOwnProperty("textcontexts")) {
                    if (!Array.isArray(message.textcontexts))
                        return "textcontexts: array expected";
                    for (var i = 0; i < message.textcontexts.length; ++i) {
                        var error = $root.JetSDL.Proto.ImageProvider.TextContext.verify(message.textcontexts[i]);
                        if (error)
                            return "textcontexts." + error;
                    }
                }
                if (message.usetextcontextmarkup != null && message.hasOwnProperty("usetextcontextmarkup"))
                    if (typeof message.usetextcontextmarkup !== "boolean")
                        return "usetextcontextmarkup: boolean expected";
                if (message.rotatevideobymetadata != null && message.hasOwnProperty("rotatevideobymetadata"))
                    if (typeof message.rotatevideobymetadata !== "boolean")
                        return "rotatevideobymetadata: boolean expected";
                if (message.pathdescription != null && message.hasOwnProperty("pathdescription")) {
                    var error = $root.JetSDL.Proto.ImageProvider.PathDescription.verify(message.pathdescription);
                    if (error)
                        return "pathdescription." + error;
                }
                return null;
            };

            /**
             * Creates an ImageProvider message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.ImageProvider} ImageProvider
             */
            ImageProvider.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.ImageProvider)
                    return object;
                var message = new $root.JetSDL.Proto.ImageProvider();
                switch (object.type) {
                case "stillimage":
                case 0:
                    message.type = 0;
                    break;
                case "manipulatedimage":
                case 2:
                    message.type = 2;
                    break;
                case "emptyimage":
                case 4:
                    message.type = 4;
                    break;
                case "http":
                case 9:
                    message.type = 9;
                    break;
                case "jetcom":
                case 10:
                    message.type = 10;
                    break;
                case "textsimple":
                case 7:
                    message.type = 7;
                    break;
                case "imagesequence":
                case 1:
                    message.type = 1;
                    break;
                case "image32fsequence":
                case 3:
                    message.type = 3;
                    break;
                case "textcurved":
                case 5:
                    message.type = 5;
                    break;
                case "textquad":
                case 6:
                    message.type = 6;
                    break;
                case "textmultiline":
                case 8:
                    message.type = 8;
                    break;
                case "decoder":
                case 11:
                    message.type = 11;
                    break;
                case "video":
                case 12:
                    message.type = 12;
                    break;
                case "livevideo":
                case 22:
                    message.type = 22;
                    break;
                case "scenebased":
                case 13:
                    message.type = 13;
                    break;
                case "comicbook":
                case 14:
                    message.type = 14;
                    break;
                case "custom":
                case 15:
                    message.type = 15;
                    break;
                case "piechart":
                case 16:
                    message.type = 16;
                    break;
                case "masksource":
                case 17:
                    message.type = 17;
                    break;
                case "barchart":
                case 18:
                    message.type = 18;
                    break;
                case "imagebarchart":
                case 19:
                    message.type = 19;
                    break;
                case "linechart":
                case 21:
                    message.type = 21;
                    break;
                case "bezier":
                case 20:
                    message.type = 20;
                    break;
                case "path":
                case 24:
                    message.type = 24;
                    break;
                case "jscanvas":
                case 23:
                    message.type = 23;
                    break;
                }
                if (object.numframes != null)
                    message.numframes = object.numframes | 0;
                if (object.source != null) {
                    if (typeof object.source !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.source: object expected");
                    message.source = $root.JetSDL.Proto.FileLocation.fromObject(object.source);
                }
                if (object.tracks) {
                    if (!Array.isArray(object.tracks))
                        throw TypeError(".JetSDL.Proto.ImageProvider.tracks: array expected");
                    message.tracks = [];
                    for (var i = 0; i < object.tracks.length; ++i) {
                        if (typeof object.tracks[i] !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.tracks: object expected");
                        message.tracks[i] = $root.JetSDL.Proto.VisualTrack.fromObject(object.tracks[i]);
                    }
                }
                if (object.width != null)
                    message.width = object.width | 0;
                if (object.height != null)
                    message.height = object.height | 0;
                if (object.color != null) {
                    if (typeof object.color !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.color: object expected");
                    message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                }
                if (object.trackdata != null) {
                    if (typeof object.trackdata !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.trackdata: object expected");
                    message.trackdata = $root.JetSDL.Proto.TrackData.fromObject(object.trackdata);
                }
                if (object.trackdatatop != null) {
                    if (typeof object.trackdatatop !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.trackdatatop: object expected");
                    message.trackdatatop = $root.JetSDL.Proto.TrackData.fromObject(object.trackdatatop);
                }
                if (object.trackdatabottom != null) {
                    if (typeof object.trackdatabottom !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.trackdatabottom: object expected");
                    message.trackdatabottom = $root.JetSDL.Proto.TrackData.fromObject(object.trackdatabottom);
                }
                if (object.fontsize != null)
                    message.fontsize = object.fontsize | 0;
                if (object.fontsizeD != null)
                    message.fontsizeD = Number(object.fontsizeD);
                if (object.fontsizeFunction != null) {
                    if (typeof object.fontsizeFunction !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.fontsizeFunction: object expected");
                    message.fontsizeFunction = $root.JetSDL.Proto.Function.fromObject(object.fontsizeFunction);
                }
                if (object.baselength != null)
                    message.baselength = object.baselength | 0;
                if (object.baseheight != null)
                    message.baseheight = object.baseheight | 0;
                if (object.numinterpoints != null)
                    message.numinterpoints = object.numinterpoints | 0;
                if (object.linechars != null)
                    message.linechars = object.linechars | 0;
                if (object.center != null)
                    message.center = Boolean(object.center);
                if (object.text != null) {
                    if (typeof object.text !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.text: object expected");
                    message.text = $root.JetSDL.Proto.StringVariable.fromObject(object.text);
                }
                if (object.scale) {
                    if (!Array.isArray(object.scale))
                        throw TypeError(".JetSDL.Proto.ImageProvider.scale: array expected");
                    message.scale = [];
                    for (var i = 0; i < object.scale.length; ++i)
                        message.scale[i] = Number(object.scale[i]);
                }
                if (object.videooffset != null)
                    message.videooffset = object.videooffset | 0;
                if (object.videooffsetvariable != null) {
                    if (typeof object.videooffsetvariable !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.videooffsetvariable: object expected");
                    message.videooffsetvariable = $root.JetSDL.Proto.StringVariable.fromObject(object.videooffsetvariable);
                }
                if (object.usecachedir != null)
                    message.usecachedir = Boolean(object.usecachedir);
                if (object.cachedir != null)
                    message.cachedir = String(object.cachedir);
                if (object.writeextension != null)
                    message.writeextension = String(object.writeextension);
                if (object.upscale != null)
                    message.upscale = Boolean(object.upscale);
                if (object.downscale != null)
                    message.downscale = Boolean(object.downscale);
                if (object.scaleArHint != null)
                    message.scaleArHint = String(object.scaleArHint);
                switch (object.xalignment) {
                case "flushleft":
                case 0:
                    message.xalignment = 0;
                    break;
                case "centered":
                case 1:
                    message.xalignment = 1;
                    break;
                case "flushright":
                case 2:
                    message.xalignment = 2;
                    break;
                }
                switch (object.yalignment) {
                case "top":
                case 0:
                    message.yalignment = 0;
                    break;
                case "middle":
                case 1:
                    message.yalignment = 1;
                    break;
                case "bottom":
                case 2:
                    message.yalignment = 2;
                    break;
                }
                if (object.httpExtensionHint != null)
                    message.httpExtensionHint = String(object.httpExtensionHint);
                if (object.loadpremulalpha != null)
                    message.loadpremulalpha = Boolean(object.loadpremulalpha);
                if (object.httpalwaysload != null)
                    message.httpalwaysload = Boolean(object.httpalwaysload);
                if (object.sceneview != null) {
                    if (typeof object.sceneview !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.sceneview: object expected");
                    message.sceneview = $root.JetSDL.Proto.SceneView.fromObject(object.sceneview);
                }
                if (object.fontspacingDeprecated != null)
                    message.fontspacingDeprecated = object.fontspacingDeprecated | 0;
                if (object.fontspacing != null)
                    message.fontspacing = Number(object.fontspacing);
                if (object.linespacing != null)
                    message.linespacing = Number(object.linespacing);
                if (object.comicbookframetime != null)
                    message.comicbookframetime = Number(object.comicbookframetime);
                if (object.comicsource != null) {
                    if (typeof object.comicsource !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.comicsource: object expected");
                    message.comicsource = $root.JetSDL.Proto.ImageProvider.fromObject(object.comicsource);
                }
                if (object.textborderRight != null)
                    message.textborderRight = object.textborderRight | 0;
                if (object.textborderLeft != null)
                    message.textborderLeft = object.textborderLeft | 0;
                if (object.textborderTop != null)
                    message.textborderTop = object.textborderTop | 0;
                if (object.textborderBottom != null)
                    message.textborderBottom = object.textborderBottom | 0;
                if (object.overflowresize != null)
                    message.overflowresize = Boolean(object.overflowresize);
                if (object.customIdentifier != null)
                    message.customIdentifier = String(object.customIdentifier);
                if (object.piechartdescription != null) {
                    if (typeof object.piechartdescription !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.piechartdescription: object expected");
                    message.piechartdescription = $root.JetSDL.Proto.PieChartDescription.fromObject(object.piechartdescription);
                }
                if (object.barchartdescription != null) {
                    if (typeof object.barchartdescription !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.barchartdescription: object expected");
                    message.barchartdescription = $root.JetSDL.Proto.BarChartDescription.fromObject(object.barchartdescription);
                }
                if (object.imagebarchartdescription != null) {
                    if (typeof object.imagebarchartdescription !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.imagebarchartdescription: object expected");
                    message.imagebarchartdescription = $root.JetSDL.Proto.ImageBarChartDescription.fromObject(object.imagebarchartdescription);
                }
                if (object.linechartdescription != null) {
                    if (typeof object.linechartdescription !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.linechartdescription: object expected");
                    message.linechartdescription = $root.JetSDL.Proto.LineChartDescription.fromObject(object.linechartdescription);
                }
                if (object.bezierdescription != null) {
                    if (typeof object.bezierdescription !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.bezierdescription: object expected");
                    message.bezierdescription = $root.JetSDL.Proto.BezierDescription.fromObject(object.bezierdescription);
                }
                if (object.treatasstaticforcaching != null)
                    message.treatasstaticforcaching = Boolean(object.treatasstaticforcaching);
                if (object.innerprovider != null) {
                    if (typeof object.innerprovider !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.innerprovider: object expected");
                    message.innerprovider = $root.JetSDL.Proto.ImageProvider.fromObject(object.innerprovider);
                }
                if (object.maskchannel != null)
                    message.maskchannel = object.maskchannel | 0;
                if (object.textoutlines) {
                    if (!Array.isArray(object.textoutlines))
                        throw TypeError(".JetSDL.Proto.ImageProvider.textoutlines: array expected");
                    message.textoutlines = [];
                    for (var i = 0; i < object.textoutlines.length; ++i) {
                        if (typeof object.textoutlines[i] !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.textoutlines: object expected");
                        message.textoutlines[i] = $root.JetSDL.Proto.ImageProvider.TextOutline.fromObject(object.textoutlines[i]);
                    }
                }
                if (object.texttexture != null) {
                    if (typeof object.texttexture !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.texttexture: object expected");
                    message.texttexture = $root.JetSDL.Proto.ImageProvider.fromObject(object.texttexture);
                }
                switch (object.texttexturestyle) {
                case "texturestyle_line":
                case 0:
                    message.texttexturestyle = 0;
                    break;
                case "texturestyle_full":
                case 1:
                    message.texttexturestyle = 1;
                    break;
                case "texturestyle_tiled":
                case 2:
                    message.texttexturestyle = 2;
                    break;
                case "texturestyle_tiledline":
                case 3:
                    message.texttexturestyle = 3;
                    break;
                }
                if (object.texttypewritereffect != null) {
                    if (typeof object.texttypewritereffect !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.texttypewritereffect: object expected");
                    message.texttypewritereffect = $root.JetSDL.Proto.Function.fromObject(object.texttypewritereffect);
                }
                if (object.texttypewriterfadestart != null) {
                    if (typeof object.texttypewriterfadestart !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.texttypewriterfadestart: object expected");
                    message.texttypewriterfadestart = $root.JetSDL.Proto.Function.fromObject(object.texttypewriterfadestart);
                }
                if (object.texttypewriterfadeend != null) {
                    if (typeof object.texttypewriterfadeend !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.texttypewriterfadeend: object expected");
                    message.texttypewriterfadeend = $root.JetSDL.Proto.Function.fromObject(object.texttypewriterfadeend);
                }
                if (object.fontspacingFunction != null) {
                    if (typeof object.fontspacingFunction !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.fontspacingFunction: object expected");
                    message.fontspacingFunction = $root.JetSDL.Proto.Function.fromObject(object.fontspacingFunction);
                }
                if (object.linespacingFunction != null) {
                    if (typeof object.linespacingFunction !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.linespacingFunction: object expected");
                    message.linespacingFunction = $root.JetSDL.Proto.Function.fromObject(object.linespacingFunction);
                }
                if (object.textoutlinesubpixellevel != null)
                    message.textoutlinesubpixellevel = Number(object.textoutlinesubpixellevel);
                if (object.textaugmentations) {
                    if (!Array.isArray(object.textaugmentations))
                        throw TypeError(".JetSDL.Proto.ImageProvider.textaugmentations: array expected");
                    message.textaugmentations = [];
                    for (var i = 0; i < object.textaugmentations.length; ++i) {
                        if (typeof object.textaugmentations[i] !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.textaugmentations: object expected");
                        message.textaugmentations[i] = $root.JetSDL.Proto.ImageProvider.TextAugment.fromObject(object.textaugmentations[i]);
                    }
                }
                switch (object.textoverflowbehaviour) {
                case "textoverflowbehaviour_none":
                case 0:
                    message.textoverflowbehaviour = 0;
                    break;
                case "textoverflowbehaviour_scale_x":
                case 1:
                    message.textoverflowbehaviour = 1;
                    break;
                case "textoverflowbehaviour_fs_y_scale_x":
                case 2:
                    message.textoverflowbehaviour = 2;
                    break;
                case "textoverflowbehaviour_fs":
                case 3:
                    message.textoverflowbehaviour = 3;
                    break;
                }
                if (object.comment != null)
                    message.comment = String(object.comment);
                if (object.usevideodecodernormalisation != null)
                    message.usevideodecodernormalisation = Boolean(object.usevideodecodernormalisation);
                if (object.uselocalhttpproxy != null)
                    message.uselocalhttpproxy = Boolean(object.uselocalhttpproxy);
                switch (object.endbehaviour) {
                case "repeatlast":
                case 0:
                    message.endbehaviour = 0;
                    break;
                case "loop":
                case 1:
                    message.endbehaviour = 1;
                    break;
                case "emptyframe":
                case -2:
                    message.endbehaviour = -2;
                    break;
                case "fullframe":
                case -3:
                    message.endbehaviour = -3;
                    break;
                case "fail":
                case -4:
                    message.endbehaviour = -4;
                    break;
                }
                if (object.jscanvasdescription != null) {
                    if (typeof object.jscanvasdescription !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.jscanvasdescription: object expected");
                    message.jscanvasdescription = $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.fromObject(object.jscanvasdescription);
                }
                if (object.ensure8bit != null)
                    message.ensure8bit = Boolean(object.ensure8bit);
                if (object.textcontexts) {
                    if (!Array.isArray(object.textcontexts))
                        throw TypeError(".JetSDL.Proto.ImageProvider.textcontexts: array expected");
                    message.textcontexts = [];
                    for (var i = 0; i < object.textcontexts.length; ++i) {
                        if (typeof object.textcontexts[i] !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.textcontexts: object expected");
                        message.textcontexts[i] = $root.JetSDL.Proto.ImageProvider.TextContext.fromObject(object.textcontexts[i]);
                    }
                }
                if (object.usetextcontextmarkup != null)
                    message.usetextcontextmarkup = Boolean(object.usetextcontextmarkup);
                if (object.rotatevideobymetadata != null)
                    message.rotatevideobymetadata = Boolean(object.rotatevideobymetadata);
                if (object.pathdescription != null) {
                    if (typeof object.pathdescription !== "object")
                        throw TypeError(".JetSDL.Proto.ImageProvider.pathdescription: object expected");
                    message.pathdescription = $root.JetSDL.Proto.ImageProvider.PathDescription.fromObject(object.pathdescription);
                }
                return message;
            };

            /**
             * Creates an ImageProvider message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.ImageProvider.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.ImageProvider} ImageProvider
             */
            ImageProvider.from = ImageProvider.fromObject;

            /**
             * Creates a plain object from an ImageProvider message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.ImageProvider} message ImageProvider
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            ImageProvider.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.tracks = [];
                    object.scale = [];
                    object.textoutlines = [];
                    object.textaugmentations = [];
                    object.textcontexts = [];
                }
                if (options.defaults) {
                    object.type = options.enums === String ? "stillimage" : 0;
                    object.source = null;
                    object.width = 0;
                    object.height = 0;
                    object.color = null;
                    object.trackdata = null;
                    object.trackdatatop = null;
                    object.trackdatabottom = null;
                    object.fontsize = 40;
                    object.baselength = 80;
                    object.baseheight = 12;
                    object.numinterpoints = 50;
                    object.center = false;
                    object.linechars = 50;
                    object.text = null;
                    object.numframes = -1;
                    object.videooffset = 0;
                    object.usecachedir = true;
                    object.cachedir = "cache";
                    object.xalignment = options.enums === String ? "flushleft" : 0;
                    object.httpExtensionHint = "";
                    object.yalignment = options.enums === String ? "bottom" : 2;
                    object.upscale = false;
                    object.downscale = true;
                    object.writeextension = ".tif";
                    object.loadpremulalpha = true;
                    object.httpalwaysload = false;
                    object.sceneview = null;
                    object.fontspacingDeprecated = 0;
                    object.fontsizeD = 40;
                    object.scaleArHint = "w";
                    object.comicbookframetime = 1;
                    object.comicsource = null;
                    object.textborderRight = 0;
                    object.textborderLeft = 0;
                    object.textborderTop = 0;
                    object.textborderBottom = 0;
                    object.overflowresize = true;
                    object.customIdentifier = "";
                    object.fontspacing = 0;
                    object.piechartdescription = null;
                    object.treatasstaticforcaching = false;
                    object.innerprovider = null;
                    object.maskchannel = 0;
                    object.barchartdescription = null;
                    object.imagebarchartdescription = null;
                    object.usevideodecodernormalisation = true;
                    object.bezierdescription = null;
                    object.linechartdescription = null;
                    object.linespacing = 0;
                    object.texttexture = null;
                    object.texttypewritereffect = null;
                    object.textoutlinesubpixellevel = 1;
                    object.texttypewriterfadestart = null;
                    object.texttypewriterfadeend = null;
                    object.fontspacingFunction = null;
                    object.linespacingFunction = null;
                    object.uselocalhttpproxy = false;
                    object.endbehaviour = options.enums === String ? "repeatlast" : 0;
                    object.jscanvasdescription = null;
                    object.texttexturestyle = options.enums === String ? "texturestyle_line" : 0;
                    object.ensure8bit = false;
                    object.textoverflowbehaviour = options.enums === String ? "textoverflowbehaviour_fs" : 3;
                    object.videooffsetvariable = null;
                    object.usetextcontextmarkup = false;
                    object.rotatevideobymetadata = true;
                    object.pathdescription = null;
                    object.fontsizeFunction = null;
                    object.comment = "";
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.ImageProvider.Type[message.type] : message.type;
                if (message.source != null && message.hasOwnProperty("source"))
                    object.source = $root.JetSDL.Proto.FileLocation.toObject(message.source, options);
                if (message.tracks && message.tracks.length) {
                    object.tracks = [];
                    for (var j = 0; j < message.tracks.length; ++j)
                        object.tracks[j] = $root.JetSDL.Proto.VisualTrack.toObject(message.tracks[j], options);
                }
                if (message.width != null && message.hasOwnProperty("width"))
                    object.width = message.width;
                if (message.height != null && message.hasOwnProperty("height"))
                    object.height = message.height;
                if (message.color != null && message.hasOwnProperty("color"))
                    object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                if (message.trackdata != null && message.hasOwnProperty("trackdata"))
                    object.trackdata = $root.JetSDL.Proto.TrackData.toObject(message.trackdata, options);
                if (message.trackdatatop != null && message.hasOwnProperty("trackdatatop"))
                    object.trackdatatop = $root.JetSDL.Proto.TrackData.toObject(message.trackdatatop, options);
                if (message.trackdatabottom != null && message.hasOwnProperty("trackdatabottom"))
                    object.trackdatabottom = $root.JetSDL.Proto.TrackData.toObject(message.trackdatabottom, options);
                if (message.fontsize != null && message.hasOwnProperty("fontsize"))
                    object.fontsize = message.fontsize;
                if (message.baselength != null && message.hasOwnProperty("baselength"))
                    object.baselength = message.baselength;
                if (message.baseheight != null && message.hasOwnProperty("baseheight"))
                    object.baseheight = message.baseheight;
                if (message.numinterpoints != null && message.hasOwnProperty("numinterpoints"))
                    object.numinterpoints = message.numinterpoints;
                if (message.center != null && message.hasOwnProperty("center"))
                    object.center = message.center;
                if (message.linechars != null && message.hasOwnProperty("linechars"))
                    object.linechars = message.linechars;
                if (message.text != null && message.hasOwnProperty("text"))
                    object.text = $root.JetSDL.Proto.StringVariable.toObject(message.text, options);
                if (message.scale && message.scale.length) {
                    object.scale = [];
                    for (var j = 0; j < message.scale.length; ++j)
                        object.scale[j] = message.scale[j];
                }
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    object.numframes = message.numframes;
                if (message.videooffset != null && message.hasOwnProperty("videooffset"))
                    object.videooffset = message.videooffset;
                if (message.usecachedir != null && message.hasOwnProperty("usecachedir"))
                    object.usecachedir = message.usecachedir;
                if (message.cachedir != null && message.hasOwnProperty("cachedir"))
                    object.cachedir = message.cachedir;
                if (message.xalignment != null && message.hasOwnProperty("xalignment"))
                    object.xalignment = options.enums === String ? $root.JetSDL.Proto.ImageProvider.TextAlignment[message.xalignment] : message.xalignment;
                if (message.httpExtensionHint != null && message.hasOwnProperty("httpExtensionHint"))
                    object.httpExtensionHint = message.httpExtensionHint;
                if (message.yalignment != null && message.hasOwnProperty("yalignment"))
                    object.yalignment = options.enums === String ? $root.JetSDL.Proto.ImageProvider.TextPosition[message.yalignment] : message.yalignment;
                if (message.upscale != null && message.hasOwnProperty("upscale"))
                    object.upscale = message.upscale;
                if (message.downscale != null && message.hasOwnProperty("downscale"))
                    object.downscale = message.downscale;
                if (message.writeextension != null && message.hasOwnProperty("writeextension"))
                    object.writeextension = message.writeextension;
                if (message.loadpremulalpha != null && message.hasOwnProperty("loadpremulalpha"))
                    object.loadpremulalpha = message.loadpremulalpha;
                if (message.httpalwaysload != null && message.hasOwnProperty("httpalwaysload"))
                    object.httpalwaysload = message.httpalwaysload;
                if (message.sceneview != null && message.hasOwnProperty("sceneview"))
                    object.sceneview = $root.JetSDL.Proto.SceneView.toObject(message.sceneview, options);
                if (message.fontspacingDeprecated != null && message.hasOwnProperty("fontspacingDeprecated"))
                    object.fontspacingDeprecated = message.fontspacingDeprecated;
                if (message.fontsizeD != null && message.hasOwnProperty("fontsizeD"))
                    object.fontsizeD = message.fontsizeD;
                if (message.scaleArHint != null && message.hasOwnProperty("scaleArHint"))
                    object.scaleArHint = message.scaleArHint;
                if (message.comicbookframetime != null && message.hasOwnProperty("comicbookframetime"))
                    object.comicbookframetime = message.comicbookframetime;
                if (message.comicsource != null && message.hasOwnProperty("comicsource"))
                    object.comicsource = $root.JetSDL.Proto.ImageProvider.toObject(message.comicsource, options);
                if (message.textborderRight != null && message.hasOwnProperty("textborderRight"))
                    object.textborderRight = message.textborderRight;
                if (message.textborderLeft != null && message.hasOwnProperty("textborderLeft"))
                    object.textborderLeft = message.textborderLeft;
                if (message.textborderTop != null && message.hasOwnProperty("textborderTop"))
                    object.textborderTop = message.textborderTop;
                if (message.textborderBottom != null && message.hasOwnProperty("textborderBottom"))
                    object.textborderBottom = message.textborderBottom;
                if (message.overflowresize != null && message.hasOwnProperty("overflowresize"))
                    object.overflowresize = message.overflowresize;
                if (message.customIdentifier != null && message.hasOwnProperty("customIdentifier"))
                    object.customIdentifier = message.customIdentifier;
                if (message.fontspacing != null && message.hasOwnProperty("fontspacing"))
                    object.fontspacing = message.fontspacing;
                if (message.piechartdescription != null && message.hasOwnProperty("piechartdescription"))
                    object.piechartdescription = $root.JetSDL.Proto.PieChartDescription.toObject(message.piechartdescription, options);
                if (message.treatasstaticforcaching != null && message.hasOwnProperty("treatasstaticforcaching"))
                    object.treatasstaticforcaching = message.treatasstaticforcaching;
                if (message.innerprovider != null && message.hasOwnProperty("innerprovider"))
                    object.innerprovider = $root.JetSDL.Proto.ImageProvider.toObject(message.innerprovider, options);
                if (message.maskchannel != null && message.hasOwnProperty("maskchannel"))
                    object.maskchannel = message.maskchannel;
                if (message.barchartdescription != null && message.hasOwnProperty("barchartdescription"))
                    object.barchartdescription = $root.JetSDL.Proto.BarChartDescription.toObject(message.barchartdescription, options);
                if (message.imagebarchartdescription != null && message.hasOwnProperty("imagebarchartdescription"))
                    object.imagebarchartdescription = $root.JetSDL.Proto.ImageBarChartDescription.toObject(message.imagebarchartdescription, options);
                if (message.usevideodecodernormalisation != null && message.hasOwnProperty("usevideodecodernormalisation"))
                    object.usevideodecodernormalisation = message.usevideodecodernormalisation;
                if (message.bezierdescription != null && message.hasOwnProperty("bezierdescription"))
                    object.bezierdescription = $root.JetSDL.Proto.BezierDescription.toObject(message.bezierdescription, options);
                if (message.linechartdescription != null && message.hasOwnProperty("linechartdescription"))
                    object.linechartdescription = $root.JetSDL.Proto.LineChartDescription.toObject(message.linechartdescription, options);
                if (message.linespacing != null && message.hasOwnProperty("linespacing"))
                    object.linespacing = message.linespacing;
                if (message.textoutlines && message.textoutlines.length) {
                    object.textoutlines = [];
                    for (var j = 0; j < message.textoutlines.length; ++j)
                        object.textoutlines[j] = $root.JetSDL.Proto.ImageProvider.TextOutline.toObject(message.textoutlines[j], options);
                }
                if (message.texttexture != null && message.hasOwnProperty("texttexture"))
                    object.texttexture = $root.JetSDL.Proto.ImageProvider.toObject(message.texttexture, options);
                if (message.texttypewritereffect != null && message.hasOwnProperty("texttypewritereffect"))
                    object.texttypewritereffect = $root.JetSDL.Proto.Function.toObject(message.texttypewritereffect, options);
                if (message.textoutlinesubpixellevel != null && message.hasOwnProperty("textoutlinesubpixellevel"))
                    object.textoutlinesubpixellevel = message.textoutlinesubpixellevel;
                if (message.textaugmentations && message.textaugmentations.length) {
                    object.textaugmentations = [];
                    for (var j = 0; j < message.textaugmentations.length; ++j)
                        object.textaugmentations[j] = $root.JetSDL.Proto.ImageProvider.TextAugment.toObject(message.textaugmentations[j], options);
                }
                if (message.texttypewriterfadestart != null && message.hasOwnProperty("texttypewriterfadestart"))
                    object.texttypewriterfadestart = $root.JetSDL.Proto.Function.toObject(message.texttypewriterfadestart, options);
                if (message.texttypewriterfadeend != null && message.hasOwnProperty("texttypewriterfadeend"))
                    object.texttypewriterfadeend = $root.JetSDL.Proto.Function.toObject(message.texttypewriterfadeend, options);
                if (message.fontspacingFunction != null && message.hasOwnProperty("fontspacingFunction"))
                    object.fontspacingFunction = $root.JetSDL.Proto.Function.toObject(message.fontspacingFunction, options);
                if (message.linespacingFunction != null && message.hasOwnProperty("linespacingFunction"))
                    object.linespacingFunction = $root.JetSDL.Proto.Function.toObject(message.linespacingFunction, options);
                if (message.uselocalhttpproxy != null && message.hasOwnProperty("uselocalhttpproxy"))
                    object.uselocalhttpproxy = message.uselocalhttpproxy;
                if (message.endbehaviour != null && message.hasOwnProperty("endbehaviour"))
                    object.endbehaviour = options.enums === String ? $root.JetSDL.Proto.EndBehaviour[message.endbehaviour] : message.endbehaviour;
                if (message.jscanvasdescription != null && message.hasOwnProperty("jscanvasdescription"))
                    object.jscanvasdescription = $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.toObject(message.jscanvasdescription, options);
                if (message.texttexturestyle != null && message.hasOwnProperty("texttexturestyle"))
                    object.texttexturestyle = options.enums === String ? $root.JetSDL.Proto.ImageProvider.TextureStyle[message.texttexturestyle] : message.texttexturestyle;
                if (message.ensure8bit != null && message.hasOwnProperty("ensure8bit"))
                    object.ensure8bit = message.ensure8bit;
                if (message.textoverflowbehaviour != null && message.hasOwnProperty("textoverflowbehaviour"))
                    object.textoverflowbehaviour = options.enums === String ? $root.JetSDL.Proto.ImageProvider.TextOverflowBehaviour[message.textoverflowbehaviour] : message.textoverflowbehaviour;
                if (message.videooffsetvariable != null && message.hasOwnProperty("videooffsetvariable"))
                    object.videooffsetvariable = $root.JetSDL.Proto.StringVariable.toObject(message.videooffsetvariable, options);
                if (message.textcontexts && message.textcontexts.length) {
                    object.textcontexts = [];
                    for (var j = 0; j < message.textcontexts.length; ++j)
                        object.textcontexts[j] = $root.JetSDL.Proto.ImageProvider.TextContext.toObject(message.textcontexts[j], options);
                }
                if (message.usetextcontextmarkup != null && message.hasOwnProperty("usetextcontextmarkup"))
                    object.usetextcontextmarkup = message.usetextcontextmarkup;
                if (message.rotatevideobymetadata != null && message.hasOwnProperty("rotatevideobymetadata"))
                    object.rotatevideobymetadata = message.rotatevideobymetadata;
                if (message.pathdescription != null && message.hasOwnProperty("pathdescription"))
                    object.pathdescription = $root.JetSDL.Proto.ImageProvider.PathDescription.toObject(message.pathdescription, options);
                if (message.fontsizeFunction != null && message.hasOwnProperty("fontsizeFunction"))
                    object.fontsizeFunction = $root.JetSDL.Proto.Function.toObject(message.fontsizeFunction, options);
                if (message.comment != null && message.hasOwnProperty("comment"))
                    object.comment = message.comment;
                return object;
            };

            /**
             * Creates a plain object from this ImageProvider message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            ImageProvider.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this ImageProvider to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            ImageProvider.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.ImageProvider
             * @enum {number}
             * @property {number} stillimage=0 stillimage value
             * @property {number} manipulatedimage=2 manipulatedimage value
             * @property {number} emptyimage=4 emptyimage value
             * @property {number} http=9 http value
             * @property {number} jetcom=10 jetcom value
             * @property {number} textsimple=7 textsimple value
             * @property {number} imagesequence=1 imagesequence value
             * @property {number} image32fsequence=3 image32fsequence value
             * @property {number} textcurved=5 textcurved value
             * @property {number} textquad=6 textquad value
             * @property {number} textmultiline=8 textmultiline value
             * @property {number} decoder=11 decoder value
             * @property {number} video=12 video value
             * @property {number} livevideo=22 livevideo value
             * @property {number} scenebased=13 scenebased value
             * @property {number} comicbook=14 comicbook value
             * @property {number} custom=15 custom value
             * @property {number} piechart=16 piechart value
             * @property {number} masksource=17 masksource value
             * @property {number} barchart=18 barchart value
             * @property {number} imagebarchart=19 imagebarchart value
             * @property {number} linechart=21 linechart value
             * @property {number} bezier=20 bezier value
             * @property {number} path=24 path value
             * @property {number} jscanvas=23 jscanvas value
             */
            ImageProvider.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "stillimage"] = 0;
                values[valuesById[2] = "manipulatedimage"] = 2;
                values[valuesById[4] = "emptyimage"] = 4;
                values[valuesById[9] = "http"] = 9;
                values[valuesById[10] = "jetcom"] = 10;
                values[valuesById[7] = "textsimple"] = 7;
                values[valuesById[1] = "imagesequence"] = 1;
                values[valuesById[3] = "image32fsequence"] = 3;
                values[valuesById[5] = "textcurved"] = 5;
                values[valuesById[6] = "textquad"] = 6;
                values[valuesById[8] = "textmultiline"] = 8;
                values[valuesById[11] = "decoder"] = 11;
                values[valuesById[12] = "video"] = 12;
                values[valuesById[22] = "livevideo"] = 22;
                values[valuesById[13] = "scenebased"] = 13;
                values[valuesById[14] = "comicbook"] = 14;
                values[valuesById[15] = "custom"] = 15;
                values[valuesById[16] = "piechart"] = 16;
                values[valuesById[17] = "masksource"] = 17;
                values[valuesById[18] = "barchart"] = 18;
                values[valuesById[19] = "imagebarchart"] = 19;
                values[valuesById[21] = "linechart"] = 21;
                values[valuesById[20] = "bezier"] = 20;
                values[valuesById[24] = "path"] = 24;
                values[valuesById[23] = "jscanvas"] = 23;
                return values;
            })();

            /**
             * TextAlignment enum.
             * @name TextAlignment
             * @memberof JetSDL.Proto.ImageProvider
             * @enum {number}
             * @property {number} flushleft=0 flushleft value
             * @property {number} centered=1 centered value
             * @property {number} flushright=2 flushright value
             */
            ImageProvider.TextAlignment = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "flushleft"] = 0;
                values[valuesById[1] = "centered"] = 1;
                values[valuesById[2] = "flushright"] = 2;
                return values;
            })();

            /**
             * TextPosition enum.
             * @name TextPosition
             * @memberof JetSDL.Proto.ImageProvider
             * @enum {number}
             * @property {number} top=0 top value
             * @property {number} middle=1 middle value
             * @property {number} bottom=2 bottom value
             */
            ImageProvider.TextPosition = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "top"] = 0;
                values[valuesById[1] = "middle"] = 1;
                values[valuesById[2] = "bottom"] = 2;
                return values;
            })();

            /**
             * TextureStyle enum.
             * @name TextureStyle
             * @memberof JetSDL.Proto.ImageProvider
             * @enum {number}
             * @property {number} texturestyle_line=0 texturestyle_line value
             * @property {number} texturestyle_full=1 texturestyle_full value
             * @property {number} texturestyle_tiled=2 texturestyle_tiled value
             * @property {number} texturestyle_tiledline=3 texturestyle_tiledline value
             */
            ImageProvider.TextureStyle = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "texturestyle_line"] = 0;
                values[valuesById[1] = "texturestyle_full"] = 1;
                values[valuesById[2] = "texturestyle_tiled"] = 2;
                values[valuesById[3] = "texturestyle_tiledline"] = 3;
                return values;
            })();

            ImageProvider.TextOutline = (function() {

                /**
                 * Properties of a TextOutline.
                 * @typedef JetSDL.Proto.ImageProvider.TextOutline$Properties
                 * @type {Object}
                 * @property {JetSDL.Proto.ImageProvider.TextOutline.Type} [type] TextOutline type.
                 * @property {number} [size] TextOutline size.
                 * @property {JetSDL.Proto.Color$Properties} [color] TextOutline color.
                 * @property {JetSDL.Proto.ImageProvider$Properties} [texture] TextOutline texture.
                 * @property {JetSDL.Proto.ImageProvider.TextureStyle} [texturestyle] TextOutline texturestyle.
                 */

                /**
                 * Constructs a new TextOutline.
                 * @exports JetSDL.Proto.ImageProvider.TextOutline
                 * @constructor
                 * @param {JetSDL.Proto.ImageProvider.TextOutline$Properties=} [properties] Properties to set
                 */
                function TextOutline(properties) {
                    if (properties)
                        for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                            if (properties[keys[i]] != null)
                                this[keys[i]] = properties[keys[i]];
                }

                /**
                 * TextOutline type.
                 * @type {JetSDL.Proto.ImageProvider.TextOutline.Type}
                 */
                TextOutline.prototype.type = 0;

                /**
                 * TextOutline size.
                 * @type {number}
                 */
                TextOutline.prototype.size = 1;

                /**
                 * TextOutline color.
                 * @type {(JetSDL.Proto.Color$Properties|null)}
                 */
                TextOutline.prototype.color = null;

                /**
                 * TextOutline texture.
                 * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
                 */
                TextOutline.prototype.texture = null;

                /**
                 * TextOutline texturestyle.
                 * @type {JetSDL.Proto.ImageProvider.TextureStyle}
                 */
                TextOutline.prototype.texturestyle = 0;

                /**
                 * Creates a new TextOutline instance using the specified properties.
                 * @param {JetSDL.Proto.ImageProvider.TextOutline$Properties=} [properties] Properties to set
                 * @returns {JetSDL.Proto.ImageProvider.TextOutline} TextOutline instance
                 */
                TextOutline.create = function create(properties) {
                    return new TextOutline(properties);
                };

                /**
                 * Encodes the specified TextOutline message. Does not implicitly {@link JetSDL.Proto.ImageProvider.TextOutline.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.TextOutline$Properties} message TextOutline message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                TextOutline.encode = function encode(message, writer) {
                    if (!writer)
                        writer = $Writer.create();
                    if (message.type != null && message.hasOwnProperty("type"))
                        writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                    if (message.size != null && message.hasOwnProperty("size"))
                        writer.uint32(/* id 2, wireType 1 =*/17).double(message.size);
                    if (message.color != null && message.hasOwnProperty("color"))
                        $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                    if (message.texture != null && message.hasOwnProperty("texture"))
                        $root.JetSDL.Proto.ImageProvider.encode(message.texture, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                    if (message.texturestyle != null && message.hasOwnProperty("texturestyle"))
                        writer.uint32(/* id 5, wireType 0 =*/40).uint32(message.texturestyle);
                    return writer;
                };

                /**
                 * Encodes the specified TextOutline message, length delimited. Does not implicitly {@link JetSDL.Proto.ImageProvider.TextOutline.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.TextOutline$Properties} message TextOutline message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                TextOutline.encodeDelimited = function encodeDelimited(message, writer) {
                    return this.encode(message, writer).ldelim();
                };

                /**
                 * Decodes a TextOutline message from the specified reader or buffer.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @param {number} [length] Message length if known beforehand
                 * @returns {JetSDL.Proto.ImageProvider.TextOutline} TextOutline
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                TextOutline.decode = function decode(reader, length) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader.create(reader);
                    var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.ImageProvider.TextOutline();
                    while (reader.pos < end) {
                        var tag = reader.uint32();
                        switch (tag >>> 3) {
                        case 1:
                            message.type = reader.uint32();
                            break;
                        case 2:
                            message.size = reader.double();
                            break;
                        case 3:
                            message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                            break;
                        case 4:
                            message.texture = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                            break;
                        case 5:
                            message.texturestyle = reader.uint32();
                            break;
                        default:
                            reader.skipType(tag & 7);
                            break;
                        }
                    }
                    return message;
                };

                /**
                 * Decodes a TextOutline message from the specified reader or buffer, length delimited.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @returns {JetSDL.Proto.ImageProvider.TextOutline} TextOutline
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                TextOutline.decodeDelimited = function decodeDelimited(reader) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader(reader);
                    return this.decode(reader, reader.uint32());
                };

                /**
                 * Verifies a TextOutline message.
                 * @param {Object.<string,*>} message Plain object to verify
                 * @returns {?string} `null` if valid, otherwise the reason why it is not
                 */
                TextOutline.verify = function verify(message) {
                    if (typeof message !== "object" || message === null)
                        return "object expected";
                    if (message.type != null && message.hasOwnProperty("type"))
                        switch (message.type) {
                        default:
                            return "type: enum value expected";
                        case 0:
                        case 1:
                            break;
                        }
                    if (message.size != null && message.hasOwnProperty("size"))
                        if (typeof message.size !== "number")
                            return "size: number expected";
                    if (message.color != null && message.hasOwnProperty("color")) {
                        var error = $root.JetSDL.Proto.Color.verify(message.color);
                        if (error)
                            return "color." + error;
                    }
                    if (message.texture != null && message.hasOwnProperty("texture")) {
                        var error = $root.JetSDL.Proto.ImageProvider.verify(message.texture);
                        if (error)
                            return "texture." + error;
                    }
                    if (message.texturestyle != null && message.hasOwnProperty("texturestyle"))
                        switch (message.texturestyle) {
                        default:
                            return "texturestyle: enum value expected";
                        case 0:
                        case 1:
                        case 2:
                        case 3:
                            break;
                        }
                    return null;
                };

                /**
                 * Creates a TextOutline message from a plain object. Also converts values to their respective internal types.
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.TextOutline} TextOutline
                 */
                TextOutline.fromObject = function fromObject(object) {
                    if (object instanceof $root.JetSDL.Proto.ImageProvider.TextOutline)
                        return object;
                    var message = new $root.JetSDL.Proto.ImageProvider.TextOutline();
                    switch (object.type) {
                    case "simple":
                    case 0:
                        message.type = 0;
                        break;
                    case "rounded":
                    case 1:
                        message.type = 1;
                        break;
                    }
                    if (object.size != null)
                        message.size = Number(object.size);
                    if (object.color != null) {
                        if (typeof object.color !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.TextOutline.color: object expected");
                        message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                    }
                    if (object.texture != null) {
                        if (typeof object.texture !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.TextOutline.texture: object expected");
                        message.texture = $root.JetSDL.Proto.ImageProvider.fromObject(object.texture);
                    }
                    switch (object.texturestyle) {
                    case "texturestyle_line":
                    case 0:
                        message.texturestyle = 0;
                        break;
                    case "texturestyle_full":
                    case 1:
                        message.texturestyle = 1;
                        break;
                    case "texturestyle_tiled":
                    case 2:
                        message.texturestyle = 2;
                        break;
                    case "texturestyle_tiledline":
                    case 3:
                        message.texturestyle = 3;
                        break;
                    }
                    return message;
                };

                /**
                 * Creates a TextOutline message from a plain object. Also converts values to their respective internal types.
                 * This is an alias of {@link JetSDL.Proto.ImageProvider.TextOutline.fromObject}.
                 * @function
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.TextOutline} TextOutline
                 */
                TextOutline.from = TextOutline.fromObject;

                /**
                 * Creates a plain object from a TextOutline message. Also converts values to other types if specified.
                 * @param {JetSDL.Proto.ImageProvider.TextOutline} message TextOutline
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                TextOutline.toObject = function toObject(message, options) {
                    if (!options)
                        options = {};
                    var object = {};
                    if (options.defaults) {
                        object.type = options.enums === String ? "simple" : 0;
                        object.size = 1;
                        object.color = null;
                        object.texture = null;
                        object.texturestyle = options.enums === String ? "texturestyle_line" : 0;
                    }
                    if (message.type != null && message.hasOwnProperty("type"))
                        object.type = options.enums === String ? $root.JetSDL.Proto.ImageProvider.TextOutline.Type[message.type] : message.type;
                    if (message.size != null && message.hasOwnProperty("size"))
                        object.size = message.size;
                    if (message.color != null && message.hasOwnProperty("color"))
                        object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                    if (message.texture != null && message.hasOwnProperty("texture"))
                        object.texture = $root.JetSDL.Proto.ImageProvider.toObject(message.texture, options);
                    if (message.texturestyle != null && message.hasOwnProperty("texturestyle"))
                        object.texturestyle = options.enums === String ? $root.JetSDL.Proto.ImageProvider.TextureStyle[message.texturestyle] : message.texturestyle;
                    return object;
                };

                /**
                 * Creates a plain object from this TextOutline message. Also converts values to other types if specified.
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                TextOutline.prototype.toObject = function toObject(options) {
                    return this.constructor.toObject(this, options);
                };

                /**
                 * Converts this TextOutline to JSON.
                 * @returns {Object.<string,*>} JSON object
                 */
                TextOutline.prototype.toJSON = function toJSON() {
                    return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
                };

                /**
                 * Type enum.
                 * @name Type
                 * @memberof JetSDL.Proto.ImageProvider.TextOutline
                 * @enum {number}
                 * @property {number} simple=0 simple value
                 * @property {number} rounded=1 rounded value
                 */
                TextOutline.Type = (function() {
                    var valuesById = {}, values = Object.create(valuesById);
                    values[valuesById[0] = "simple"] = 0;
                    values[valuesById[1] = "rounded"] = 1;
                    return values;
                })();

                return TextOutline;
            })();

            ImageProvider.TextAugment = (function() {

                /**
                 * Properties of a TextAugment.
                 * @typedef JetSDL.Proto.ImageProvider.TextAugment$Properties
                 * @type {Object}
                 * @property {JetSDL.Proto.ImageProvider$Properties} [content] TextAugment content.
                 * @property {number} [anchorCharacter] TextAugment anchorCharacter.
                 * @property {number} [x] TextAugment x.
                 * @property {number} [y] TextAugment y.
                 * @property {number} [size] TextAugment size.
                 */

                /**
                 * Constructs a new TextAugment.
                 * @exports JetSDL.Proto.ImageProvider.TextAugment
                 * @constructor
                 * @param {JetSDL.Proto.ImageProvider.TextAugment$Properties=} [properties] Properties to set
                 */
                function TextAugment(properties) {
                    if (properties)
                        for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                            if (properties[keys[i]] != null)
                                this[keys[i]] = properties[keys[i]];
                }

                /**
                 * TextAugment content.
                 * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
                 */
                TextAugment.prototype.content = null;

                /**
                 * TextAugment anchorCharacter.
                 * @type {number}
                 */
                TextAugment.prototype.anchorCharacter = 0;

                /**
                 * TextAugment x.
                 * @type {number}
                 */
                TextAugment.prototype.x = 0;

                /**
                 * TextAugment y.
                 * @type {number}
                 */
                TextAugment.prototype.y = 0;

                /**
                 * TextAugment size.
                 * @type {number}
                 */
                TextAugment.prototype.size = 1;

                /**
                 * Creates a new TextAugment instance using the specified properties.
                 * @param {JetSDL.Proto.ImageProvider.TextAugment$Properties=} [properties] Properties to set
                 * @returns {JetSDL.Proto.ImageProvider.TextAugment} TextAugment instance
                 */
                TextAugment.create = function create(properties) {
                    return new TextAugment(properties);
                };

                /**
                 * Encodes the specified TextAugment message. Does not implicitly {@link JetSDL.Proto.ImageProvider.TextAugment.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.TextAugment$Properties} message TextAugment message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                TextAugment.encode = function encode(message, writer) {
                    if (!writer)
                        writer = $Writer.create();
                    if (message.content != null && message.hasOwnProperty("content"))
                        $root.JetSDL.Proto.ImageProvider.encode(message.content, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                    if (message.anchorCharacter != null && message.hasOwnProperty("anchorCharacter"))
                        writer.uint32(/* id 3, wireType 1 =*/25).double(message.anchorCharacter);
                    if (message.x != null && message.hasOwnProperty("x"))
                        writer.uint32(/* id 4, wireType 1 =*/33).double(message.x);
                    if (message.y != null && message.hasOwnProperty("y"))
                        writer.uint32(/* id 5, wireType 1 =*/41).double(message.y);
                    if (message.size != null && message.hasOwnProperty("size"))
                        writer.uint32(/* id 6, wireType 1 =*/49).double(message.size);
                    return writer;
                };

                /**
                 * Encodes the specified TextAugment message, length delimited. Does not implicitly {@link JetSDL.Proto.ImageProvider.TextAugment.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.TextAugment$Properties} message TextAugment message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                TextAugment.encodeDelimited = function encodeDelimited(message, writer) {
                    return this.encode(message, writer).ldelim();
                };

                /**
                 * Decodes a TextAugment message from the specified reader or buffer.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @param {number} [length] Message length if known beforehand
                 * @returns {JetSDL.Proto.ImageProvider.TextAugment} TextAugment
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                TextAugment.decode = function decode(reader, length) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader.create(reader);
                    var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.ImageProvider.TextAugment();
                    while (reader.pos < end) {
                        var tag = reader.uint32();
                        switch (tag >>> 3) {
                        case 2:
                            message.content = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                            break;
                        case 3:
                            message.anchorCharacter = reader.double();
                            break;
                        case 4:
                            message.x = reader.double();
                            break;
                        case 5:
                            message.y = reader.double();
                            break;
                        case 6:
                            message.size = reader.double();
                            break;
                        default:
                            reader.skipType(tag & 7);
                            break;
                        }
                    }
                    return message;
                };

                /**
                 * Decodes a TextAugment message from the specified reader or buffer, length delimited.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @returns {JetSDL.Proto.ImageProvider.TextAugment} TextAugment
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                TextAugment.decodeDelimited = function decodeDelimited(reader) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader(reader);
                    return this.decode(reader, reader.uint32());
                };

                /**
                 * Verifies a TextAugment message.
                 * @param {Object.<string,*>} message Plain object to verify
                 * @returns {?string} `null` if valid, otherwise the reason why it is not
                 */
                TextAugment.verify = function verify(message) {
                    if (typeof message !== "object" || message === null)
                        return "object expected";
                    if (message.content != null && message.hasOwnProperty("content")) {
                        var error = $root.JetSDL.Proto.ImageProvider.verify(message.content);
                        if (error)
                            return "content." + error;
                    }
                    if (message.anchorCharacter != null && message.hasOwnProperty("anchorCharacter"))
                        if (typeof message.anchorCharacter !== "number")
                            return "anchorCharacter: number expected";
                    if (message.x != null && message.hasOwnProperty("x"))
                        if (typeof message.x !== "number")
                            return "x: number expected";
                    if (message.y != null && message.hasOwnProperty("y"))
                        if (typeof message.y !== "number")
                            return "y: number expected";
                    if (message.size != null && message.hasOwnProperty("size"))
                        if (typeof message.size !== "number")
                            return "size: number expected";
                    return null;
                };

                /**
                 * Creates a TextAugment message from a plain object. Also converts values to their respective internal types.
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.TextAugment} TextAugment
                 */
                TextAugment.fromObject = function fromObject(object) {
                    if (object instanceof $root.JetSDL.Proto.ImageProvider.TextAugment)
                        return object;
                    var message = new $root.JetSDL.Proto.ImageProvider.TextAugment();
                    if (object.content != null) {
                        if (typeof object.content !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.TextAugment.content: object expected");
                        message.content = $root.JetSDL.Proto.ImageProvider.fromObject(object.content);
                    }
                    if (object.anchorCharacter != null)
                        message.anchorCharacter = Number(object.anchorCharacter);
                    if (object.x != null)
                        message.x = Number(object.x);
                    if (object.y != null)
                        message.y = Number(object.y);
                    if (object.size != null)
                        message.size = Number(object.size);
                    return message;
                };

                /**
                 * Creates a TextAugment message from a plain object. Also converts values to their respective internal types.
                 * This is an alias of {@link JetSDL.Proto.ImageProvider.TextAugment.fromObject}.
                 * @function
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.TextAugment} TextAugment
                 */
                TextAugment.from = TextAugment.fromObject;

                /**
                 * Creates a plain object from a TextAugment message. Also converts values to other types if specified.
                 * @param {JetSDL.Proto.ImageProvider.TextAugment} message TextAugment
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                TextAugment.toObject = function toObject(message, options) {
                    if (!options)
                        options = {};
                    var object = {};
                    if (options.defaults) {
                        object.content = null;
                        object.anchorCharacter = 0;
                        object.x = 0;
                        object.y = 0;
                        object.size = 1;
                    }
                    if (message.content != null && message.hasOwnProperty("content"))
                        object.content = $root.JetSDL.Proto.ImageProvider.toObject(message.content, options);
                    if (message.anchorCharacter != null && message.hasOwnProperty("anchorCharacter"))
                        object.anchorCharacter = message.anchorCharacter;
                    if (message.x != null && message.hasOwnProperty("x"))
                        object.x = message.x;
                    if (message.y != null && message.hasOwnProperty("y"))
                        object.y = message.y;
                    if (message.size != null && message.hasOwnProperty("size"))
                        object.size = message.size;
                    return object;
                };

                /**
                 * Creates a plain object from this TextAugment message. Also converts values to other types if specified.
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                TextAugment.prototype.toObject = function toObject(options) {
                    return this.constructor.toObject(this, options);
                };

                /**
                 * Converts this TextAugment to JSON.
                 * @returns {Object.<string,*>} JSON object
                 */
                TextAugment.prototype.toJSON = function toJSON() {
                    return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
                };

                return TextAugment;
            })();

            /**
             * TextOverflowBehaviour enum.
             * @name TextOverflowBehaviour
             * @memberof JetSDL.Proto.ImageProvider
             * @enum {number}
             * @property {number} textoverflowbehaviour_none=0 textoverflowbehaviour_none value
             * @property {number} textoverflowbehaviour_scale_x=1 textoverflowbehaviour_scale_x value
             * @property {number} textoverflowbehaviour_fs_y_scale_x=2 textoverflowbehaviour_fs_y_scale_x value
             * @property {number} textoverflowbehaviour_fs=3 textoverflowbehaviour_fs value
             */
            ImageProvider.TextOverflowBehaviour = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "textoverflowbehaviour_none"] = 0;
                values[valuesById[1] = "textoverflowbehaviour_scale_x"] = 1;
                values[valuesById[2] = "textoverflowbehaviour_fs_y_scale_x"] = 2;
                values[valuesById[3] = "textoverflowbehaviour_fs"] = 3;
                return values;
            })();

            ImageProvider.JSCanvasDescription = (function() {

                /**
                 * Properties of a JSCanvasDescription.
                 * @typedef JetSDL.Proto.ImageProvider.JSCanvasDescription$Properties
                 * @type {Object}
                 * @property {JetSDL.Proto.ImageProvider.JSCanvasDescription.Mode} [mode] JSCanvasDescription mode.
                 * @property {JetSDL.Proto.StringVariable$Properties} [script] JSCanvasDescription script.
                 * @property {JetSDL.Proto.FileLocation$Properties} [location] JSCanvasDescription location.
                 * @property {Array.<JetSDL.Proto.KeyValuePair$Properties>} [defaultparams] JSCanvasDescription defaultparams.
                 * @property {Array.<string>} [keys] JSCanvasDescription keys.
                 * @property {JetSDL.Proto.Function$Properties} [completionfunction] JSCanvasDescription completionfunction.
                 * @property {Array.<JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription$Properties>} [fonts] JSCanvasDescription fonts.
                 */

                /**
                 * Constructs a new JSCanvasDescription.
                 * @exports JetSDL.Proto.ImageProvider.JSCanvasDescription
                 * @constructor
                 * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription$Properties=} [properties] Properties to set
                 */
                function JSCanvasDescription(properties) {
                    this.defaultparams = [];
                    this.keys = [];
                    this.fonts = [];
                    if (properties)
                        for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                            if (properties[keys[i]] != null)
                                this[keys[i]] = properties[keys[i]];
                }

                /**
                 * JSCanvasDescription mode.
                 * @type {JetSDL.Proto.ImageProvider.JSCanvasDescription.Mode}
                 */
                JSCanvasDescription.prototype.mode = 0;

                /**
                 * JSCanvasDescription script.
                 * @type {(JetSDL.Proto.StringVariable$Properties|null)}
                 */
                JSCanvasDescription.prototype.script = null;

                /**
                 * JSCanvasDescription location.
                 * @type {(JetSDL.Proto.FileLocation$Properties|null)}
                 */
                JSCanvasDescription.prototype.location = null;

                /**
                 * JSCanvasDescription defaultparams.
                 * @type {Array.<JetSDL.Proto.KeyValuePair$Properties>}
                 */
                JSCanvasDescription.prototype.defaultparams = $util.emptyArray;

                /**
                 * JSCanvasDescription keys.
                 * @type {Array.<string>}
                 */
                JSCanvasDescription.prototype.keys = $util.emptyArray;

                /**
                 * JSCanvasDescription completionfunction.
                 * @type {(JetSDL.Proto.Function$Properties|null)}
                 */
                JSCanvasDescription.prototype.completionfunction = null;

                /**
                 * JSCanvasDescription fonts.
                 * @type {Array.<JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription$Properties>}
                 */
                JSCanvasDescription.prototype.fonts = $util.emptyArray;

                /**
                 * Creates a new JSCanvasDescription instance using the specified properties.
                 * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription$Properties=} [properties] Properties to set
                 * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription} JSCanvasDescription instance
                 */
                JSCanvasDescription.create = function create(properties) {
                    return new JSCanvasDescription(properties);
                };

                /**
                 * Encodes the specified JSCanvasDescription message. Does not implicitly {@link JetSDL.Proto.ImageProvider.JSCanvasDescription.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription$Properties} message JSCanvasDescription message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                JSCanvasDescription.encode = function encode(message, writer) {
                    if (!writer)
                        writer = $Writer.create();
                    if (message.mode != null && message.hasOwnProperty("mode"))
                        writer.uint32(/* id 2, wireType 0 =*/16).uint32(message.mode);
                    if (message.script != null && message.hasOwnProperty("script"))
                        $root.JetSDL.Proto.StringVariable.encode(message.script, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                    if (message.location != null && message.hasOwnProperty("location"))
                        $root.JetSDL.Proto.FileLocation.encode(message.location, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                    if (message.defaultparams != null && message.defaultparams.length)
                        for (var i = 0; i < message.defaultparams.length; ++i)
                            $root.JetSDL.Proto.KeyValuePair.encode(message.defaultparams[i], writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                    if (message.keys != null && message.keys.length)
                        for (var i = 0; i < message.keys.length; ++i)
                            writer.uint32(/* id 6, wireType 2 =*/50).string(message.keys[i]);
                    if (message.completionfunction != null && message.hasOwnProperty("completionfunction"))
                        $root.JetSDL.Proto.Function.encode(message.completionfunction, writer.uint32(/* id 7, wireType 2 =*/58).fork()).ldelim();
                    if (message.fonts != null && message.fonts.length)
                        for (var i = 0; i < message.fonts.length; ++i)
                            $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription.encode(message.fonts[i], writer.uint32(/* id 8, wireType 2 =*/66).fork()).ldelim();
                    return writer;
                };

                /**
                 * Encodes the specified JSCanvasDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.ImageProvider.JSCanvasDescription.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription$Properties} message JSCanvasDescription message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                JSCanvasDescription.encodeDelimited = function encodeDelimited(message, writer) {
                    return this.encode(message, writer).ldelim();
                };

                /**
                 * Decodes a JSCanvasDescription message from the specified reader or buffer.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @param {number} [length] Message length if known beforehand
                 * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription} JSCanvasDescription
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                JSCanvasDescription.decode = function decode(reader, length) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader.create(reader);
                    var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.ImageProvider.JSCanvasDescription();
                    while (reader.pos < end) {
                        var tag = reader.uint32();
                        switch (tag >>> 3) {
                        case 2:
                            message.mode = reader.uint32();
                            break;
                        case 3:
                            message.script = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                            break;
                        case 4:
                            message.location = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                            break;
                        case 5:
                            if (!(message.defaultparams && message.defaultparams.length))
                                message.defaultparams = [];
                            message.defaultparams.push($root.JetSDL.Proto.KeyValuePair.decode(reader, reader.uint32()));
                            break;
                        case 6:
                            if (!(message.keys && message.keys.length))
                                message.keys = [];
                            message.keys.push(reader.string());
                            break;
                        case 7:
                            message.completionfunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                            break;
                        case 8:
                            if (!(message.fonts && message.fonts.length))
                                message.fonts = [];
                            message.fonts.push($root.JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription.decode(reader, reader.uint32()));
                            break;
                        default:
                            reader.skipType(tag & 7);
                            break;
                        }
                    }
                    return message;
                };

                /**
                 * Decodes a JSCanvasDescription message from the specified reader or buffer, length delimited.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription} JSCanvasDescription
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                JSCanvasDescription.decodeDelimited = function decodeDelimited(reader) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader(reader);
                    return this.decode(reader, reader.uint32());
                };

                /**
                 * Verifies a JSCanvasDescription message.
                 * @param {Object.<string,*>} message Plain object to verify
                 * @returns {?string} `null` if valid, otherwise the reason why it is not
                 */
                JSCanvasDescription.verify = function verify(message) {
                    if (typeof message !== "object" || message === null)
                        return "object expected";
                    if (message.mode != null && message.hasOwnProperty("mode"))
                        switch (message.mode) {
                        default:
                            return "mode: enum value expected";
                        case 0:
                        case 1:
                            break;
                        }
                    if (message.script != null && message.hasOwnProperty("script")) {
                        var error = $root.JetSDL.Proto.StringVariable.verify(message.script);
                        if (error)
                            return "script." + error;
                    }
                    if (message.location != null && message.hasOwnProperty("location")) {
                        var error = $root.JetSDL.Proto.FileLocation.verify(message.location);
                        if (error)
                            return "location." + error;
                    }
                    if (message.defaultparams != null && message.hasOwnProperty("defaultparams")) {
                        if (!Array.isArray(message.defaultparams))
                            return "defaultparams: array expected";
                        for (var i = 0; i < message.defaultparams.length; ++i) {
                            var error = $root.JetSDL.Proto.KeyValuePair.verify(message.defaultparams[i]);
                            if (error)
                                return "defaultparams." + error;
                        }
                    }
                    if (message.keys != null && message.hasOwnProperty("keys")) {
                        if (!Array.isArray(message.keys))
                            return "keys: array expected";
                        for (var i = 0; i < message.keys.length; ++i)
                            if (!$util.isString(message.keys[i]))
                                return "keys: string[] expected";
                    }
                    if (message.completionfunction != null && message.hasOwnProperty("completionfunction")) {
                        var error = $root.JetSDL.Proto.Function.verify(message.completionfunction);
                        if (error)
                            return "completionfunction." + error;
                    }
                    if (message.fonts != null && message.hasOwnProperty("fonts")) {
                        if (!Array.isArray(message.fonts))
                            return "fonts: array expected";
                        for (var i = 0; i < message.fonts.length; ++i) {
                            var error = $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription.verify(message.fonts[i]);
                            if (error)
                                return "fonts." + error;
                        }
                    }
                    return null;
                };

                /**
                 * Creates a JSCanvasDescription message from a plain object. Also converts values to their respective internal types.
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription} JSCanvasDescription
                 */
                JSCanvasDescription.fromObject = function fromObject(object) {
                    if (object instanceof $root.JetSDL.Proto.ImageProvider.JSCanvasDescription)
                        return object;
                    var message = new $root.JetSDL.Proto.ImageProvider.JSCanvasDescription();
                    switch (object.mode) {
                    case "jscanvas_script":
                    case 0:
                        message.mode = 0;
                        break;
                    case "jscanvas_location":
                    case 1:
                        message.mode = 1;
                        break;
                    }
                    if (object.script != null) {
                        if (typeof object.script !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.JSCanvasDescription.script: object expected");
                        message.script = $root.JetSDL.Proto.StringVariable.fromObject(object.script);
                    }
                    if (object.location != null) {
                        if (typeof object.location !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.JSCanvasDescription.location: object expected");
                        message.location = $root.JetSDL.Proto.FileLocation.fromObject(object.location);
                    }
                    if (object.defaultparams) {
                        if (!Array.isArray(object.defaultparams))
                            throw TypeError(".JetSDL.Proto.ImageProvider.JSCanvasDescription.defaultparams: array expected");
                        message.defaultparams = [];
                        for (var i = 0; i < object.defaultparams.length; ++i) {
                            if (typeof object.defaultparams[i] !== "object")
                                throw TypeError(".JetSDL.Proto.ImageProvider.JSCanvasDescription.defaultparams: object expected");
                            message.defaultparams[i] = $root.JetSDL.Proto.KeyValuePair.fromObject(object.defaultparams[i]);
                        }
                    }
                    if (object.keys) {
                        if (!Array.isArray(object.keys))
                            throw TypeError(".JetSDL.Proto.ImageProvider.JSCanvasDescription.keys: array expected");
                        message.keys = [];
                        for (var i = 0; i < object.keys.length; ++i)
                            message.keys[i] = String(object.keys[i]);
                    }
                    if (object.completionfunction != null) {
                        if (typeof object.completionfunction !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.JSCanvasDescription.completionfunction: object expected");
                        message.completionfunction = $root.JetSDL.Proto.Function.fromObject(object.completionfunction);
                    }
                    if (object.fonts) {
                        if (!Array.isArray(object.fonts))
                            throw TypeError(".JetSDL.Proto.ImageProvider.JSCanvasDescription.fonts: array expected");
                        message.fonts = [];
                        for (var i = 0; i < object.fonts.length; ++i) {
                            if (typeof object.fonts[i] !== "object")
                                throw TypeError(".JetSDL.Proto.ImageProvider.JSCanvasDescription.fonts: object expected");
                            message.fonts[i] = $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription.fromObject(object.fonts[i]);
                        }
                    }
                    return message;
                };

                /**
                 * Creates a JSCanvasDescription message from a plain object. Also converts values to their respective internal types.
                 * This is an alias of {@link JetSDL.Proto.ImageProvider.JSCanvasDescription.fromObject}.
                 * @function
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription} JSCanvasDescription
                 */
                JSCanvasDescription.from = JSCanvasDescription.fromObject;

                /**
                 * Creates a plain object from a JSCanvasDescription message. Also converts values to other types if specified.
                 * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription} message JSCanvasDescription
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                JSCanvasDescription.toObject = function toObject(message, options) {
                    if (!options)
                        options = {};
                    var object = {};
                    if (options.arrays || options.defaults) {
                        object.defaultparams = [];
                        object.keys = [];
                        object.fonts = [];
                    }
                    if (options.defaults) {
                        object.mode = options.enums === String ? "jscanvas_script" : 0;
                        object.script = null;
                        object.location = null;
                        object.completionfunction = null;
                    }
                    if (message.mode != null && message.hasOwnProperty("mode"))
                        object.mode = options.enums === String ? $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.Mode[message.mode] : message.mode;
                    if (message.script != null && message.hasOwnProperty("script"))
                        object.script = $root.JetSDL.Proto.StringVariable.toObject(message.script, options);
                    if (message.location != null && message.hasOwnProperty("location"))
                        object.location = $root.JetSDL.Proto.FileLocation.toObject(message.location, options);
                    if (message.defaultparams && message.defaultparams.length) {
                        object.defaultparams = [];
                        for (var j = 0; j < message.defaultparams.length; ++j)
                            object.defaultparams[j] = $root.JetSDL.Proto.KeyValuePair.toObject(message.defaultparams[j], options);
                    }
                    if (message.keys && message.keys.length) {
                        object.keys = [];
                        for (var j = 0; j < message.keys.length; ++j)
                            object.keys[j] = message.keys[j];
                    }
                    if (message.completionfunction != null && message.hasOwnProperty("completionfunction"))
                        object.completionfunction = $root.JetSDL.Proto.Function.toObject(message.completionfunction, options);
                    if (message.fonts && message.fonts.length) {
                        object.fonts = [];
                        for (var j = 0; j < message.fonts.length; ++j)
                            object.fonts[j] = $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription.toObject(message.fonts[j], options);
                    }
                    return object;
                };

                /**
                 * Creates a plain object from this JSCanvasDescription message. Also converts values to other types if specified.
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                JSCanvasDescription.prototype.toObject = function toObject(options) {
                    return this.constructor.toObject(this, options);
                };

                /**
                 * Converts this JSCanvasDescription to JSON.
                 * @returns {Object.<string,*>} JSON object
                 */
                JSCanvasDescription.prototype.toJSON = function toJSON() {
                    return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
                };

                /**
                 * Mode enum.
                 * @name Mode
                 * @memberof JetSDL.Proto.ImageProvider.JSCanvasDescription
                 * @enum {number}
                 * @property {number} jscanvas_script=0 jscanvas_script value
                 * @property {number} jscanvas_location=1 jscanvas_location value
                 */
                JSCanvasDescription.Mode = (function() {
                    var valuesById = {}, values = Object.create(valuesById);
                    values[valuesById[0] = "jscanvas_script"] = 0;
                    values[valuesById[1] = "jscanvas_location"] = 1;
                    return values;
                })();

                JSCanvasDescription.FontDescription = (function() {

                    /**
                     * Properties of a FontDescription.
                     * @typedef JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription$Properties
                     * @type {Object}
                     * @property {string} alias FontDescription alias.
                     * @property {JetSDL.Proto.FileLocation$Properties} source FontDescription source.
                     */

                    /**
                     * Constructs a new FontDescription.
                     * @exports JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription
                     * @constructor
                     * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription$Properties=} [properties] Properties to set
                     */
                    function FontDescription(properties) {
                        if (properties)
                            for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                                if (properties[keys[i]] != null)
                                    this[keys[i]] = properties[keys[i]];
                    }

                    /**
                     * FontDescription alias.
                     * @type {string}
                     */
                    FontDescription.prototype.alias = "";

                    /**
                     * FontDescription source.
                     * @type {JetSDL.Proto.FileLocation$Properties}
                     */
                    FontDescription.prototype.source = null;

                    /**
                     * Creates a new FontDescription instance using the specified properties.
                     * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription$Properties=} [properties] Properties to set
                     * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription} FontDescription instance
                     */
                    FontDescription.create = function create(properties) {
                        return new FontDescription(properties);
                    };

                    /**
                     * Encodes the specified FontDescription message. Does not implicitly {@link JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription.verify|verify} messages.
                     * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription$Properties} message FontDescription message or plain object to encode
                     * @param {$protobuf.Writer} [writer] Writer to encode to
                     * @returns {$protobuf.Writer} Writer
                     */
                    FontDescription.encode = function encode(message, writer) {
                        if (!writer)
                            writer = $Writer.create();
                        writer.uint32(/* id 2, wireType 2 =*/18).string(message.alias);
                        $root.JetSDL.Proto.FileLocation.encode(message.source, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                        return writer;
                    };

                    /**
                     * Encodes the specified FontDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription.verify|verify} messages.
                     * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription$Properties} message FontDescription message or plain object to encode
                     * @param {$protobuf.Writer} [writer] Writer to encode to
                     * @returns {$protobuf.Writer} Writer
                     */
                    FontDescription.encodeDelimited = function encodeDelimited(message, writer) {
                        return this.encode(message, writer).ldelim();
                    };

                    /**
                     * Decodes a FontDescription message from the specified reader or buffer.
                     * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                     * @param {number} [length] Message length if known beforehand
                     * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription} FontDescription
                     * @throws {Error} If the payload is not a reader or valid buffer
                     * @throws {$protobuf.util.ProtocolError} If required fields are missing
                     */
                    FontDescription.decode = function decode(reader, length) {
                        if (!(reader instanceof $Reader))
                            reader = $Reader.create(reader);
                        var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription();
                        while (reader.pos < end) {
                            var tag = reader.uint32();
                            switch (tag >>> 3) {
                            case 2:
                                message.alias = reader.string();
                                break;
                            case 3:
                                message.source = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                                break;
                            default:
                                reader.skipType(tag & 7);
                                break;
                            }
                        }
                        if (!message.hasOwnProperty("alias"))
                            throw $util.ProtocolError("missing required 'alias'", { instance: message });
                        if (!message.hasOwnProperty("source"))
                            throw $util.ProtocolError("missing required 'source'", { instance: message });
                        return message;
                    };

                    /**
                     * Decodes a FontDescription message from the specified reader or buffer, length delimited.
                     * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                     * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription} FontDescription
                     * @throws {Error} If the payload is not a reader or valid buffer
                     * @throws {$protobuf.util.ProtocolError} If required fields are missing
                     */
                    FontDescription.decodeDelimited = function decodeDelimited(reader) {
                        if (!(reader instanceof $Reader))
                            reader = $Reader(reader);
                        return this.decode(reader, reader.uint32());
                    };

                    /**
                     * Verifies a FontDescription message.
                     * @param {Object.<string,*>} message Plain object to verify
                     * @returns {?string} `null` if valid, otherwise the reason why it is not
                     */
                    FontDescription.verify = function verify(message) {
                        if (typeof message !== "object" || message === null)
                            return "object expected";
                        if (!$util.isString(message.alias))
                            return "alias: string expected";
                        var error = $root.JetSDL.Proto.FileLocation.verify(message.source);
                        if (error)
                            return "source." + error;
                        return null;
                    };

                    /**
                     * Creates a FontDescription message from a plain object. Also converts values to their respective internal types.
                     * @param {Object.<string,*>} object Plain object
                     * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription} FontDescription
                     */
                    FontDescription.fromObject = function fromObject(object) {
                        if (object instanceof $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription)
                            return object;
                        var message = new $root.JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription();
                        if (object.alias != null)
                            message.alias = String(object.alias);
                        if (object.source != null) {
                            if (typeof object.source !== "object")
                                throw TypeError(".JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription.source: object expected");
                            message.source = $root.JetSDL.Proto.FileLocation.fromObject(object.source);
                        }
                        return message;
                    };

                    /**
                     * Creates a FontDescription message from a plain object. Also converts values to their respective internal types.
                     * This is an alias of {@link JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription.fromObject}.
                     * @function
                     * @param {Object.<string,*>} object Plain object
                     * @returns {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription} FontDescription
                     */
                    FontDescription.from = FontDescription.fromObject;

                    /**
                     * Creates a plain object from a FontDescription message. Also converts values to other types if specified.
                     * @param {JetSDL.Proto.ImageProvider.JSCanvasDescription.FontDescription} message FontDescription
                     * @param {$protobuf.ConversionOptions} [options] Conversion options
                     * @returns {Object.<string,*>} Plain object
                     */
                    FontDescription.toObject = function toObject(message, options) {
                        if (!options)
                            options = {};
                        var object = {};
                        if (options.defaults) {
                            object.alias = "";
                            object.source = null;
                        }
                        if (message.alias != null && message.hasOwnProperty("alias"))
                            object.alias = message.alias;
                        if (message.source != null && message.hasOwnProperty("source"))
                            object.source = $root.JetSDL.Proto.FileLocation.toObject(message.source, options);
                        return object;
                    };

                    /**
                     * Creates a plain object from this FontDescription message. Also converts values to other types if specified.
                     * @param {$protobuf.ConversionOptions} [options] Conversion options
                     * @returns {Object.<string,*>} Plain object
                     */
                    FontDescription.prototype.toObject = function toObject(options) {
                        return this.constructor.toObject(this, options);
                    };

                    /**
                     * Converts this FontDescription to JSON.
                     * @returns {Object.<string,*>} JSON object
                     */
                    FontDescription.prototype.toJSON = function toJSON() {
                        return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
                    };

                    return FontDescription;
                })();

                return JSCanvasDescription;
            })();

            ImageProvider.TextContext = (function() {

                /**
                 * Properties of a TextContext.
                 * @typedef JetSDL.Proto.ImageProvider.TextContext$Properties
                 * @type {Object}
                 * @property {string} name TextContext name.
                 * @property {JetSDL.Proto.FileLocation$Properties} [font] TextContext font.
                 * @property {number} [fontsize] TextContext fontsize.
                 * @property {JetSDL.Proto.Function$Properties} [fontsizeFunction] TextContext fontsizeFunction.
                 * @property {JetSDL.Proto.Color$Properties} [color] TextContext color.
                 * @property {JetSDL.Proto.ImageProvider$Properties} [texture] TextContext texture.
                 * @property {JetSDL.Proto.ImageProvider.TextureStyle} [texturestyle] TextContext texturestyle.
                 * @property {number} [fontspacing] TextContext fontspacing.
                 */

                /**
                 * Constructs a new TextContext.
                 * @exports JetSDL.Proto.ImageProvider.TextContext
                 * @constructor
                 * @param {JetSDL.Proto.ImageProvider.TextContext$Properties=} [properties] Properties to set
                 */
                function TextContext(properties) {
                    if (properties)
                        for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                            if (properties[keys[i]] != null)
                                this[keys[i]] = properties[keys[i]];
                }

                /**
                 * TextContext name.
                 * @type {string}
                 */
                TextContext.prototype.name = "";

                /**
                 * TextContext font.
                 * @type {(JetSDL.Proto.FileLocation$Properties|null)}
                 */
                TextContext.prototype.font = null;

                /**
                 * TextContext fontsize.
                 * @type {number}
                 */
                TextContext.prototype.fontsize = 0;

                /**
                 * TextContext fontsizeFunction.
                 * @type {(JetSDL.Proto.Function$Properties|null)}
                 */
                TextContext.prototype.fontsizeFunction = null;

                /**
                 * TextContext color.
                 * @type {(JetSDL.Proto.Color$Properties|null)}
                 */
                TextContext.prototype.color = null;

                /**
                 * TextContext texture.
                 * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
                 */
                TextContext.prototype.texture = null;

                /**
                 * TextContext texturestyle.
                 * @type {JetSDL.Proto.ImageProvider.TextureStyle}
                 */
                TextContext.prototype.texturestyle = 0;

                /**
                 * TextContext fontspacing.
                 * @type {number}
                 */
                TextContext.prototype.fontspacing = 0;

                /**
                 * Creates a new TextContext instance using the specified properties.
                 * @param {JetSDL.Proto.ImageProvider.TextContext$Properties=} [properties] Properties to set
                 * @returns {JetSDL.Proto.ImageProvider.TextContext} TextContext instance
                 */
                TextContext.create = function create(properties) {
                    return new TextContext(properties);
                };

                /**
                 * Encodes the specified TextContext message. Does not implicitly {@link JetSDL.Proto.ImageProvider.TextContext.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.TextContext$Properties} message TextContext message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                TextContext.encode = function encode(message, writer) {
                    if (!writer)
                        writer = $Writer.create();
                    writer.uint32(/* id 2, wireType 2 =*/18).string(message.name);
                    if (message.font != null && message.hasOwnProperty("font"))
                        $root.JetSDL.Proto.FileLocation.encode(message.font, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                    if (message.fontsize != null && message.hasOwnProperty("fontsize"))
                        writer.uint32(/* id 4, wireType 1 =*/33).double(message.fontsize);
                    if (message.color != null && message.hasOwnProperty("color"))
                        $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                    if (message.texture != null && message.hasOwnProperty("texture"))
                        $root.JetSDL.Proto.ImageProvider.encode(message.texture, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                    if (message.texturestyle != null && message.hasOwnProperty("texturestyle"))
                        writer.uint32(/* id 7, wireType 0 =*/56).uint32(message.texturestyle);
                    if (message.fontspacing != null && message.hasOwnProperty("fontspacing"))
                        writer.uint32(/* id 8, wireType 1 =*/65).double(message.fontspacing);
                    if (message.fontsizeFunction != null && message.hasOwnProperty("fontsizeFunction"))
                        $root.JetSDL.Proto.Function.encode(message.fontsizeFunction, writer.uint32(/* id 9, wireType 2 =*/74).fork()).ldelim();
                    return writer;
                };

                /**
                 * Encodes the specified TextContext message, length delimited. Does not implicitly {@link JetSDL.Proto.ImageProvider.TextContext.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.TextContext$Properties} message TextContext message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                TextContext.encodeDelimited = function encodeDelimited(message, writer) {
                    return this.encode(message, writer).ldelim();
                };

                /**
                 * Decodes a TextContext message from the specified reader or buffer.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @param {number} [length] Message length if known beforehand
                 * @returns {JetSDL.Proto.ImageProvider.TextContext} TextContext
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                TextContext.decode = function decode(reader, length) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader.create(reader);
                    var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.ImageProvider.TextContext();
                    while (reader.pos < end) {
                        var tag = reader.uint32();
                        switch (tag >>> 3) {
                        case 2:
                            message.name = reader.string();
                            break;
                        case 3:
                            message.font = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                            break;
                        case 4:
                            message.fontsize = reader.double();
                            break;
                        case 9:
                            message.fontsizeFunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                            break;
                        case 5:
                            message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                            break;
                        case 6:
                            message.texture = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                            break;
                        case 7:
                            message.texturestyle = reader.uint32();
                            break;
                        case 8:
                            message.fontspacing = reader.double();
                            break;
                        default:
                            reader.skipType(tag & 7);
                            break;
                        }
                    }
                    if (!message.hasOwnProperty("name"))
                        throw $util.ProtocolError("missing required 'name'", { instance: message });
                    return message;
                };

                /**
                 * Decodes a TextContext message from the specified reader or buffer, length delimited.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @returns {JetSDL.Proto.ImageProvider.TextContext} TextContext
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                TextContext.decodeDelimited = function decodeDelimited(reader) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader(reader);
                    return this.decode(reader, reader.uint32());
                };

                /**
                 * Verifies a TextContext message.
                 * @param {Object.<string,*>} message Plain object to verify
                 * @returns {?string} `null` if valid, otherwise the reason why it is not
                 */
                TextContext.verify = function verify(message) {
                    if (typeof message !== "object" || message === null)
                        return "object expected";
                    if (!$util.isString(message.name))
                        return "name: string expected";
                    if (message.font != null && message.hasOwnProperty("font")) {
                        var error = $root.JetSDL.Proto.FileLocation.verify(message.font);
                        if (error)
                            return "font." + error;
                    }
                    if (message.fontsize != null && message.hasOwnProperty("fontsize"))
                        if (typeof message.fontsize !== "number")
                            return "fontsize: number expected";
                    if (message.fontsizeFunction != null && message.hasOwnProperty("fontsizeFunction")) {
                        var error = $root.JetSDL.Proto.Function.verify(message.fontsizeFunction);
                        if (error)
                            return "fontsizeFunction." + error;
                    }
                    if (message.color != null && message.hasOwnProperty("color")) {
                        var error = $root.JetSDL.Proto.Color.verify(message.color);
                        if (error)
                            return "color." + error;
                    }
                    if (message.texture != null && message.hasOwnProperty("texture")) {
                        var error = $root.JetSDL.Proto.ImageProvider.verify(message.texture);
                        if (error)
                            return "texture." + error;
                    }
                    if (message.texturestyle != null && message.hasOwnProperty("texturestyle"))
                        switch (message.texturestyle) {
                        default:
                            return "texturestyle: enum value expected";
                        case 0:
                        case 1:
                        case 2:
                        case 3:
                            break;
                        }
                    if (message.fontspacing != null && message.hasOwnProperty("fontspacing"))
                        if (typeof message.fontspacing !== "number")
                            return "fontspacing: number expected";
                    return null;
                };

                /**
                 * Creates a TextContext message from a plain object. Also converts values to their respective internal types.
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.TextContext} TextContext
                 */
                TextContext.fromObject = function fromObject(object) {
                    if (object instanceof $root.JetSDL.Proto.ImageProvider.TextContext)
                        return object;
                    var message = new $root.JetSDL.Proto.ImageProvider.TextContext();
                    if (object.name != null)
                        message.name = String(object.name);
                    if (object.font != null) {
                        if (typeof object.font !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.TextContext.font: object expected");
                        message.font = $root.JetSDL.Proto.FileLocation.fromObject(object.font);
                    }
                    if (object.fontsize != null)
                        message.fontsize = Number(object.fontsize);
                    if (object.fontsizeFunction != null) {
                        if (typeof object.fontsizeFunction !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.TextContext.fontsizeFunction: object expected");
                        message.fontsizeFunction = $root.JetSDL.Proto.Function.fromObject(object.fontsizeFunction);
                    }
                    if (object.color != null) {
                        if (typeof object.color !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.TextContext.color: object expected");
                        message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                    }
                    if (object.texture != null) {
                        if (typeof object.texture !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.TextContext.texture: object expected");
                        message.texture = $root.JetSDL.Proto.ImageProvider.fromObject(object.texture);
                    }
                    switch (object.texturestyle) {
                    case "texturestyle_line":
                    case 0:
                        message.texturestyle = 0;
                        break;
                    case "texturestyle_full":
                    case 1:
                        message.texturestyle = 1;
                        break;
                    case "texturestyle_tiled":
                    case 2:
                        message.texturestyle = 2;
                        break;
                    case "texturestyle_tiledline":
                    case 3:
                        message.texturestyle = 3;
                        break;
                    }
                    if (object.fontspacing != null)
                        message.fontspacing = Number(object.fontspacing);
                    return message;
                };

                /**
                 * Creates a TextContext message from a plain object. Also converts values to their respective internal types.
                 * This is an alias of {@link JetSDL.Proto.ImageProvider.TextContext.fromObject}.
                 * @function
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.TextContext} TextContext
                 */
                TextContext.from = TextContext.fromObject;

                /**
                 * Creates a plain object from a TextContext message. Also converts values to other types if specified.
                 * @param {JetSDL.Proto.ImageProvider.TextContext} message TextContext
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                TextContext.toObject = function toObject(message, options) {
                    if (!options)
                        options = {};
                    var object = {};
                    if (options.defaults) {
                        object.name = "";
                        object.font = null;
                        object.fontsize = 0;
                        object.color = null;
                        object.texture = null;
                        object.texturestyle = options.enums === String ? "texturestyle_line" : 0;
                        object.fontspacing = 0;
                        object.fontsizeFunction = null;
                    }
                    if (message.name != null && message.hasOwnProperty("name"))
                        object.name = message.name;
                    if (message.font != null && message.hasOwnProperty("font"))
                        object.font = $root.JetSDL.Proto.FileLocation.toObject(message.font, options);
                    if (message.fontsize != null && message.hasOwnProperty("fontsize"))
                        object.fontsize = message.fontsize;
                    if (message.color != null && message.hasOwnProperty("color"))
                        object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                    if (message.texture != null && message.hasOwnProperty("texture"))
                        object.texture = $root.JetSDL.Proto.ImageProvider.toObject(message.texture, options);
                    if (message.texturestyle != null && message.hasOwnProperty("texturestyle"))
                        object.texturestyle = options.enums === String ? $root.JetSDL.Proto.ImageProvider.TextureStyle[message.texturestyle] : message.texturestyle;
                    if (message.fontspacing != null && message.hasOwnProperty("fontspacing"))
                        object.fontspacing = message.fontspacing;
                    if (message.fontsizeFunction != null && message.hasOwnProperty("fontsizeFunction"))
                        object.fontsizeFunction = $root.JetSDL.Proto.Function.toObject(message.fontsizeFunction, options);
                    return object;
                };

                /**
                 * Creates a plain object from this TextContext message. Also converts values to other types if specified.
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                TextContext.prototype.toObject = function toObject(options) {
                    return this.constructor.toObject(this, options);
                };

                /**
                 * Converts this TextContext to JSON.
                 * @returns {Object.<string,*>} JSON object
                 */
                TextContext.prototype.toJSON = function toJSON() {
                    return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
                };

                return TextContext;
            })();

            ImageProvider.PathDescription = (function() {

                /**
                 * Properties of a PathDescription.
                 * @typedef JetSDL.Proto.ImageProvider.PathDescription$Properties
                 * @type {Object}
                 * @property {JetSDL.Proto.ImageProvider.PathDescription.PathType} [pathtype] PathDescription pathtype.
                 * @property {JetSDL.Proto.TrackData$Properties} [points] PathDescription points.
                 * @property {JetSDL.Proto.Color$Properties} [color] PathDescription color.
                 * @property {JetSDL.Proto.Color$Properties} [fillcolor] PathDescription fillcolor.
                 * @property {number} [linewidth] PathDescription linewidth.
                 * @property {JetSDL.Proto.LineCapStyle} [capstyle] PathDescription capstyle.
                 * @property {boolean} [closepath] PathDescription closepath.
                 * @property {JetSDL.Proto.ImageProvider.PathDescription.DrawMethod} [drawmethod] PathDescription drawmethod.
                 */

                /**
                 * Constructs a new PathDescription.
                 * @exports JetSDL.Proto.ImageProvider.PathDescription
                 * @constructor
                 * @param {JetSDL.Proto.ImageProvider.PathDescription$Properties=} [properties] Properties to set
                 */
                function PathDescription(properties) {
                    if (properties)
                        for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                            if (properties[keys[i]] != null)
                                this[keys[i]] = properties[keys[i]];
                }

                /**
                 * PathDescription pathtype.
                 * @type {JetSDL.Proto.ImageProvider.PathDescription.PathType}
                 */
                PathDescription.prototype.pathtype = 1;

                /**
                 * PathDescription points.
                 * @type {(JetSDL.Proto.TrackData$Properties|null)}
                 */
                PathDescription.prototype.points = null;

                /**
                 * PathDescription color.
                 * @type {(JetSDL.Proto.Color$Properties|null)}
                 */
                PathDescription.prototype.color = null;

                /**
                 * PathDescription fillcolor.
                 * @type {(JetSDL.Proto.Color$Properties|null)}
                 */
                PathDescription.prototype.fillcolor = null;

                /**
                 * PathDescription linewidth.
                 * @type {number}
                 */
                PathDescription.prototype.linewidth = 1;

                /**
                 * PathDescription capstyle.
                 * @type {JetSDL.Proto.LineCapStyle}
                 */
                PathDescription.prototype.capstyle = 2;

                /**
                 * PathDescription closepath.
                 * @type {boolean}
                 */
                PathDescription.prototype.closepath = true;

                /**
                 * PathDescription drawmethod.
                 * @type {JetSDL.Proto.ImageProvider.PathDescription.DrawMethod}
                 */
                PathDescription.prototype.drawmethod = 1;

                /**
                 * Creates a new PathDescription instance using the specified properties.
                 * @param {JetSDL.Proto.ImageProvider.PathDescription$Properties=} [properties] Properties to set
                 * @returns {JetSDL.Proto.ImageProvider.PathDescription} PathDescription instance
                 */
                PathDescription.create = function create(properties) {
                    return new PathDescription(properties);
                };

                /**
                 * Encodes the specified PathDescription message. Does not implicitly {@link JetSDL.Proto.ImageProvider.PathDescription.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.PathDescription$Properties} message PathDescription message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                PathDescription.encode = function encode(message, writer) {
                    if (!writer)
                        writer = $Writer.create();
                    if (message.pathtype != null && message.hasOwnProperty("pathtype"))
                        writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.pathtype);
                    if (message.points != null && message.hasOwnProperty("points"))
                        $root.JetSDL.Proto.TrackData.encode(message.points, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                    if (message.color != null && message.hasOwnProperty("color"))
                        $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                    if (message.linewidth != null && message.hasOwnProperty("linewidth"))
                        writer.uint32(/* id 4, wireType 1 =*/33).double(message.linewidth);
                    if (message.capstyle != null && message.hasOwnProperty("capstyle"))
                        writer.uint32(/* id 5, wireType 0 =*/40).uint32(message.capstyle);
                    if (message.closepath != null && message.hasOwnProperty("closepath"))
                        writer.uint32(/* id 6, wireType 0 =*/48).bool(message.closepath);
                    if (message.drawmethod != null && message.hasOwnProperty("drawmethod"))
                        writer.uint32(/* id 7, wireType 0 =*/56).uint32(message.drawmethod);
                    if (message.fillcolor != null && message.hasOwnProperty("fillcolor"))
                        $root.JetSDL.Proto.Color.encode(message.fillcolor, writer.uint32(/* id 8, wireType 2 =*/66).fork()).ldelim();
                    return writer;
                };

                /**
                 * Encodes the specified PathDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.ImageProvider.PathDescription.verify|verify} messages.
                 * @param {JetSDL.Proto.ImageProvider.PathDescription$Properties} message PathDescription message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                PathDescription.encodeDelimited = function encodeDelimited(message, writer) {
                    return this.encode(message, writer).ldelim();
                };

                /**
                 * Decodes a PathDescription message from the specified reader or buffer.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @param {number} [length] Message length if known beforehand
                 * @returns {JetSDL.Proto.ImageProvider.PathDescription} PathDescription
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                PathDescription.decode = function decode(reader, length) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader.create(reader);
                    var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.ImageProvider.PathDescription();
                    while (reader.pos < end) {
                        var tag = reader.uint32();
                        switch (tag >>> 3) {
                        case 1:
                            message.pathtype = reader.uint32();
                            break;
                        case 2:
                            message.points = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                            break;
                        case 3:
                            message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                            break;
                        case 8:
                            message.fillcolor = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                            break;
                        case 4:
                            message.linewidth = reader.double();
                            break;
                        case 5:
                            message.capstyle = reader.uint32();
                            break;
                        case 6:
                            message.closepath = reader.bool();
                            break;
                        case 7:
                            message.drawmethod = reader.uint32();
                            break;
                        default:
                            reader.skipType(tag & 7);
                            break;
                        }
                    }
                    return message;
                };

                /**
                 * Decodes a PathDescription message from the specified reader or buffer, length delimited.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @returns {JetSDL.Proto.ImageProvider.PathDescription} PathDescription
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                PathDescription.decodeDelimited = function decodeDelimited(reader) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader(reader);
                    return this.decode(reader, reader.uint32());
                };

                /**
                 * Verifies a PathDescription message.
                 * @param {Object.<string,*>} message Plain object to verify
                 * @returns {?string} `null` if valid, otherwise the reason why it is not
                 */
                PathDescription.verify = function verify(message) {
                    if (typeof message !== "object" || message === null)
                        return "object expected";
                    if (message.pathtype != null && message.hasOwnProperty("pathtype"))
                        switch (message.pathtype) {
                        default:
                            return "pathtype: enum value expected";
                        case 1:
                        case 2:
                            break;
                        }
                    if (message.points != null && message.hasOwnProperty("points")) {
                        var error = $root.JetSDL.Proto.TrackData.verify(message.points);
                        if (error)
                            return "points." + error;
                    }
                    if (message.color != null && message.hasOwnProperty("color")) {
                        var error = $root.JetSDL.Proto.Color.verify(message.color);
                        if (error)
                            return "color." + error;
                    }
                    if (message.fillcolor != null && message.hasOwnProperty("fillcolor")) {
                        var error = $root.JetSDL.Proto.Color.verify(message.fillcolor);
                        if (error)
                            return "fillcolor." + error;
                    }
                    if (message.linewidth != null && message.hasOwnProperty("linewidth"))
                        if (typeof message.linewidth !== "number")
                            return "linewidth: number expected";
                    if (message.capstyle != null && message.hasOwnProperty("capstyle"))
                        switch (message.capstyle) {
                        default:
                            return "capstyle: enum value expected";
                        case 0:
                        case 1:
                        case 2:
                            break;
                        }
                    if (message.closepath != null && message.hasOwnProperty("closepath"))
                        if (typeof message.closepath !== "boolean")
                            return "closepath: boolean expected";
                    if (message.drawmethod != null && message.hasOwnProperty("drawmethod"))
                        switch (message.drawmethod) {
                        default:
                            return "drawmethod: enum value expected";
                        case 1:
                        case 2:
                        case 3:
                            break;
                        }
                    return null;
                };

                /**
                 * Creates a PathDescription message from a plain object. Also converts values to their respective internal types.
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.PathDescription} PathDescription
                 */
                PathDescription.fromObject = function fromObject(object) {
                    if (object instanceof $root.JetSDL.Proto.ImageProvider.PathDescription)
                        return object;
                    var message = new $root.JetSDL.Proto.ImageProvider.PathDescription();
                    switch (object.pathtype) {
                    case "type_straight":
                    case 1:
                        message.pathtype = 1;
                        break;
                    case "type_bezier":
                    case 2:
                        message.pathtype = 2;
                        break;
                    }
                    if (object.points != null) {
                        if (typeof object.points !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.PathDescription.points: object expected");
                        message.points = $root.JetSDL.Proto.TrackData.fromObject(object.points);
                    }
                    if (object.color != null) {
                        if (typeof object.color !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.PathDescription.color: object expected");
                        message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                    }
                    if (object.fillcolor != null) {
                        if (typeof object.fillcolor !== "object")
                            throw TypeError(".JetSDL.Proto.ImageProvider.PathDescription.fillcolor: object expected");
                        message.fillcolor = $root.JetSDL.Proto.Color.fromObject(object.fillcolor);
                    }
                    if (object.linewidth != null)
                        message.linewidth = Number(object.linewidth);
                    switch (object.capstyle) {
                    case "cap_square":
                    case 0:
                        message.capstyle = 0;
                        break;
                    case "cap_round":
                    case 1:
                        message.capstyle = 1;
                        break;
                    case "cap_butt":
                    case 2:
                        message.capstyle = 2;
                        break;
                    }
                    if (object.closepath != null)
                        message.closepath = Boolean(object.closepath);
                    switch (object.drawmethod) {
                    case "draw_fill":
                    case 1:
                        message.drawmethod = 1;
                        break;
                    case "draw_stroke":
                    case 2:
                        message.drawmethod = 2;
                        break;
                    case "draw_stroke_fill":
                    case 3:
                        message.drawmethod = 3;
                        break;
                    }
                    return message;
                };

                /**
                 * Creates a PathDescription message from a plain object. Also converts values to their respective internal types.
                 * This is an alias of {@link JetSDL.Proto.ImageProvider.PathDescription.fromObject}.
                 * @function
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.ImageProvider.PathDescription} PathDescription
                 */
                PathDescription.from = PathDescription.fromObject;

                /**
                 * Creates a plain object from a PathDescription message. Also converts values to other types if specified.
                 * @param {JetSDL.Proto.ImageProvider.PathDescription} message PathDescription
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                PathDescription.toObject = function toObject(message, options) {
                    if (!options)
                        options = {};
                    var object = {};
                    if (options.defaults) {
                        object.pathtype = options.enums === String ? "type_straight" : 1;
                        object.points = null;
                        object.color = null;
                        object.linewidth = 1;
                        object.capstyle = options.enums === String ? "cap_butt" : 2;
                        object.closepath = true;
                        object.drawmethod = options.enums === String ? "draw_fill" : 1;
                        object.fillcolor = null;
                    }
                    if (message.pathtype != null && message.hasOwnProperty("pathtype"))
                        object.pathtype = options.enums === String ? $root.JetSDL.Proto.ImageProvider.PathDescription.PathType[message.pathtype] : message.pathtype;
                    if (message.points != null && message.hasOwnProperty("points"))
                        object.points = $root.JetSDL.Proto.TrackData.toObject(message.points, options);
                    if (message.color != null && message.hasOwnProperty("color"))
                        object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                    if (message.linewidth != null && message.hasOwnProperty("linewidth"))
                        object.linewidth = message.linewidth;
                    if (message.capstyle != null && message.hasOwnProperty("capstyle"))
                        object.capstyle = options.enums === String ? $root.JetSDL.Proto.LineCapStyle[message.capstyle] : message.capstyle;
                    if (message.closepath != null && message.hasOwnProperty("closepath"))
                        object.closepath = message.closepath;
                    if (message.drawmethod != null && message.hasOwnProperty("drawmethod"))
                        object.drawmethod = options.enums === String ? $root.JetSDL.Proto.ImageProvider.PathDescription.DrawMethod[message.drawmethod] : message.drawmethod;
                    if (message.fillcolor != null && message.hasOwnProperty("fillcolor"))
                        object.fillcolor = $root.JetSDL.Proto.Color.toObject(message.fillcolor, options);
                    return object;
                };

                /**
                 * Creates a plain object from this PathDescription message. Also converts values to other types if specified.
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                PathDescription.prototype.toObject = function toObject(options) {
                    return this.constructor.toObject(this, options);
                };

                /**
                 * Converts this PathDescription to JSON.
                 * @returns {Object.<string,*>} JSON object
                 */
                PathDescription.prototype.toJSON = function toJSON() {
                    return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
                };

                /**
                 * PathType enum.
                 * @name PathType
                 * @memberof JetSDL.Proto.ImageProvider.PathDescription
                 * @enum {number}
                 * @property {number} type_straight=1 type_straight value
                 * @property {number} type_bezier=2 type_bezier value
                 */
                PathDescription.PathType = (function() {
                    var valuesById = {}, values = Object.create(valuesById);
                    values[valuesById[1] = "type_straight"] = 1;
                    values[valuesById[2] = "type_bezier"] = 2;
                    return values;
                })();

                /**
                 * DrawMethod enum.
                 * @name DrawMethod
                 * @memberof JetSDL.Proto.ImageProvider.PathDescription
                 * @enum {number}
                 * @property {number} draw_fill=1 draw_fill value
                 * @property {number} draw_stroke=2 draw_stroke value
                 * @property {number} draw_stroke_fill=3 draw_stroke_fill value
                 */
                PathDescription.DrawMethod = (function() {
                    var valuesById = {}, values = Object.create(valuesById);
                    values[valuesById[1] = "draw_fill"] = 1;
                    values[valuesById[2] = "draw_stroke"] = 2;
                    values[valuesById[3] = "draw_stroke_fill"] = 3;
                    return values;
                })();

                return PathDescription;
            })();

            return ImageProvider;
        })();

        Proto.FileLocation = (function() {

            /**
             * Properties of a FileLocation.
             * @typedef JetSDL.Proto.FileLocation$Properties
             * @type {Object}
             * @property {JetSDL.Proto.FileLocation.Type} [type] FileLocation type.
             * @property {string} path FileLocation path.
             * @property {number} [offset] FileLocation offset.
             * @property {number} [padding] FileLocation padding.
             * @property {JetSDL.Proto.StringVariable$Properties} [variable] FileLocation variable.
             */

            /**
             * Constructs a new FileLocation.
             * @exports JetSDL.Proto.FileLocation
             * @constructor
             * @param {JetSDL.Proto.FileLocation$Properties=} [properties] Properties to set
             */
            function FileLocation(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * FileLocation type.
             * @type {JetSDL.Proto.FileLocation.Type}
             */
            FileLocation.prototype.type = 0;

            /**
             * FileLocation path.
             * @type {string}
             */
            FileLocation.prototype.path = "";

            /**
             * FileLocation offset.
             * @type {number}
             */
            FileLocation.prototype.offset = 0;

            /**
             * FileLocation padding.
             * @type {number}
             */
            FileLocation.prototype.padding = 5;

            /**
             * FileLocation variable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            FileLocation.prototype.variable = null;

            /**
             * Creates a new FileLocation instance using the specified properties.
             * @param {JetSDL.Proto.FileLocation$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.FileLocation} FileLocation instance
             */
            FileLocation.create = function create(properties) {
                return new FileLocation(properties);
            };

            /**
             * Encodes the specified FileLocation message. Does not implicitly {@link JetSDL.Proto.FileLocation.verify|verify} messages.
             * @param {JetSDL.Proto.FileLocation$Properties} message FileLocation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            FileLocation.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.type != null && message.hasOwnProperty("type"))
                    writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                writer.uint32(/* id 2, wireType 2 =*/18).string(message.path);
                if (message.offset != null && message.hasOwnProperty("offset"))
                    writer.uint32(/* id 3, wireType 0 =*/24).int32(message.offset);
                if (message.padding != null && message.hasOwnProperty("padding"))
                    writer.uint32(/* id 4, wireType 0 =*/32).int32(message.padding);
                if (message.variable != null && message.hasOwnProperty("variable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.variable, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified FileLocation message, length delimited. Does not implicitly {@link JetSDL.Proto.FileLocation.verify|verify} messages.
             * @param {JetSDL.Proto.FileLocation$Properties} message FileLocation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            FileLocation.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a FileLocation message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.FileLocation} FileLocation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            FileLocation.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.FileLocation();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        message.path = reader.string();
                        break;
                    case 3:
                        message.offset = reader.int32();
                        break;
                    case 4:
                        message.padding = reader.int32();
                        break;
                    case 5:
                        message.variable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("path"))
                    throw $util.ProtocolError("missing required 'path'", { instance: message });
                return message;
            };

            /**
             * Decodes a FileLocation message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.FileLocation} FileLocation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            FileLocation.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a FileLocation message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            FileLocation.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.type != null && message.hasOwnProperty("type"))
                    switch (message.type) {
                    default:
                        return "type: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                    case 6:
                    case 7:
                        break;
                    }
                if (!$util.isString(message.path))
                    return "path: string expected";
                if (message.offset != null && message.hasOwnProperty("offset"))
                    if (!$util.isInteger(message.offset))
                        return "offset: integer expected";
                if (message.padding != null && message.hasOwnProperty("padding"))
                    if (!$util.isInteger(message.padding))
                        return "padding: integer expected";
                if (message.variable != null && message.hasOwnProperty("variable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.variable);
                    if (error)
                        return "variable." + error;
                }
                return null;
            };

            /**
             * Creates a FileLocation message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.FileLocation} FileLocation
             */
            FileLocation.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.FileLocation)
                    return object;
                var message = new $root.JetSDL.Proto.FileLocation();
                switch (object.type) {
                case "simple":
                case 0:
                    message.type = 0;
                    break;
                case "session":
                case 1:
                    message.type = 1;
                    break;
                case "frame":
                case 2:
                    message.type = 2;
                    break;
                case "sessionandframe":
                case 3:
                    message.type = 3;
                    break;
                case "var":
                case 4:
                    message.type = 4;
                    break;
                case "varframe":
                case 5:
                    message.type = 5;
                    break;
                case "varsession":
                case 6:
                    message.type = 6;
                    break;
                case "varframesession":
                case 7:
                    message.type = 7;
                    break;
                }
                if (object.path != null)
                    message.path = String(object.path);
                if (object.offset != null)
                    message.offset = object.offset | 0;
                if (object.padding != null)
                    message.padding = object.padding | 0;
                if (object.variable != null) {
                    if (typeof object.variable !== "object")
                        throw TypeError(".JetSDL.Proto.FileLocation.variable: object expected");
                    message.variable = $root.JetSDL.Proto.StringVariable.fromObject(object.variable);
                }
                return message;
            };

            /**
             * Creates a FileLocation message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.FileLocation.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.FileLocation} FileLocation
             */
            FileLocation.from = FileLocation.fromObject;

            /**
             * Creates a plain object from a FileLocation message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.FileLocation} message FileLocation
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            FileLocation.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.type = options.enums === String ? "simple" : 0;
                    object.path = "";
                    object.offset = 0;
                    object.padding = 5;
                    object.variable = null;
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.FileLocation.Type[message.type] : message.type;
                if (message.path != null && message.hasOwnProperty("path"))
                    object.path = message.path;
                if (message.offset != null && message.hasOwnProperty("offset"))
                    object.offset = message.offset;
                if (message.padding != null && message.hasOwnProperty("padding"))
                    object.padding = message.padding;
                if (message.variable != null && message.hasOwnProperty("variable"))
                    object.variable = $root.JetSDL.Proto.StringVariable.toObject(message.variable, options);
                return object;
            };

            /**
             * Creates a plain object from this FileLocation message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            FileLocation.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this FileLocation to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            FileLocation.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.FileLocation
             * @enum {number}
             * @property {number} simple=0 simple value
             * @property {number} session=1 session value
             * @property {number} frame=2 frame value
             * @property {number} sessionandframe=3 sessionandframe value
             * @property {number} var=4 var value
             * @property {number} varframe=5 varframe value
             * @property {number} varsession=6 varsession value
             * @property {number} varframesession=7 varframesession value
             */
            FileLocation.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "simple"] = 0;
                values[valuesById[1] = "session"] = 1;
                values[valuesById[2] = "frame"] = 2;
                values[valuesById[3] = "sessionandframe"] = 3;
                values[valuesById[4] = "var"] = 4;
                values[valuesById[5] = "varframe"] = 5;
                values[valuesById[6] = "varsession"] = 6;
                values[valuesById[7] = "varframesession"] = 7;
                return values;
            })();

            return FileLocation;
        })();

        Proto.Audio = (function() {

            /**
             * Properties of an Audio.
             * @typedef JetSDL.Proto.Audio$Properties
             * @type {Object}
             * @property {Array.<JetSDL.Proto.AudioTrack$Properties>} [audiotracks] Audio audiotracks.
             */

            /**
             * Constructs a new Audio.
             * @exports JetSDL.Proto.Audio
             * @constructor
             * @param {JetSDL.Proto.Audio$Properties=} [properties] Properties to set
             */
            function Audio(properties) {
                this.audiotracks = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Audio audiotracks.
             * @type {Array.<JetSDL.Proto.AudioTrack$Properties>}
             */
            Audio.prototype.audiotracks = $util.emptyArray;

            /**
             * Creates a new Audio instance using the specified properties.
             * @param {JetSDL.Proto.Audio$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Audio} Audio instance
             */
            Audio.create = function create(properties) {
                return new Audio(properties);
            };

            /**
             * Encodes the specified Audio message. Does not implicitly {@link JetSDL.Proto.Audio.verify|verify} messages.
             * @param {JetSDL.Proto.Audio$Properties} message Audio message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Audio.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.audiotracks != null && message.audiotracks.length)
                    for (var i = 0; i < message.audiotracks.length; ++i)
                        $root.JetSDL.Proto.AudioTrack.encode(message.audiotracks[i], writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified Audio message, length delimited. Does not implicitly {@link JetSDL.Proto.Audio.verify|verify} messages.
             * @param {JetSDL.Proto.Audio$Properties} message Audio message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Audio.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an Audio message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Audio} Audio
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Audio.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Audio();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        if (!(message.audiotracks && message.audiotracks.length))
                            message.audiotracks = [];
                        message.audiotracks.push($root.JetSDL.Proto.AudioTrack.decode(reader, reader.uint32()));
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes an Audio message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Audio} Audio
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Audio.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an Audio message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Audio.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.audiotracks != null && message.hasOwnProperty("audiotracks")) {
                    if (!Array.isArray(message.audiotracks))
                        return "audiotracks: array expected";
                    for (var i = 0; i < message.audiotracks.length; ++i) {
                        var error = $root.JetSDL.Proto.AudioTrack.verify(message.audiotracks[i]);
                        if (error)
                            return "audiotracks." + error;
                    }
                }
                return null;
            };

            /**
             * Creates an Audio message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Audio} Audio
             */
            Audio.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Audio)
                    return object;
                var message = new $root.JetSDL.Proto.Audio();
                if (object.audiotracks) {
                    if (!Array.isArray(object.audiotracks))
                        throw TypeError(".JetSDL.Proto.Audio.audiotracks: array expected");
                    message.audiotracks = [];
                    for (var i = 0; i < object.audiotracks.length; ++i) {
                        if (typeof object.audiotracks[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Audio.audiotracks: object expected");
                        message.audiotracks[i] = $root.JetSDL.Proto.AudioTrack.fromObject(object.audiotracks[i]);
                    }
                }
                return message;
            };

            /**
             * Creates an Audio message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Audio.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Audio} Audio
             */
            Audio.from = Audio.fromObject;

            /**
             * Creates a plain object from an Audio message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Audio} message Audio
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Audio.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.audiotracks = [];
                if (message.audiotracks && message.audiotracks.length) {
                    object.audiotracks = [];
                    for (var j = 0; j < message.audiotracks.length; ++j)
                        object.audiotracks[j] = $root.JetSDL.Proto.AudioTrack.toObject(message.audiotracks[j], options);
                }
                return object;
            };

            /**
             * Creates a plain object from this Audio message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Audio.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Audio to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Audio.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return Audio;
        })();

        Proto.AudioTrack = (function() {

            /**
             * Properties of an AudioTrack.
             * @typedef JetSDL.Proto.AudioTrack$Properties
             * @type {Object}
             * @property {JetSDL.Proto.AudioTrack.Type} [type] AudioTrack type.
             * @property {number} [gain] AudioTrack gain.
             * @property {number} [volume] AudioTrack volume.
             * @property {JetSDL.Proto.Function$Properties} [volumefunction] AudioTrack volumefunction.
             * @property {JetSDL.Proto.FileLocation$Properties} [defaultsource] AudioTrack defaultsource.
             * @property {JetSDL.Proto.FileLocation$Properties} [source] AudioTrack source.
             * @property {number} [offset] AudioTrack offset.
             * @property {number} [numframes] AudioTrack numframes.
             * @property {number} [contentoffset] AudioTrack contentoffset.
             * @property {JetSDL.Proto.StringVariable$Properties} [contentoffsetvariable] AudioTrack contentoffsetvariable.
             * @property {boolean} [usecachedir] AudioTrack usecachedir.
             * @property {string} [cachedir] AudioTrack cachedir.
             * @property {boolean} [optionalAudio] AudioTrack optionalAudio.
             * @property {JetSDL.Proto.SceneView$Properties} [sv] AudioTrack sv.
             * @property {Array.<string>} [name] AudioTrack name.
             * @property {JetSDL.Proto.AudioTrack.LevelMode} [levelmode] AudioTrack levelmode.
             * @property {JetSDL.Proto.Synthesizer$Properties} [synthesizer] AudioTrack synthesizer.
             * @property {Array.<JetSDL.Proto.AudioTrack$Properties>} [inneraudiotracks] AudioTrack inneraudiotracks.
             * @property {JetSDL.Proto.Audio$Properties} [inneraudio] AudioTrack inneraudio.
             * @property {boolean} [ignorelength] AudioTrack ignorelength.
             * @property {JetSDL.Proto.StringVariable$Properties} [enablevariable] AudioTrack enablevariable.
             * @property {boolean} [invertenable] AudioTrack invertenable.
             * @property {string} [comment] AudioTrack comment.
             */

            /**
             * Constructs a new AudioTrack.
             * @exports JetSDL.Proto.AudioTrack
             * @constructor
             * @param {JetSDL.Proto.AudioTrack$Properties=} [properties] Properties to set
             */
            function AudioTrack(properties) {
                this.name = [];
                this.inneraudiotracks = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * AudioTrack type.
             * @type {JetSDL.Proto.AudioTrack.Type}
             */
            AudioTrack.prototype.type = 0;

            /**
             * AudioTrack gain.
             * @type {number}
             */
            AudioTrack.prototype.gain = 0;

            /**
             * AudioTrack volume.
             * @type {number}
             */
            AudioTrack.prototype.volume = 1;

            /**
             * AudioTrack volumefunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            AudioTrack.prototype.volumefunction = null;

            /**
             * AudioTrack defaultsource.
             * @type {(JetSDL.Proto.FileLocation$Properties|null)}
             */
            AudioTrack.prototype.defaultsource = null;

            /**
             * AudioTrack source.
             * @type {(JetSDL.Proto.FileLocation$Properties|null)}
             */
            AudioTrack.prototype.source = null;

            /**
             * AudioTrack offset.
             * @type {number}
             */
            AudioTrack.prototype.offset = 0;

            /**
             * AudioTrack numframes.
             * @type {number}
             */
            AudioTrack.prototype.numframes = 0;

            /**
             * AudioTrack contentoffset.
             * @type {number}
             */
            AudioTrack.prototype.contentoffset = 0;

            /**
             * AudioTrack contentoffsetvariable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            AudioTrack.prototype.contentoffsetvariable = null;

            /**
             * AudioTrack usecachedir.
             * @type {boolean}
             */
            AudioTrack.prototype.usecachedir = true;

            /**
             * AudioTrack cachedir.
             * @type {string}
             */
            AudioTrack.prototype.cachedir = "cache";

            /**
             * AudioTrack optionalAudio.
             * @type {boolean}
             */
            AudioTrack.prototype.optionalAudio = false;

            /**
             * AudioTrack sv.
             * @type {(JetSDL.Proto.SceneView$Properties|null)}
             */
            AudioTrack.prototype.sv = null;

            /**
             * AudioTrack name.
             * @type {Array.<string>}
             */
            AudioTrack.prototype.name = $util.emptyArray;

            /**
             * AudioTrack levelmode.
             * @type {JetSDL.Proto.AudioTrack.LevelMode}
             */
            AudioTrack.prototype.levelmode = 0;

            /**
             * AudioTrack synthesizer.
             * @type {(JetSDL.Proto.Synthesizer$Properties|null)}
             */
            AudioTrack.prototype.synthesizer = null;

            /**
             * AudioTrack inneraudiotracks.
             * @type {Array.<JetSDL.Proto.AudioTrack$Properties>}
             */
            AudioTrack.prototype.inneraudiotracks = $util.emptyArray;

            /**
             * AudioTrack inneraudio.
             * @type {(JetSDL.Proto.Audio$Properties|null)}
             */
            AudioTrack.prototype.inneraudio = null;

            /**
             * AudioTrack ignorelength.
             * @type {boolean}
             */
            AudioTrack.prototype.ignorelength = false;

            /**
             * AudioTrack enablevariable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            AudioTrack.prototype.enablevariable = null;

            /**
             * AudioTrack invertenable.
             * @type {boolean}
             */
            AudioTrack.prototype.invertenable = false;

            /**
             * AudioTrack comment.
             * @type {string}
             */
            AudioTrack.prototype.comment = "";

            /**
             * Creates a new AudioTrack instance using the specified properties.
             * @param {JetSDL.Proto.AudioTrack$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.AudioTrack} AudioTrack instance
             */
            AudioTrack.create = function create(properties) {
                return new AudioTrack(properties);
            };

            /**
             * Encodes the specified AudioTrack message. Does not implicitly {@link JetSDL.Proto.AudioTrack.verify|verify} messages.
             * @param {JetSDL.Proto.AudioTrack$Properties} message AudioTrack message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            AudioTrack.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.type != null && message.hasOwnProperty("type"))
                    writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.offset != null && message.hasOwnProperty("offset"))
                    writer.uint32(/* id 2, wireType 0 =*/16).int32(message.offset);
                if (message.volume != null && message.hasOwnProperty("volume"))
                    writer.uint32(/* id 3, wireType 1 =*/25).double(message.volume);
                if (message.defaultsource != null && message.hasOwnProperty("defaultsource"))
                    $root.JetSDL.Proto.FileLocation.encode(message.defaultsource, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                if (message.source != null && message.hasOwnProperty("source"))
                    $root.JetSDL.Proto.FileLocation.encode(message.source, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.volumefunction != null && message.hasOwnProperty("volumefunction"))
                    $root.JetSDL.Proto.Function.encode(message.volumefunction, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                if (message.usecachedir != null && message.hasOwnProperty("usecachedir"))
                    writer.uint32(/* id 7, wireType 0 =*/56).bool(message.usecachedir);
                if (message.cachedir != null && message.hasOwnProperty("cachedir"))
                    writer.uint32(/* id 8, wireType 2 =*/66).string(message.cachedir);
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    writer.uint32(/* id 9, wireType 0 =*/72).int32(message.numframes);
                if (message.optionalAudio != null && message.hasOwnProperty("optionalAudio"))
                    writer.uint32(/* id 10, wireType 0 =*/80).bool(message.optionalAudio);
                if (message.contentoffset != null && message.hasOwnProperty("contentoffset"))
                    writer.uint32(/* id 11, wireType 0 =*/88).int32(message.contentoffset);
                if (message.sv != null && message.hasOwnProperty("sv"))
                    $root.JetSDL.Proto.SceneView.encode(message.sv, writer.uint32(/* id 12, wireType 2 =*/98).fork()).ldelim();
                if (message.name != null && message.name.length)
                    for (var i = 0; i < message.name.length; ++i)
                        writer.uint32(/* id 13, wireType 2 =*/106).string(message.name[i]);
                if (message.gain != null && message.hasOwnProperty("gain"))
                    writer.uint32(/* id 15, wireType 1 =*/121).double(message.gain);
                if (message.levelmode != null && message.hasOwnProperty("levelmode"))
                    writer.uint32(/* id 16, wireType 0 =*/128).uint32(message.levelmode);
                if (message.synthesizer != null && message.hasOwnProperty("synthesizer"))
                    $root.JetSDL.Proto.Synthesizer.encode(message.synthesizer, writer.uint32(/* id 17, wireType 2 =*/138).fork()).ldelim();
                if (message.inneraudiotracks != null && message.inneraudiotracks.length)
                    for (var i = 0; i < message.inneraudiotracks.length; ++i)
                        $root.JetSDL.Proto.AudioTrack.encode(message.inneraudiotracks[i], writer.uint32(/* id 18, wireType 2 =*/146).fork()).ldelim();
                if (message.ignorelength != null && message.hasOwnProperty("ignorelength"))
                    writer.uint32(/* id 19, wireType 0 =*/152).bool(message.ignorelength);
                if (message.inneraudio != null && message.hasOwnProperty("inneraudio"))
                    $root.JetSDL.Proto.Audio.encode(message.inneraudio, writer.uint32(/* id 20, wireType 2 =*/162).fork()).ldelim();
                if (message.contentoffsetvariable != null && message.hasOwnProperty("contentoffsetvariable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.contentoffsetvariable, writer.uint32(/* id 21, wireType 2 =*/170).fork()).ldelim();
                if (message.enablevariable != null && message.hasOwnProperty("enablevariable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.enablevariable, writer.uint32(/* id 22, wireType 2 =*/178).fork()).ldelim();
                if (message.invertenable != null && message.hasOwnProperty("invertenable"))
                    writer.uint32(/* id 23, wireType 0 =*/184).bool(message.invertenable);
                if (message.comment != null && message.hasOwnProperty("comment"))
                    writer.uint32(/* id 2047, wireType 2 =*/16378).string(message.comment);
                return writer;
            };

            /**
             * Encodes the specified AudioTrack message, length delimited. Does not implicitly {@link JetSDL.Proto.AudioTrack.verify|verify} messages.
             * @param {JetSDL.Proto.AudioTrack$Properties} message AudioTrack message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            AudioTrack.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an AudioTrack message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.AudioTrack} AudioTrack
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            AudioTrack.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.AudioTrack();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 15:
                        message.gain = reader.double();
                        break;
                    case 3:
                        message.volume = reader.double();
                        break;
                    case 6:
                        message.volumefunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 4:
                        message.defaultsource = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                        break;
                    case 5:
                        message.source = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                        break;
                    case 2:
                        message.offset = reader.int32();
                        break;
                    case 9:
                        message.numframes = reader.int32();
                        break;
                    case 11:
                        message.contentoffset = reader.int32();
                        break;
                    case 21:
                        message.contentoffsetvariable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 7:
                        message.usecachedir = reader.bool();
                        break;
                    case 8:
                        message.cachedir = reader.string();
                        break;
                    case 10:
                        message.optionalAudio = reader.bool();
                        break;
                    case 12:
                        message.sv = $root.JetSDL.Proto.SceneView.decode(reader, reader.uint32());
                        break;
                    case 13:
                        if (!(message.name && message.name.length))
                            message.name = [];
                        message.name.push(reader.string());
                        break;
                    case 16:
                        message.levelmode = reader.uint32();
                        break;
                    case 17:
                        message.synthesizer = $root.JetSDL.Proto.Synthesizer.decode(reader, reader.uint32());
                        break;
                    case 18:
                        if (!(message.inneraudiotracks && message.inneraudiotracks.length))
                            message.inneraudiotracks = [];
                        message.inneraudiotracks.push($root.JetSDL.Proto.AudioTrack.decode(reader, reader.uint32()));
                        break;
                    case 20:
                        message.inneraudio = $root.JetSDL.Proto.Audio.decode(reader, reader.uint32());
                        break;
                    case 19:
                        message.ignorelength = reader.bool();
                        break;
                    case 22:
                        message.enablevariable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 23:
                        message.invertenable = reader.bool();
                        break;
                    case 2047:
                        message.comment = reader.string();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes an AudioTrack message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.AudioTrack} AudioTrack
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            AudioTrack.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an AudioTrack message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            AudioTrack.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.type != null && message.hasOwnProperty("type"))
                    switch (message.type) {
                    default:
                        return "type: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                    case 6:
                    case 7:
                    case 8:
                    case 20:
                    case 9:
                    case 19:
                    case 10:
                    case 11:
                    case 12:
                        break;
                    }
                if (message.gain != null && message.hasOwnProperty("gain"))
                    if (typeof message.gain !== "number")
                        return "gain: number expected";
                if (message.volume != null && message.hasOwnProperty("volume"))
                    if (typeof message.volume !== "number")
                        return "volume: number expected";
                if (message.volumefunction != null && message.hasOwnProperty("volumefunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.volumefunction);
                    if (error)
                        return "volumefunction." + error;
                }
                if (message.defaultsource != null && message.hasOwnProperty("defaultsource")) {
                    var error = $root.JetSDL.Proto.FileLocation.verify(message.defaultsource);
                    if (error)
                        return "defaultsource." + error;
                }
                if (message.source != null && message.hasOwnProperty("source")) {
                    var error = $root.JetSDL.Proto.FileLocation.verify(message.source);
                    if (error)
                        return "source." + error;
                }
                if (message.offset != null && message.hasOwnProperty("offset"))
                    if (!$util.isInteger(message.offset))
                        return "offset: integer expected";
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    if (!$util.isInteger(message.numframes))
                        return "numframes: integer expected";
                if (message.contentoffset != null && message.hasOwnProperty("contentoffset"))
                    if (!$util.isInteger(message.contentoffset))
                        return "contentoffset: integer expected";
                if (message.contentoffsetvariable != null && message.hasOwnProperty("contentoffsetvariable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.contentoffsetvariable);
                    if (error)
                        return "contentoffsetvariable." + error;
                }
                if (message.usecachedir != null && message.hasOwnProperty("usecachedir"))
                    if (typeof message.usecachedir !== "boolean")
                        return "usecachedir: boolean expected";
                if (message.cachedir != null && message.hasOwnProperty("cachedir"))
                    if (!$util.isString(message.cachedir))
                        return "cachedir: string expected";
                if (message.optionalAudio != null && message.hasOwnProperty("optionalAudio"))
                    if (typeof message.optionalAudio !== "boolean")
                        return "optionalAudio: boolean expected";
                if (message.sv != null && message.hasOwnProperty("sv")) {
                    var error = $root.JetSDL.Proto.SceneView.verify(message.sv);
                    if (error)
                        return "sv." + error;
                }
                if (message.name != null && message.hasOwnProperty("name")) {
                    if (!Array.isArray(message.name))
                        return "name: array expected";
                    for (var i = 0; i < message.name.length; ++i)
                        if (!$util.isString(message.name[i]))
                            return "name: string[] expected";
                }
                if (message.levelmode != null && message.hasOwnProperty("levelmode"))
                    switch (message.levelmode) {
                    default:
                        return "levelmode: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                        break;
                    }
                if (message.synthesizer != null && message.hasOwnProperty("synthesizer")) {
                    var error = $root.JetSDL.Proto.Synthesizer.verify(message.synthesizer);
                    if (error)
                        return "synthesizer." + error;
                }
                if (message.inneraudiotracks != null && message.hasOwnProperty("inneraudiotracks")) {
                    if (!Array.isArray(message.inneraudiotracks))
                        return "inneraudiotracks: array expected";
                    for (var i = 0; i < message.inneraudiotracks.length; ++i) {
                        var error = $root.JetSDL.Proto.AudioTrack.verify(message.inneraudiotracks[i]);
                        if (error)
                            return "inneraudiotracks." + error;
                    }
                }
                if (message.inneraudio != null && message.hasOwnProperty("inneraudio")) {
                    var error = $root.JetSDL.Proto.Audio.verify(message.inneraudio);
                    if (error)
                        return "inneraudio." + error;
                }
                if (message.ignorelength != null && message.hasOwnProperty("ignorelength"))
                    if (typeof message.ignorelength !== "boolean")
                        return "ignorelength: boolean expected";
                if (message.enablevariable != null && message.hasOwnProperty("enablevariable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.enablevariable);
                    if (error)
                        return "enablevariable." + error;
                }
                if (message.invertenable != null && message.hasOwnProperty("invertenable"))
                    if (typeof message.invertenable !== "boolean")
                        return "invertenable: boolean expected";
                if (message.comment != null && message.hasOwnProperty("comment"))
                    if (!$util.isString(message.comment))
                        return "comment: string expected";
                return null;
            };

            /**
             * Creates an AudioTrack message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.AudioTrack} AudioTrack
             */
            AudioTrack.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.AudioTrack)
                    return object;
                var message = new $root.JetSDL.Proto.AudioTrack();
                switch (object.type) {
                case "preencoded":
                case 0:
                    message.type = 0;
                    break;
                case "mix":
                case 1:
                    message.type = 1;
                    break;
                case "replace":
                case 2:
                    message.type = 2;
                    break;
                case "decoder":
                case 3:
                    message.type = 3;
                    break;
                case "decoder_replace":
                case 4:
                    message.type = 4;
                    break;
                case "video_mix":
                case 5:
                    message.type = 5;
                    break;
                case "video_replace":
                case 6:
                    message.type = 6;
                    break;
                case "scenebased":
                case 7:
                    message.type = 7;
                    break;
                case "empty":
                case 8:
                    message.type = 8;
                    break;
                case "changevolume":
                case 20:
                    message.type = 20;
                    break;
                case "live":
                case 9:
                    message.type = 9;
                    break;
                case "live_replace":
                case 19:
                    message.type = 19;
                    break;
                case "synthetic":
                case 10:
                    message.type = 10;
                    break;
                case "synthetic_mix":
                case 11:
                    message.type = 11;
                    break;
                case "backtoback":
                case 12:
                    message.type = 12;
                    break;
                }
                if (object.gain != null)
                    message.gain = Number(object.gain);
                if (object.volume != null)
                    message.volume = Number(object.volume);
                if (object.volumefunction != null) {
                    if (typeof object.volumefunction !== "object")
                        throw TypeError(".JetSDL.Proto.AudioTrack.volumefunction: object expected");
                    message.volumefunction = $root.JetSDL.Proto.Function.fromObject(object.volumefunction);
                }
                if (object.defaultsource != null) {
                    if (typeof object.defaultsource !== "object")
                        throw TypeError(".JetSDL.Proto.AudioTrack.defaultsource: object expected");
                    message.defaultsource = $root.JetSDL.Proto.FileLocation.fromObject(object.defaultsource);
                }
                if (object.source != null) {
                    if (typeof object.source !== "object")
                        throw TypeError(".JetSDL.Proto.AudioTrack.source: object expected");
                    message.source = $root.JetSDL.Proto.FileLocation.fromObject(object.source);
                }
                if (object.offset != null)
                    message.offset = object.offset | 0;
                if (object.numframes != null)
                    message.numframes = object.numframes | 0;
                if (object.contentoffset != null)
                    message.contentoffset = object.contentoffset | 0;
                if (object.contentoffsetvariable != null) {
                    if (typeof object.contentoffsetvariable !== "object")
                        throw TypeError(".JetSDL.Proto.AudioTrack.contentoffsetvariable: object expected");
                    message.contentoffsetvariable = $root.JetSDL.Proto.StringVariable.fromObject(object.contentoffsetvariable);
                }
                if (object.usecachedir != null)
                    message.usecachedir = Boolean(object.usecachedir);
                if (object.cachedir != null)
                    message.cachedir = String(object.cachedir);
                if (object.optionalAudio != null)
                    message.optionalAudio = Boolean(object.optionalAudio);
                if (object.sv != null) {
                    if (typeof object.sv !== "object")
                        throw TypeError(".JetSDL.Proto.AudioTrack.sv: object expected");
                    message.sv = $root.JetSDL.Proto.SceneView.fromObject(object.sv);
                }
                if (object.name) {
                    if (!Array.isArray(object.name))
                        throw TypeError(".JetSDL.Proto.AudioTrack.name: array expected");
                    message.name = [];
                    for (var i = 0; i < object.name.length; ++i)
                        message.name[i] = String(object.name[i]);
                }
                switch (object.levelmode) {
                case "legacy":
                case 0:
                    message.levelmode = 0;
                    break;
                case "legacy_softgain":
                case 1:
                    message.levelmode = 1;
                    break;
                case "hardclip":
                case 2:
                    message.levelmode = 2;
                    break;
                case "softclip":
                case 3:
                    message.levelmode = 3;
                    break;
                case "softclip4x":
                case 4:
                    message.levelmode = 4;
                    break;
                }
                if (object.synthesizer != null) {
                    if (typeof object.synthesizer !== "object")
                        throw TypeError(".JetSDL.Proto.AudioTrack.synthesizer: object expected");
                    message.synthesizer = $root.JetSDL.Proto.Synthesizer.fromObject(object.synthesizer);
                }
                if (object.inneraudiotracks) {
                    if (!Array.isArray(object.inneraudiotracks))
                        throw TypeError(".JetSDL.Proto.AudioTrack.inneraudiotracks: array expected");
                    message.inneraudiotracks = [];
                    for (var i = 0; i < object.inneraudiotracks.length; ++i) {
                        if (typeof object.inneraudiotracks[i] !== "object")
                            throw TypeError(".JetSDL.Proto.AudioTrack.inneraudiotracks: object expected");
                        message.inneraudiotracks[i] = $root.JetSDL.Proto.AudioTrack.fromObject(object.inneraudiotracks[i]);
                    }
                }
                if (object.inneraudio != null) {
                    if (typeof object.inneraudio !== "object")
                        throw TypeError(".JetSDL.Proto.AudioTrack.inneraudio: object expected");
                    message.inneraudio = $root.JetSDL.Proto.Audio.fromObject(object.inneraudio);
                }
                if (object.ignorelength != null)
                    message.ignorelength = Boolean(object.ignorelength);
                if (object.enablevariable != null) {
                    if (typeof object.enablevariable !== "object")
                        throw TypeError(".JetSDL.Proto.AudioTrack.enablevariable: object expected");
                    message.enablevariable = $root.JetSDL.Proto.StringVariable.fromObject(object.enablevariable);
                }
                if (object.invertenable != null)
                    message.invertenable = Boolean(object.invertenable);
                if (object.comment != null)
                    message.comment = String(object.comment);
                return message;
            };

            /**
             * Creates an AudioTrack message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.AudioTrack.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.AudioTrack} AudioTrack
             */
            AudioTrack.from = AudioTrack.fromObject;

            /**
             * Creates a plain object from an AudioTrack message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.AudioTrack} message AudioTrack
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            AudioTrack.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.name = [];
                    object.inneraudiotracks = [];
                }
                if (options.defaults) {
                    object.type = options.enums === String ? "preencoded" : 0;
                    object.offset = 0;
                    object.volume = 1;
                    object.defaultsource = null;
                    object.source = null;
                    object.volumefunction = null;
                    object.usecachedir = true;
                    object.cachedir = "cache";
                    object.numframes = 0;
                    object.optionalAudio = false;
                    object.contentoffset = 0;
                    object.sv = null;
                    object.gain = 0;
                    object.levelmode = options.enums === String ? "legacy" : 0;
                    object.synthesizer = null;
                    object.ignorelength = false;
                    object.inneraudio = null;
                    object.contentoffsetvariable = null;
                    object.enablevariable = null;
                    object.invertenable = false;
                    object.comment = "";
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.AudioTrack.Type[message.type] : message.type;
                if (message.offset != null && message.hasOwnProperty("offset"))
                    object.offset = message.offset;
                if (message.volume != null && message.hasOwnProperty("volume"))
                    object.volume = message.volume;
                if (message.defaultsource != null && message.hasOwnProperty("defaultsource"))
                    object.defaultsource = $root.JetSDL.Proto.FileLocation.toObject(message.defaultsource, options);
                if (message.source != null && message.hasOwnProperty("source"))
                    object.source = $root.JetSDL.Proto.FileLocation.toObject(message.source, options);
                if (message.volumefunction != null && message.hasOwnProperty("volumefunction"))
                    object.volumefunction = $root.JetSDL.Proto.Function.toObject(message.volumefunction, options);
                if (message.usecachedir != null && message.hasOwnProperty("usecachedir"))
                    object.usecachedir = message.usecachedir;
                if (message.cachedir != null && message.hasOwnProperty("cachedir"))
                    object.cachedir = message.cachedir;
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    object.numframes = message.numframes;
                if (message.optionalAudio != null && message.hasOwnProperty("optionalAudio"))
                    object.optionalAudio = message.optionalAudio;
                if (message.contentoffset != null && message.hasOwnProperty("contentoffset"))
                    object.contentoffset = message.contentoffset;
                if (message.sv != null && message.hasOwnProperty("sv"))
                    object.sv = $root.JetSDL.Proto.SceneView.toObject(message.sv, options);
                if (message.name && message.name.length) {
                    object.name = [];
                    for (var j = 0; j < message.name.length; ++j)
                        object.name[j] = message.name[j];
                }
                if (message.gain != null && message.hasOwnProperty("gain"))
                    object.gain = message.gain;
                if (message.levelmode != null && message.hasOwnProperty("levelmode"))
                    object.levelmode = options.enums === String ? $root.JetSDL.Proto.AudioTrack.LevelMode[message.levelmode] : message.levelmode;
                if (message.synthesizer != null && message.hasOwnProperty("synthesizer"))
                    object.synthesizer = $root.JetSDL.Proto.Synthesizer.toObject(message.synthesizer, options);
                if (message.inneraudiotracks && message.inneraudiotracks.length) {
                    object.inneraudiotracks = [];
                    for (var j = 0; j < message.inneraudiotracks.length; ++j)
                        object.inneraudiotracks[j] = $root.JetSDL.Proto.AudioTrack.toObject(message.inneraudiotracks[j], options);
                }
                if (message.ignorelength != null && message.hasOwnProperty("ignorelength"))
                    object.ignorelength = message.ignorelength;
                if (message.inneraudio != null && message.hasOwnProperty("inneraudio"))
                    object.inneraudio = $root.JetSDL.Proto.Audio.toObject(message.inneraudio, options);
                if (message.contentoffsetvariable != null && message.hasOwnProperty("contentoffsetvariable"))
                    object.contentoffsetvariable = $root.JetSDL.Proto.StringVariable.toObject(message.contentoffsetvariable, options);
                if (message.enablevariable != null && message.hasOwnProperty("enablevariable"))
                    object.enablevariable = $root.JetSDL.Proto.StringVariable.toObject(message.enablevariable, options);
                if (message.invertenable != null && message.hasOwnProperty("invertenable"))
                    object.invertenable = message.invertenable;
                if (message.comment != null && message.hasOwnProperty("comment"))
                    object.comment = message.comment;
                return object;
            };

            /**
             * Creates a plain object from this AudioTrack message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            AudioTrack.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this AudioTrack to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            AudioTrack.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * LevelMode enum.
             * @name LevelMode
             * @memberof JetSDL.Proto.AudioTrack
             * @enum {number}
             * @property {number} legacy=0 legacy value
             * @property {number} legacy_softgain=1 legacy_softgain value
             * @property {number} hardclip=2 hardclip value
             * @property {number} softclip=3 softclip value
             * @property {number} softclip4x=4 softclip4x value
             */
            AudioTrack.LevelMode = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "legacy"] = 0;
                values[valuesById[1] = "legacy_softgain"] = 1;
                values[valuesById[2] = "hardclip"] = 2;
                values[valuesById[3] = "softclip"] = 3;
                values[valuesById[4] = "softclip4x"] = 4;
                return values;
            })();

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.AudioTrack
             * @enum {number}
             * @property {number} preencoded=0 preencoded value
             * @property {number} mix=1 mix value
             * @property {number} replace=2 replace value
             * @property {number} decoder=3 decoder value
             * @property {number} decoder_replace=4 decoder_replace value
             * @property {number} video_mix=5 video_mix value
             * @property {number} video_replace=6 video_replace value
             * @property {number} scenebased=7 scenebased value
             * @property {number} empty=8 empty value
             * @property {number} changevolume=20 changevolume value
             * @property {number} live=9 live value
             * @property {number} live_replace=19 live_replace value
             * @property {number} synthetic=10 synthetic value
             * @property {number} synthetic_mix=11 synthetic_mix value
             * @property {number} backtoback=12 backtoback value
             */
            AudioTrack.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "preencoded"] = 0;
                values[valuesById[1] = "mix"] = 1;
                values[valuesById[2] = "replace"] = 2;
                values[valuesById[3] = "decoder"] = 3;
                values[valuesById[4] = "decoder_replace"] = 4;
                values[valuesById[5] = "video_mix"] = 5;
                values[valuesById[6] = "video_replace"] = 6;
                values[valuesById[7] = "scenebased"] = 7;
                values[valuesById[8] = "empty"] = 8;
                values[valuesById[20] = "changevolume"] = 20;
                values[valuesById[9] = "live"] = 9;
                values[valuesById[19] = "live_replace"] = 19;
                values[valuesById[10] = "synthetic"] = 10;
                values[valuesById[11] = "synthetic_mix"] = 11;
                values[valuesById[12] = "backtoback"] = 12;
                return values;
            })();

            return AudioTrack;
        })();

        Proto.Synthesizer = (function() {

            /**
             * Properties of a Synthesizer.
             * @typedef JetSDL.Proto.Synthesizer$Properties
             * @type {Object}
             * @property {JetSDL.Proto.Synthesizer.Type} [type] Synthesizer type.
             * @property {number} [randomseed] Synthesizer randomseed.
             * @property {Array.<JetSDL.Proto.FileLocation$Properties>} [samples] Synthesizer samples.
             * @property {JetSDL.Proto.StringVariable$Properties} [iterations] Synthesizer iterations.
             * @property {number} [jitter] Synthesizer jitter.
             * @property {number} [numframes] Synthesizer numframes.
             */

            /**
             * Constructs a new Synthesizer.
             * @exports JetSDL.Proto.Synthesizer
             * @constructor
             * @param {JetSDL.Proto.Synthesizer$Properties=} [properties] Properties to set
             */
            function Synthesizer(properties) {
                this.samples = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Synthesizer type.
             * @type {JetSDL.Proto.Synthesizer.Type}
             */
            Synthesizer.prototype.type = 0;

            /**
             * Synthesizer randomseed.
             * @type {number}
             */
            Synthesizer.prototype.randomseed = 0;

            /**
             * Synthesizer samples.
             * @type {Array.<JetSDL.Proto.FileLocation$Properties>}
             */
            Synthesizer.prototype.samples = $util.emptyArray;

            /**
             * Synthesizer iterations.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            Synthesizer.prototype.iterations = null;

            /**
             * Synthesizer jitter.
             * @type {number}
             */
            Synthesizer.prototype.jitter = 0;

            /**
             * Synthesizer numframes.
             * @type {number}
             */
            Synthesizer.prototype.numframes = 500;

            /**
             * Creates a new Synthesizer instance using the specified properties.
             * @param {JetSDL.Proto.Synthesizer$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Synthesizer} Synthesizer instance
             */
            Synthesizer.create = function create(properties) {
                return new Synthesizer(properties);
            };

            /**
             * Encodes the specified Synthesizer message. Does not implicitly {@link JetSDL.Proto.Synthesizer.verify|verify} messages.
             * @param {JetSDL.Proto.Synthesizer$Properties} message Synthesizer message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Synthesizer.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.type != null && message.hasOwnProperty("type"))
                    writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.randomseed != null && message.hasOwnProperty("randomseed"))
                    writer.uint32(/* id 2, wireType 0 =*/16).uint32(message.randomseed);
                if (message.samples != null && message.samples.length)
                    for (var i = 0; i < message.samples.length; ++i)
                        $root.JetSDL.Proto.FileLocation.encode(message.samples[i], writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.iterations != null && message.hasOwnProperty("iterations"))
                    $root.JetSDL.Proto.StringVariable.encode(message.iterations, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                if (message.jitter != null && message.hasOwnProperty("jitter"))
                    writer.uint32(/* id 5, wireType 1 =*/41).double(message.jitter);
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    writer.uint32(/* id 6, wireType 0 =*/48).int32(message.numframes);
                return writer;
            };

            /**
             * Encodes the specified Synthesizer message, length delimited. Does not implicitly {@link JetSDL.Proto.Synthesizer.verify|verify} messages.
             * @param {JetSDL.Proto.Synthesizer$Properties} message Synthesizer message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Synthesizer.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Synthesizer message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Synthesizer} Synthesizer
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Synthesizer.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Synthesizer();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        message.randomseed = reader.uint32();
                        break;
                    case 3:
                        if (!(message.samples && message.samples.length))
                            message.samples = [];
                        message.samples.push($root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32()));
                        break;
                    case 4:
                        message.iterations = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 5:
                        message.jitter = reader.double();
                        break;
                    case 6:
                        message.numframes = reader.int32();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a Synthesizer message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Synthesizer} Synthesizer
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Synthesizer.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Synthesizer message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Synthesizer.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.type != null && message.hasOwnProperty("type"))
                    switch (message.type) {
                    default:
                        return "type: enum value expected";
                    case 0:
                        break;
                    }
                if (message.randomseed != null && message.hasOwnProperty("randomseed"))
                    if (!$util.isInteger(message.randomseed))
                        return "randomseed: integer expected";
                if (message.samples != null && message.hasOwnProperty("samples")) {
                    if (!Array.isArray(message.samples))
                        return "samples: array expected";
                    for (var i = 0; i < message.samples.length; ++i) {
                        var error = $root.JetSDL.Proto.FileLocation.verify(message.samples[i]);
                        if (error)
                            return "samples." + error;
                    }
                }
                if (message.iterations != null && message.hasOwnProperty("iterations")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.iterations);
                    if (error)
                        return "iterations." + error;
                }
                if (message.jitter != null && message.hasOwnProperty("jitter"))
                    if (typeof message.jitter !== "number")
                        return "jitter: number expected";
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    if (!$util.isInteger(message.numframes))
                        return "numframes: integer expected";
                return null;
            };

            /**
             * Creates a Synthesizer message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Synthesizer} Synthesizer
             */
            Synthesizer.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Synthesizer)
                    return object;
                var message = new $root.JetSDL.Proto.Synthesizer();
                switch (object.type) {
                case "randomsamples":
                case 0:
                    message.type = 0;
                    break;
                }
                if (object.randomseed != null)
                    message.randomseed = object.randomseed >>> 0;
                if (object.samples) {
                    if (!Array.isArray(object.samples))
                        throw TypeError(".JetSDL.Proto.Synthesizer.samples: array expected");
                    message.samples = [];
                    for (var i = 0; i < object.samples.length; ++i) {
                        if (typeof object.samples[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Synthesizer.samples: object expected");
                        message.samples[i] = $root.JetSDL.Proto.FileLocation.fromObject(object.samples[i]);
                    }
                }
                if (object.iterations != null) {
                    if (typeof object.iterations !== "object")
                        throw TypeError(".JetSDL.Proto.Synthesizer.iterations: object expected");
                    message.iterations = $root.JetSDL.Proto.StringVariable.fromObject(object.iterations);
                }
                if (object.jitter != null)
                    message.jitter = Number(object.jitter);
                if (object.numframes != null)
                    message.numframes = object.numframes | 0;
                return message;
            };

            /**
             * Creates a Synthesizer message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Synthesizer.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Synthesizer} Synthesizer
             */
            Synthesizer.from = Synthesizer.fromObject;

            /**
             * Creates a plain object from a Synthesizer message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Synthesizer} message Synthesizer
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Synthesizer.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.samples = [];
                if (options.defaults) {
                    object.type = options.enums === String ? "randomsamples" : 0;
                    object.randomseed = 0;
                    object.iterations = null;
                    object.jitter = 0;
                    object.numframes = 500;
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.Synthesizer.Type[message.type] : message.type;
                if (message.randomseed != null && message.hasOwnProperty("randomseed"))
                    object.randomseed = message.randomseed;
                if (message.samples && message.samples.length) {
                    object.samples = [];
                    for (var j = 0; j < message.samples.length; ++j)
                        object.samples[j] = $root.JetSDL.Proto.FileLocation.toObject(message.samples[j], options);
                }
                if (message.iterations != null && message.hasOwnProperty("iterations"))
                    object.iterations = $root.JetSDL.Proto.StringVariable.toObject(message.iterations, options);
                if (message.jitter != null && message.hasOwnProperty("jitter"))
                    object.jitter = message.jitter;
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    object.numframes = message.numframes;
                return object;
            };

            /**
             * Creates a plain object from this Synthesizer message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Synthesizer.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Synthesizer to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Synthesizer.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.Synthesizer
             * @enum {number}
             * @property {number} randomsamples=0 randomsamples value
             */
            Synthesizer.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "randomsamples"] = 0;
                return values;
            })();

            return Synthesizer;
        })();

        /**
         * BlendMode enum.
         * @name BlendMode
         * @memberof JetSDL.Proto
         * @enum {number}
         * @property {number} normal=0 normal value
         * @property {number} screen=1 screen value
         * @property {number} softlight=2 softlight value
         * @property {number} hardlight=3 hardlight value
         * @property {number} overlay=4 overlay value
         * @property {number} multiply=5 multiply value
         * @property {number} mvcclone=6 mvcclone value
         */
        Proto.BlendMode = (function() {
            var valuesById = {}, values = Object.create(valuesById);
            values[valuesById[0] = "normal"] = 0;
            values[valuesById[1] = "screen"] = 1;
            values[valuesById[2] = "softlight"] = 2;
            values[valuesById[3] = "hardlight"] = 3;
            values[valuesById[4] = "overlay"] = 4;
            values[valuesById[5] = "multiply"] = 5;
            values[valuesById[6] = "mvcclone"] = 6;
            return values;
        })();

        Proto.VisualTrack = (function() {

            /**
             * Properties of a VisualTrack.
             * @typedef JetSDL.Proto.VisualTrack$Properties
             * @type {Object}
             * @property {JetSDL.Proto.ImageProvider$Properties} [content] VisualTrack content.
             * @property {number} [numframes] VisualTrack numframes.
             * @property {number} [offset] VisualTrack offset.
             * @property {number} [x] VisualTrack x.
             * @property {number} [y] VisualTrack y.
             * @property {boolean} [center] VisualTrack center.
             * @property {boolean} [centerx] VisualTrack centerx.
             * @property {boolean} [centery] VisualTrack centery.
             * @property {number} [maskchannel] VisualTrack maskchannel.
             * @property {boolean} [invertmask] VisualTrack invertmask.
             * @property {JetSDL.Proto.ImageProvider$Properties} [mask] VisualTrack mask.
             * @property {Array.<JetSDL.Proto.Transformation$Properties>} [transformations] VisualTrack transformations.
             * @property {JetSDL.Proto.BlendMode} [blendmode] VisualTrack blendmode.
             * @property {number} [opacity] VisualTrack opacity.
             * @property {JetSDL.Proto.Function$Properties} [opacityfunction] VisualTrack opacityfunction.
             * @property {boolean} [adjustalpha] VisualTrack adjustalpha.
             * @property {boolean} [lazyevaluate] VisualTrack lazyevaluate.
             * @property {JetSDL.Proto.StringVariable$Properties} [enablevariable] VisualTrack enablevariable.
             * @property {boolean} [invertenable] VisualTrack invertenable.
             * @property {Array.<string>} [name] VisualTrack name.
             * @property {JetSDL.Proto.TrackData$Properties} [positions] VisualTrack positions.
             * @property {boolean} [ignorelength] VisualTrack ignorelength.
             * @property {JetSDL.Proto.StringVariable$Properties} [numframesvariable] VisualTrack numframesvariable.
             * @property {string} [comment] VisualTrack comment.
             */

            /**
             * Constructs a new VisualTrack.
             * @exports JetSDL.Proto.VisualTrack
             * @constructor
             * @param {JetSDL.Proto.VisualTrack$Properties=} [properties] Properties to set
             */
            function VisualTrack(properties) {
                this.transformations = [];
                this.name = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * VisualTrack content.
             * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
             */
            VisualTrack.prototype.content = null;

            /**
             * VisualTrack numframes.
             * @type {number}
             */
            VisualTrack.prototype.numframes = -1;

            /**
             * VisualTrack offset.
             * @type {number}
             */
            VisualTrack.prototype.offset = 0;

            /**
             * VisualTrack x.
             * @type {number}
             */
            VisualTrack.prototype.x = 0;

            /**
             * VisualTrack y.
             * @type {number}
             */
            VisualTrack.prototype.y = 0;

            /**
             * VisualTrack center.
             * @type {boolean}
             */
            VisualTrack.prototype.center = false;

            /**
             * VisualTrack centerx.
             * @type {boolean}
             */
            VisualTrack.prototype.centerx = false;

            /**
             * VisualTrack centery.
             * @type {boolean}
             */
            VisualTrack.prototype.centery = false;

            /**
             * VisualTrack maskchannel.
             * @type {number}
             */
            VisualTrack.prototype.maskchannel = 0;

            /**
             * VisualTrack invertmask.
             * @type {boolean}
             */
            VisualTrack.prototype.invertmask = false;

            /**
             * VisualTrack mask.
             * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
             */
            VisualTrack.prototype.mask = null;

            /**
             * VisualTrack transformations.
             * @type {Array.<JetSDL.Proto.Transformation$Properties>}
             */
            VisualTrack.prototype.transformations = $util.emptyArray;

            /**
             * VisualTrack blendmode.
             * @type {JetSDL.Proto.BlendMode}
             */
            VisualTrack.prototype.blendmode = 0;

            /**
             * VisualTrack opacity.
             * @type {number}
             */
            VisualTrack.prototype.opacity = 1;

            /**
             * VisualTrack opacityfunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            VisualTrack.prototype.opacityfunction = null;

            /**
             * VisualTrack adjustalpha.
             * @type {boolean}
             */
            VisualTrack.prototype.adjustalpha = false;

            /**
             * VisualTrack lazyevaluate.
             * @type {boolean}
             */
            VisualTrack.prototype.lazyevaluate = true;

            /**
             * VisualTrack enablevariable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            VisualTrack.prototype.enablevariable = null;

            /**
             * VisualTrack invertenable.
             * @type {boolean}
             */
            VisualTrack.prototype.invertenable = false;

            /**
             * VisualTrack name.
             * @type {Array.<string>}
             */
            VisualTrack.prototype.name = $util.emptyArray;

            /**
             * VisualTrack positions.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            VisualTrack.prototype.positions = null;

            /**
             * VisualTrack ignorelength.
             * @type {boolean}
             */
            VisualTrack.prototype.ignorelength = false;

            /**
             * VisualTrack numframesvariable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            VisualTrack.prototype.numframesvariable = null;

            /**
             * VisualTrack comment.
             * @type {string}
             */
            VisualTrack.prototype.comment = "";

            /**
             * Creates a new VisualTrack instance using the specified properties.
             * @param {JetSDL.Proto.VisualTrack$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.VisualTrack} VisualTrack instance
             */
            VisualTrack.create = function create(properties) {
                return new VisualTrack(properties);
            };

            /**
             * Encodes the specified VisualTrack message. Does not implicitly {@link JetSDL.Proto.VisualTrack.verify|verify} messages.
             * @param {JetSDL.Proto.VisualTrack$Properties} message VisualTrack message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            VisualTrack.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.content != null && message.hasOwnProperty("content"))
                    $root.JetSDL.Proto.ImageProvider.encode(message.content, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    writer.uint32(/* id 3, wireType 0 =*/24).int32(message.numframes);
                if (message.offset != null && message.hasOwnProperty("offset"))
                    writer.uint32(/* id 4, wireType 0 =*/32).int32(message.offset);
                if (message.x != null && message.hasOwnProperty("x"))
                    writer.uint32(/* id 5, wireType 0 =*/40).int32(message.x);
                if (message.y != null && message.hasOwnProperty("y"))
                    writer.uint32(/* id 6, wireType 0 =*/48).int32(message.y);
                if (message.maskchannel != null && message.hasOwnProperty("maskchannel"))
                    writer.uint32(/* id 7, wireType 0 =*/56).int32(message.maskchannel);
                if (message.adjustalpha != null && message.hasOwnProperty("adjustalpha"))
                    writer.uint32(/* id 8, wireType 0 =*/64).bool(message.adjustalpha);
                if (message.mask != null && message.hasOwnProperty("mask"))
                    $root.JetSDL.Proto.ImageProvider.encode(message.mask, writer.uint32(/* id 9, wireType 2 =*/74).fork()).ldelim();
                if (message.transformations != null && message.transformations.length)
                    for (var i = 0; i < message.transformations.length; ++i)
                        $root.JetSDL.Proto.Transformation.encode(message.transformations[i], writer.uint32(/* id 10, wireType 2 =*/82).fork()).ldelim();
                if (message.blendmode != null && message.hasOwnProperty("blendmode"))
                    writer.uint32(/* id 11, wireType 0 =*/88).uint32(message.blendmode);
                if (message.opacity != null && message.hasOwnProperty("opacity"))
                    writer.uint32(/* id 12, wireType 1 =*/97).double(message.opacity);
                if (message.invertmask != null && message.hasOwnProperty("invertmask"))
                    writer.uint32(/* id 13, wireType 0 =*/104).bool(message.invertmask);
                if (message.opacityfunction != null && message.hasOwnProperty("opacityfunction"))
                    $root.JetSDL.Proto.Function.encode(message.opacityfunction, writer.uint32(/* id 15, wireType 2 =*/122).fork()).ldelim();
                if (message.center != null && message.hasOwnProperty("center"))
                    writer.uint32(/* id 16, wireType 0 =*/128).bool(message.center);
                if (message.centerx != null && message.hasOwnProperty("centerx"))
                    writer.uint32(/* id 17, wireType 0 =*/136).bool(message.centerx);
                if (message.centery != null && message.hasOwnProperty("centery"))
                    writer.uint32(/* id 18, wireType 0 =*/144).bool(message.centery);
                if (message.lazyevaluate != null && message.hasOwnProperty("lazyevaluate"))
                    writer.uint32(/* id 19, wireType 0 =*/152).bool(message.lazyevaluate);
                if (message.enablevariable != null && message.hasOwnProperty("enablevariable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.enablevariable, writer.uint32(/* id 20, wireType 2 =*/162).fork()).ldelim();
                if (message.name != null && message.name.length)
                    for (var i = 0; i < message.name.length; ++i)
                        writer.uint32(/* id 21, wireType 2 =*/170).string(message.name[i]);
                if (message.positions != null && message.hasOwnProperty("positions"))
                    $root.JetSDL.Proto.TrackData.encode(message.positions, writer.uint32(/* id 22, wireType 2 =*/178).fork()).ldelim();
                if (message.invertenable != null && message.hasOwnProperty("invertenable"))
                    writer.uint32(/* id 23, wireType 0 =*/184).bool(message.invertenable);
                if (message.ignorelength != null && message.hasOwnProperty("ignorelength"))
                    writer.uint32(/* id 24, wireType 0 =*/192).bool(message.ignorelength);
                if (message.numframesvariable != null && message.hasOwnProperty("numframesvariable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.numframesvariable, writer.uint32(/* id 25, wireType 2 =*/202).fork()).ldelim();
                if (message.comment != null && message.hasOwnProperty("comment"))
                    writer.uint32(/* id 2047, wireType 2 =*/16378).string(message.comment);
                return writer;
            };

            /**
             * Encodes the specified VisualTrack message, length delimited. Does not implicitly {@link JetSDL.Proto.VisualTrack.verify|verify} messages.
             * @param {JetSDL.Proto.VisualTrack$Properties} message VisualTrack message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            VisualTrack.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a VisualTrack message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.VisualTrack} VisualTrack
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            VisualTrack.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.VisualTrack();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.content = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                        break;
                    case 3:
                        message.numframes = reader.int32();
                        break;
                    case 4:
                        message.offset = reader.int32();
                        break;
                    case 5:
                        message.x = reader.int32();
                        break;
                    case 6:
                        message.y = reader.int32();
                        break;
                    case 16:
                        message.center = reader.bool();
                        break;
                    case 17:
                        message.centerx = reader.bool();
                        break;
                    case 18:
                        message.centery = reader.bool();
                        break;
                    case 7:
                        message.maskchannel = reader.int32();
                        break;
                    case 13:
                        message.invertmask = reader.bool();
                        break;
                    case 9:
                        message.mask = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                        break;
                    case 10:
                        if (!(message.transformations && message.transformations.length))
                            message.transformations = [];
                        message.transformations.push($root.JetSDL.Proto.Transformation.decode(reader, reader.uint32()));
                        break;
                    case 11:
                        message.blendmode = reader.uint32();
                        break;
                    case 12:
                        message.opacity = reader.double();
                        break;
                    case 15:
                        message.opacityfunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 8:
                        message.adjustalpha = reader.bool();
                        break;
                    case 19:
                        message.lazyevaluate = reader.bool();
                        break;
                    case 20:
                        message.enablevariable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 23:
                        message.invertenable = reader.bool();
                        break;
                    case 21:
                        if (!(message.name && message.name.length))
                            message.name = [];
                        message.name.push(reader.string());
                        break;
                    case 22:
                        message.positions = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 24:
                        message.ignorelength = reader.bool();
                        break;
                    case 25:
                        message.numframesvariable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 2047:
                        message.comment = reader.string();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a VisualTrack message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.VisualTrack} VisualTrack
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            VisualTrack.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a VisualTrack message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            VisualTrack.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.content != null && message.hasOwnProperty("content")) {
                    var error = $root.JetSDL.Proto.ImageProvider.verify(message.content);
                    if (error)
                        return "content." + error;
                }
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    if (!$util.isInteger(message.numframes))
                        return "numframes: integer expected";
                if (message.offset != null && message.hasOwnProperty("offset"))
                    if (!$util.isInteger(message.offset))
                        return "offset: integer expected";
                if (message.x != null && message.hasOwnProperty("x"))
                    if (!$util.isInteger(message.x))
                        return "x: integer expected";
                if (message.y != null && message.hasOwnProperty("y"))
                    if (!$util.isInteger(message.y))
                        return "y: integer expected";
                if (message.center != null && message.hasOwnProperty("center"))
                    if (typeof message.center !== "boolean")
                        return "center: boolean expected";
                if (message.centerx != null && message.hasOwnProperty("centerx"))
                    if (typeof message.centerx !== "boolean")
                        return "centerx: boolean expected";
                if (message.centery != null && message.hasOwnProperty("centery"))
                    if (typeof message.centery !== "boolean")
                        return "centery: boolean expected";
                if (message.maskchannel != null && message.hasOwnProperty("maskchannel"))
                    if (!$util.isInteger(message.maskchannel))
                        return "maskchannel: integer expected";
                if (message.invertmask != null && message.hasOwnProperty("invertmask"))
                    if (typeof message.invertmask !== "boolean")
                        return "invertmask: boolean expected";
                if (message.mask != null && message.hasOwnProperty("mask")) {
                    var error = $root.JetSDL.Proto.ImageProvider.verify(message.mask);
                    if (error)
                        return "mask." + error;
                }
                if (message.transformations != null && message.hasOwnProperty("transformations")) {
                    if (!Array.isArray(message.transformations))
                        return "transformations: array expected";
                    for (var i = 0; i < message.transformations.length; ++i) {
                        var error = $root.JetSDL.Proto.Transformation.verify(message.transformations[i]);
                        if (error)
                            return "transformations." + error;
                    }
                }
                if (message.blendmode != null && message.hasOwnProperty("blendmode"))
                    switch (message.blendmode) {
                    default:
                        return "blendmode: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                    case 6:
                        break;
                    }
                if (message.opacity != null && message.hasOwnProperty("opacity"))
                    if (typeof message.opacity !== "number")
                        return "opacity: number expected";
                if (message.opacityfunction != null && message.hasOwnProperty("opacityfunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.opacityfunction);
                    if (error)
                        return "opacityfunction." + error;
                }
                if (message.adjustalpha != null && message.hasOwnProperty("adjustalpha"))
                    if (typeof message.adjustalpha !== "boolean")
                        return "adjustalpha: boolean expected";
                if (message.lazyevaluate != null && message.hasOwnProperty("lazyevaluate"))
                    if (typeof message.lazyevaluate !== "boolean")
                        return "lazyevaluate: boolean expected";
                if (message.enablevariable != null && message.hasOwnProperty("enablevariable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.enablevariable);
                    if (error)
                        return "enablevariable." + error;
                }
                if (message.invertenable != null && message.hasOwnProperty("invertenable"))
                    if (typeof message.invertenable !== "boolean")
                        return "invertenable: boolean expected";
                if (message.name != null && message.hasOwnProperty("name")) {
                    if (!Array.isArray(message.name))
                        return "name: array expected";
                    for (var i = 0; i < message.name.length; ++i)
                        if (!$util.isString(message.name[i]))
                            return "name: string[] expected";
                }
                if (message.positions != null && message.hasOwnProperty("positions")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.positions);
                    if (error)
                        return "positions." + error;
                }
                if (message.ignorelength != null && message.hasOwnProperty("ignorelength"))
                    if (typeof message.ignorelength !== "boolean")
                        return "ignorelength: boolean expected";
                if (message.numframesvariable != null && message.hasOwnProperty("numframesvariable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.numframesvariable);
                    if (error)
                        return "numframesvariable." + error;
                }
                if (message.comment != null && message.hasOwnProperty("comment"))
                    if (!$util.isString(message.comment))
                        return "comment: string expected";
                return null;
            };

            /**
             * Creates a VisualTrack message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.VisualTrack} VisualTrack
             */
            VisualTrack.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.VisualTrack)
                    return object;
                var message = new $root.JetSDL.Proto.VisualTrack();
                if (object.content != null) {
                    if (typeof object.content !== "object")
                        throw TypeError(".JetSDL.Proto.VisualTrack.content: object expected");
                    message.content = $root.JetSDL.Proto.ImageProvider.fromObject(object.content);
                }
                if (object.numframes != null)
                    message.numframes = object.numframes | 0;
                if (object.offset != null)
                    message.offset = object.offset | 0;
                if (object.x != null)
                    message.x = object.x | 0;
                if (object.y != null)
                    message.y = object.y | 0;
                if (object.center != null)
                    message.center = Boolean(object.center);
                if (object.centerx != null)
                    message.centerx = Boolean(object.centerx);
                if (object.centery != null)
                    message.centery = Boolean(object.centery);
                if (object.maskchannel != null)
                    message.maskchannel = object.maskchannel | 0;
                if (object.invertmask != null)
                    message.invertmask = Boolean(object.invertmask);
                if (object.mask != null) {
                    if (typeof object.mask !== "object")
                        throw TypeError(".JetSDL.Proto.VisualTrack.mask: object expected");
                    message.mask = $root.JetSDL.Proto.ImageProvider.fromObject(object.mask);
                }
                if (object.transformations) {
                    if (!Array.isArray(object.transformations))
                        throw TypeError(".JetSDL.Proto.VisualTrack.transformations: array expected");
                    message.transformations = [];
                    for (var i = 0; i < object.transformations.length; ++i) {
                        if (typeof object.transformations[i] !== "object")
                            throw TypeError(".JetSDL.Proto.VisualTrack.transformations: object expected");
                        message.transformations[i] = $root.JetSDL.Proto.Transformation.fromObject(object.transformations[i]);
                    }
                }
                switch (object.blendmode) {
                case "normal":
                case 0:
                    message.blendmode = 0;
                    break;
                case "screen":
                case 1:
                    message.blendmode = 1;
                    break;
                case "softlight":
                case 2:
                    message.blendmode = 2;
                    break;
                case "hardlight":
                case 3:
                    message.blendmode = 3;
                    break;
                case "overlay":
                case 4:
                    message.blendmode = 4;
                    break;
                case "multiply":
                case 5:
                    message.blendmode = 5;
                    break;
                case "mvcclone":
                case 6:
                    message.blendmode = 6;
                    break;
                }
                if (object.opacity != null)
                    message.opacity = Number(object.opacity);
                if (object.opacityfunction != null) {
                    if (typeof object.opacityfunction !== "object")
                        throw TypeError(".JetSDL.Proto.VisualTrack.opacityfunction: object expected");
                    message.opacityfunction = $root.JetSDL.Proto.Function.fromObject(object.opacityfunction);
                }
                if (object.adjustalpha != null)
                    message.adjustalpha = Boolean(object.adjustalpha);
                if (object.lazyevaluate != null)
                    message.lazyevaluate = Boolean(object.lazyevaluate);
                if (object.enablevariable != null) {
                    if (typeof object.enablevariable !== "object")
                        throw TypeError(".JetSDL.Proto.VisualTrack.enablevariable: object expected");
                    message.enablevariable = $root.JetSDL.Proto.StringVariable.fromObject(object.enablevariable);
                }
                if (object.invertenable != null)
                    message.invertenable = Boolean(object.invertenable);
                if (object.name) {
                    if (!Array.isArray(object.name))
                        throw TypeError(".JetSDL.Proto.VisualTrack.name: array expected");
                    message.name = [];
                    for (var i = 0; i < object.name.length; ++i)
                        message.name[i] = String(object.name[i]);
                }
                if (object.positions != null) {
                    if (typeof object.positions !== "object")
                        throw TypeError(".JetSDL.Proto.VisualTrack.positions: object expected");
                    message.positions = $root.JetSDL.Proto.TrackData.fromObject(object.positions);
                }
                if (object.ignorelength != null)
                    message.ignorelength = Boolean(object.ignorelength);
                if (object.numframesvariable != null) {
                    if (typeof object.numframesvariable !== "object")
                        throw TypeError(".JetSDL.Proto.VisualTrack.numframesvariable: object expected");
                    message.numframesvariable = $root.JetSDL.Proto.StringVariable.fromObject(object.numframesvariable);
                }
                if (object.comment != null)
                    message.comment = String(object.comment);
                return message;
            };

            /**
             * Creates a VisualTrack message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.VisualTrack.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.VisualTrack} VisualTrack
             */
            VisualTrack.from = VisualTrack.fromObject;

            /**
             * Creates a plain object from a VisualTrack message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.VisualTrack} message VisualTrack
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            VisualTrack.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.transformations = [];
                    object.name = [];
                }
                if (options.defaults) {
                    object.content = null;
                    object.numframes = -1;
                    object.offset = 0;
                    object.x = 0;
                    object.y = 0;
                    object.maskchannel = 0;
                    object.adjustalpha = false;
                    object.mask = null;
                    object.blendmode = options.enums === String ? "normal" : 0;
                    object.opacity = 1;
                    object.invertmask = false;
                    object.opacityfunction = null;
                    object.center = false;
                    object.centerx = false;
                    object.centery = false;
                    object.lazyevaluate = true;
                    object.enablevariable = null;
                    object.positions = null;
                    object.invertenable = false;
                    object.ignorelength = false;
                    object.numframesvariable = null;
                    object.comment = "";
                }
                if (message.content != null && message.hasOwnProperty("content"))
                    object.content = $root.JetSDL.Proto.ImageProvider.toObject(message.content, options);
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    object.numframes = message.numframes;
                if (message.offset != null && message.hasOwnProperty("offset"))
                    object.offset = message.offset;
                if (message.x != null && message.hasOwnProperty("x"))
                    object.x = message.x;
                if (message.y != null && message.hasOwnProperty("y"))
                    object.y = message.y;
                if (message.maskchannel != null && message.hasOwnProperty("maskchannel"))
                    object.maskchannel = message.maskchannel;
                if (message.adjustalpha != null && message.hasOwnProperty("adjustalpha"))
                    object.adjustalpha = message.adjustalpha;
                if (message.mask != null && message.hasOwnProperty("mask"))
                    object.mask = $root.JetSDL.Proto.ImageProvider.toObject(message.mask, options);
                if (message.transformations && message.transformations.length) {
                    object.transformations = [];
                    for (var j = 0; j < message.transformations.length; ++j)
                        object.transformations[j] = $root.JetSDL.Proto.Transformation.toObject(message.transformations[j], options);
                }
                if (message.blendmode != null && message.hasOwnProperty("blendmode"))
                    object.blendmode = options.enums === String ? $root.JetSDL.Proto.BlendMode[message.blendmode] : message.blendmode;
                if (message.opacity != null && message.hasOwnProperty("opacity"))
                    object.opacity = message.opacity;
                if (message.invertmask != null && message.hasOwnProperty("invertmask"))
                    object.invertmask = message.invertmask;
                if (message.opacityfunction != null && message.hasOwnProperty("opacityfunction"))
                    object.opacityfunction = $root.JetSDL.Proto.Function.toObject(message.opacityfunction, options);
                if (message.center != null && message.hasOwnProperty("center"))
                    object.center = message.center;
                if (message.centerx != null && message.hasOwnProperty("centerx"))
                    object.centerx = message.centerx;
                if (message.centery != null && message.hasOwnProperty("centery"))
                    object.centery = message.centery;
                if (message.lazyevaluate != null && message.hasOwnProperty("lazyevaluate"))
                    object.lazyevaluate = message.lazyevaluate;
                if (message.enablevariable != null && message.hasOwnProperty("enablevariable"))
                    object.enablevariable = $root.JetSDL.Proto.StringVariable.toObject(message.enablevariable, options);
                if (message.name && message.name.length) {
                    object.name = [];
                    for (var j = 0; j < message.name.length; ++j)
                        object.name[j] = message.name[j];
                }
                if (message.positions != null && message.hasOwnProperty("positions"))
                    object.positions = $root.JetSDL.Proto.TrackData.toObject(message.positions, options);
                if (message.invertenable != null && message.hasOwnProperty("invertenable"))
                    object.invertenable = message.invertenable;
                if (message.ignorelength != null && message.hasOwnProperty("ignorelength"))
                    object.ignorelength = message.ignorelength;
                if (message.numframesvariable != null && message.hasOwnProperty("numframesvariable"))
                    object.numframesvariable = $root.JetSDL.Proto.StringVariable.toObject(message.numframesvariable, options);
                if (message.comment != null && message.hasOwnProperty("comment"))
                    object.comment = message.comment;
                return object;
            };

            /**
             * Creates a plain object from this VisualTrack message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            VisualTrack.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this VisualTrack to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            VisualTrack.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return VisualTrack;
        })();

        Proto.Transformation = (function() {

            /**
             * Properties of a Transformation.
             * @typedef JetSDL.Proto.Transformation$Properties
             * @type {Object}
             * @property {JetSDL.Proto.Transformation.Type} type Transformation type.
             * @property {JetSDL.Proto.TrackData$Properties} [trackdata] Transformation trackdata.
             * @property {JetSDL.Proto.ImageProvider$Properties} [image] Transformation image.
             * @property {number} [blurlength] Transformation blurlength.
             * @property {number} [blurfactor] Transformation blurfactor.
             * @property {number} [blurlengthInc] Transformation blurlengthInc.
             * @property {number} [blurfactorInc] Transformation blurfactorInc.
             * @property {boolean} [zoomscale] Transformation zoomscale.
             * @property {number} [smoothedge] Transformation smoothedge.
             * @property {Array.<number>} [scale] Transformation scale.
             * @property {boolean} [scalerelative] Transformation scalerelative.
             * @property {number} [aspectratio] Transformation aspectratio.
             * @property {number} [fixedsidesize] Transformation fixedsidesize.
             * @property {string} [specifiedside] Transformation specifiedside.
             * @property {JetSDL.Proto.Color$Properties} [color] Transformation color.
             * @property {number} [numpoints] Transformation numpoints.
             * @property {JetSDL.Proto.PointsVariable$Properties} [sourcepoints] Transformation sourcepoints.
             * @property {JetSDL.Proto.PointsVariable$Properties} [destinationpoints] Transformation destinationpoints.
             * @property {number} [numframes] Transformation numframes.
             * @property {number} [offset] Transformation offset.
             * @property {JetSDL.Proto.PosAdjust$Properties} [posadjust] Transformation posadjust.
             * @property {Array.<number>} [erasesize] Transformation erasesize.
             * @property {number} [searchradius] Transformation searchradius.
             * @property {number} [maskchannel] Transformation maskchannel.
             * @property {boolean} [invertmask] Transformation invertmask.
             * @property {Array.<JetSDL.Proto.Animation$Properties>} [animations] Transformation animations.
             * @property {JetSDL.Proto.AnimationPosition$Properties} [position] Transformation position.
             * @property {number} [focus] Transformation focus.
             * @property {number} [saturation] Transformation saturation.
             * @property {number} [colorintensity] Transformation colorintensity.
             * @property {number} [sigma] Transformation sigma.
             * @property {JetSDL.Proto.Color$Properties} [dark] Transformation dark.
             * @property {JetSDL.Proto.Color$Properties} [light] Transformation light.
             * @property {number} [tolerance] Transformation tolerance.
             * @property {boolean} [monochromize] Transformation monochromize.
             * @property {number} [focussize] Transformation focussize.
             * @property {number} [focusheight] Transformation focusheight.
             * @property {boolean} [spotfocus] Transformation spotfocus.
             * @property {number} [threshold] Transformation threshold.
             * @property {number} [transitionwidth] Transformation transitionwidth.
             * @property {number} [brightness] Transformation brightness.
             * @property {number} [aperture] Transformation aperture.
             * @property {boolean} [blurborder] Transformation blurborder.
             * @property {number} [edgeDetailScale] Transformation edgeDetailScale.
             * @property {number} [colorblur] Transformation colorblur.
             * @property {number} [bilatfilterIterations] Transformation bilatfilterIterations.
             * @property {number} [bilatfilterTonalsigma] Transformation bilatfilterTonalsigma.
             * @property {number} [bilatfilterSpatialsigma] Transformation bilatfilterSpatialsigma.
             * @property {number} [preprocSigma] Transformation preprocSigma.
             * @property {number} [colorreductLevels] Transformation colorreductLevels.
             * @property {number} [colorreductMinsaturation] Transformation colorreductMinsaturation.
             * @property {JetSDL.Proto.Transformation.ComicColorReductMethod} [colorreductMethod] Transformation colorreductMethod.
             * @property {number} [lsteinDitherRatio] Transformation lsteinDitherRatio.
             * @property {number} [interpoltilesize] Transformation interpoltilesize.
             * @property {number} [innerSize] Transformation innerSize.
             * @property {number} [outerSize] Transformation outerSize.
             * @property {JetSDL.Proto.Color$Properties} [innerColor] Transformation innerColor.
             * @property {JetSDL.Proto.Color$Properties} [outerColor] Transformation outerColor.
             * @property {number} [innerOffsetx] Transformation innerOffsetx.
             * @property {number} [innerOffsety] Transformation innerOffsety.
             * @property {number} [outerOffsetx] Transformation outerOffsetx.
             * @property {number} [outerOffsety] Transformation outerOffsety.
             * @property {number} [innerIntensity] Transformation innerIntensity.
             * @property {number} [outerIntensity] Transformation outerIntensity.
             * @property {string} [customIdentifier] Transformation customIdentifier.
             * @property {JetSDL.Proto.StringVariable$Properties} [rotatevariable] Transformation rotatevariable.
             * @property {JetSDL.Proto.StringVariable$Properties} [cropvariable] Transformation cropvariable.
             * @property {JetSDL.Proto.StringVariable$Properties} [orientationvariable] Transformation orientationvariable.
             * @property {number} [rotatecenterxoffset] Transformation rotatecenterxoffset.
             * @property {number} [rotatecenteryoffset] Transformation rotatecenteryoffset.
             * @property {JetSDL.Proto.Function$Properties} [blurfunction] Transformation blurfunction.
             * @property {number} [width] Transformation width.
             * @property {number} [height] Transformation height.
             * @property {number} [x] Transformation x.
             * @property {number} [y] Transformation y.
             * @property {boolean} [centerx] Transformation centerx.
             * @property {boolean} [centery] Transformation centery.
             * @property {JetSDL.Proto.Transformation.FlipAxis} [flipaxis] Transformation flipaxis.
             * @property {JetSDL.Proto.StringVariable$Properties} [colormatrix] Transformation colormatrix.
             * @property {JetSDL.Proto.Transformation.Morph} [morphtype] Transformation morphtype.
             * @property {JetSDL.Proto.TrackData$Properties} [morphsourcepoints] Transformation morphsourcepoints.
             * @property {JetSDL.Proto.TrackData$Properties} [morphdestinationpoints] Transformation morphdestinationpoints.
             * @property {number} [morphtilesize] Transformation morphtilesize.
             * @property {JetSDL.Proto.FileLocation$Properties} [paramfile] Transformation paramfile.
             * @property {JetSDL.Proto.Transformation.RotationMode} [rotationmode] Transformation rotationmode.
             * @property {JetSDL.Proto.TrackData$Properties} [scaledata] Transformation scaledata.
             * @property {JetSDL.Proto.TrackData$Properties} [rotatedata] Transformation rotatedata.
             * @property {JetSDL.Proto.TrackData$Properties} [translatedata] Transformation translatedata.
             * @property {JetSDL.Proto.TrackData$Properties} [anchordata] Transformation anchordata.
             * @property {JetSDL.Proto.Transformation.MipMapType} [mipmapType] Transformation mipmapType.
             * @property {number} [mipmapInitialsize] Transformation mipmapInitialsize.
             * @property {number} [mipmapBasefactor] Transformation mipmapBasefactor.
             * @property {JetSDL.Proto.StringVariable$Properties} [enablevariable] Transformation enablevariable.
             * @property {boolean} [invertenable] Transformation invertenable.
             * @property {JetSDL.Proto.Transformation.InvertBehaviour} [invertbehaviour] Transformation invertbehaviour.
             * @property {boolean} [premultipliedalphastate] Transformation premultipliedalphastate.
             * @property {string} [comment] Transformation comment.
             */

            /**
             * Constructs a new Transformation.
             * @exports JetSDL.Proto.Transformation
             * @constructor
             * @param {JetSDL.Proto.Transformation$Properties=} [properties] Properties to set
             */
            function Transformation(properties) {
                this.scale = [];
                this.erasesize = [];
                this.animations = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Transformation type.
             * @type {JetSDL.Proto.Transformation.Type}
             */
            Transformation.prototype.type = 4;

            /**
             * Transformation trackdata.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            Transformation.prototype.trackdata = null;

            /**
             * Transformation image.
             * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
             */
            Transformation.prototype.image = null;

            /**
             * Transformation blurlength.
             * @type {number}
             */
            Transformation.prototype.blurlength = 1;

            /**
             * Transformation blurfactor.
             * @type {number}
             */
            Transformation.prototype.blurfactor = 0;

            /**
             * Transformation blurlengthInc.
             * @type {number}
             */
            Transformation.prototype.blurlengthInc = 0;

            /**
             * Transformation blurfactorInc.
             * @type {number}
             */
            Transformation.prototype.blurfactorInc = 0;

            /**
             * Transformation zoomscale.
             * @type {boolean}
             */
            Transformation.prototype.zoomscale = false;

            /**
             * Transformation smoothedge.
             * @type {number}
             */
            Transformation.prototype.smoothedge = 0;

            /**
             * Transformation scale.
             * @type {Array.<number>}
             */
            Transformation.prototype.scale = $util.emptyArray;

            /**
             * Transformation scalerelative.
             * @type {boolean}
             */
            Transformation.prototype.scalerelative = false;

            /**
             * Transformation aspectratio.
             * @type {number}
             */
            Transformation.prototype.aspectratio = 0;

            /**
             * Transformation fixedsidesize.
             * @type {number}
             */
            Transformation.prototype.fixedsidesize = 0;

            /**
             * Transformation specifiedside.
             * @type {string}
             */
            Transformation.prototype.specifiedside = "";

            /**
             * Transformation color.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            Transformation.prototype.color = null;

            /**
             * Transformation numpoints.
             * @type {number}
             */
            Transformation.prototype.numpoints = 0;

            /**
             * Transformation sourcepoints.
             * @type {(JetSDL.Proto.PointsVariable$Properties|null)}
             */
            Transformation.prototype.sourcepoints = null;

            /**
             * Transformation destinationpoints.
             * @type {(JetSDL.Proto.PointsVariable$Properties|null)}
             */
            Transformation.prototype.destinationpoints = null;

            /**
             * Transformation numframes.
             * @type {number}
             */
            Transformation.prototype.numframes = 0;

            /**
             * Transformation offset.
             * @type {number}
             */
            Transformation.prototype.offset = 0;

            /**
             * Transformation posadjust.
             * @type {(JetSDL.Proto.PosAdjust$Properties|null)}
             */
            Transformation.prototype.posadjust = null;

            /**
             * Transformation erasesize.
             * @type {Array.<number>}
             */
            Transformation.prototype.erasesize = $util.emptyArray;

            /**
             * Transformation searchradius.
             * @type {number}
             */
            Transformation.prototype.searchradius = 4;

            /**
             * Transformation maskchannel.
             * @type {number}
             */
            Transformation.prototype.maskchannel = 0;

            /**
             * Transformation invertmask.
             * @type {boolean}
             */
            Transformation.prototype.invertmask = false;

            /**
             * Transformation animations.
             * @type {Array.<JetSDL.Proto.Animation$Properties>}
             */
            Transformation.prototype.animations = $util.emptyArray;

            /**
             * Transformation position.
             * @type {(JetSDL.Proto.AnimationPosition$Properties|null)}
             */
            Transformation.prototype.position = null;

            /**
             * Transformation focus.
             * @type {number}
             */
            Transformation.prototype.focus = 0;

            /**
             * Transformation saturation.
             * @type {number}
             */
            Transformation.prototype.saturation = 0;

            /**
             * Transformation colorintensity.
             * @type {number}
             */
            Transformation.prototype.colorintensity = 1;

            /**
             * Transformation sigma.
             * @type {number}
             */
            Transformation.prototype.sigma = 1;

            /**
             * Transformation dark.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            Transformation.prototype.dark = null;

            /**
             * Transformation light.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            Transformation.prototype.light = null;

            /**
             * Transformation tolerance.
             * @type {number}
             */
            Transformation.prototype.tolerance = 0.2;

            /**
             * Transformation monochromize.
             * @type {boolean}
             */
            Transformation.prototype.monochromize = false;

            /**
             * Transformation focussize.
             * @type {number}
             */
            Transformation.prototype.focussize = 0.2;

            /**
             * Transformation focusheight.
             * @type {number}
             */
            Transformation.prototype.focusheight = 0.5;

            /**
             * Transformation spotfocus.
             * @type {boolean}
             */
            Transformation.prototype.spotfocus = false;

            /**
             * Transformation threshold.
             * @type {number}
             */
            Transformation.prototype.threshold = 0.08;

            /**
             * Transformation transitionwidth.
             * @type {number}
             */
            Transformation.prototype.transitionwidth = 0.3;

            /**
             * Transformation brightness.
             * @type {number}
             */
            Transformation.prototype.brightness = 1;

            /**
             * Transformation aperture.
             * @type {number}
             */
            Transformation.prototype.aperture = 0.7;

            /**
             * Transformation blurborder.
             * @type {boolean}
             */
            Transformation.prototype.blurborder = false;

            /**
             * Transformation edgeDetailScale.
             * @type {number}
             */
            Transformation.prototype.edgeDetailScale = 1;

            /**
             * Transformation colorblur.
             * @type {number}
             */
            Transformation.prototype.colorblur = 0.8;

            /**
             * Transformation bilatfilterIterations.
             * @type {number}
             */
            Transformation.prototype.bilatfilterIterations = 4;

            /**
             * Transformation bilatfilterTonalsigma.
             * @type {number}
             */
            Transformation.prototype.bilatfilterTonalsigma = 8;

            /**
             * Transformation bilatfilterSpatialsigma.
             * @type {number}
             */
            Transformation.prototype.bilatfilterSpatialsigma = 3;

            /**
             * Transformation preprocSigma.
             * @type {number}
             */
            Transformation.prototype.preprocSigma = -1;

            /**
             * Transformation colorreductLevels.
             * @type {number}
             */
            Transformation.prototype.colorreductLevels = 8;

            /**
             * Transformation colorreductMinsaturation.
             * @type {number}
             */
            Transformation.prototype.colorreductMinsaturation = 16;

            /**
             * Transformation colorreductMethod.
             * @type {JetSDL.Proto.Transformation.ComicColorReductMethod}
             */
            Transformation.prototype.colorreductMethod = 1;

            /**
             * Transformation lsteinDitherRatio.
             * @type {number}
             */
            Transformation.prototype.lsteinDitherRatio = 0.5;

            /**
             * Transformation interpoltilesize.
             * @type {number}
             */
            Transformation.prototype.interpoltilesize = 8;

            /**
             * Transformation innerSize.
             * @type {number}
             */
            Transformation.prototype.innerSize = 3;

            /**
             * Transformation outerSize.
             * @type {number}
             */
            Transformation.prototype.outerSize = 0;

            /**
             * Transformation innerColor.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            Transformation.prototype.innerColor = null;

            /**
             * Transformation outerColor.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            Transformation.prototype.outerColor = null;

            /**
             * Transformation innerOffsetx.
             * @type {number}
             */
            Transformation.prototype.innerOffsetx = 1;

            /**
             * Transformation innerOffsety.
             * @type {number}
             */
            Transformation.prototype.innerOffsety = 1;

            /**
             * Transformation outerOffsetx.
             * @type {number}
             */
            Transformation.prototype.outerOffsetx = 1;

            /**
             * Transformation outerOffsety.
             * @type {number}
             */
            Transformation.prototype.outerOffsety = 1;

            /**
             * Transformation innerIntensity.
             * @type {number}
             */
            Transformation.prototype.innerIntensity = 0.75;

            /**
             * Transformation outerIntensity.
             * @type {number}
             */
            Transformation.prototype.outerIntensity = 0.27;

            /**
             * Transformation customIdentifier.
             * @type {string}
             */
            Transformation.prototype.customIdentifier = "";

            /**
             * Transformation rotatevariable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            Transformation.prototype.rotatevariable = null;

            /**
             * Transformation cropvariable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            Transformation.prototype.cropvariable = null;

            /**
             * Transformation orientationvariable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            Transformation.prototype.orientationvariable = null;

            /**
             * Transformation rotatecenterxoffset.
             * @type {number}
             */
            Transformation.prototype.rotatecenterxoffset = 0;

            /**
             * Transformation rotatecenteryoffset.
             * @type {number}
             */
            Transformation.prototype.rotatecenteryoffset = 0;

            /**
             * Transformation blurfunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            Transformation.prototype.blurfunction = null;

            /**
             * Transformation width.
             * @type {number}
             */
            Transformation.prototype.width = 0;

            /**
             * Transformation height.
             * @type {number}
             */
            Transformation.prototype.height = 0;

            /**
             * Transformation x.
             * @type {number}
             */
            Transformation.prototype.x = 0;

            /**
             * Transformation y.
             * @type {number}
             */
            Transformation.prototype.y = 0;

            /**
             * Transformation centerx.
             * @type {boolean}
             */
            Transformation.prototype.centerx = false;

            /**
             * Transformation centery.
             * @type {boolean}
             */
            Transformation.prototype.centery = false;

            /**
             * Transformation flipaxis.
             * @type {JetSDL.Proto.Transformation.FlipAxis}
             */
            Transformation.prototype.flipaxis = 0;

            /**
             * Transformation colormatrix.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            Transformation.prototype.colormatrix = null;

            /**
             * Transformation morphtype.
             * @type {JetSDL.Proto.Transformation.Morph}
             */
            Transformation.prototype.morphtype = 0;

            /**
             * Transformation morphsourcepoints.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            Transformation.prototype.morphsourcepoints = null;

            /**
             * Transformation morphdestinationpoints.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            Transformation.prototype.morphdestinationpoints = null;

            /**
             * Transformation morphtilesize.
             * @type {number}
             */
            Transformation.prototype.morphtilesize = 10;

            /**
             * Transformation paramfile.
             * @type {(JetSDL.Proto.FileLocation$Properties|null)}
             */
            Transformation.prototype.paramfile = null;

            /**
             * Transformation rotationmode.
             * @type {JetSDL.Proto.Transformation.RotationMode}
             */
            Transformation.prototype.rotationmode = 1;

            /**
             * Transformation scaledata.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            Transformation.prototype.scaledata = null;

            /**
             * Transformation rotatedata.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            Transformation.prototype.rotatedata = null;

            /**
             * Transformation translatedata.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            Transformation.prototype.translatedata = null;

            /**
             * Transformation anchordata.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            Transformation.prototype.anchordata = null;

            /**
             * Transformation mipmapType.
             * @type {JetSDL.Proto.Transformation.MipMapType}
             */
            Transformation.prototype.mipmapType = 1;

            /**
             * Transformation mipmapInitialsize.
             * @type {number}
             */
            Transformation.prototype.mipmapInitialsize = 5;

            /**
             * Transformation mipmapBasefactor.
             * @type {number}
             */
            Transformation.prototype.mipmapBasefactor = 2;

            /**
             * Transformation enablevariable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            Transformation.prototype.enablevariable = null;

            /**
             * Transformation invertenable.
             * @type {boolean}
             */
            Transformation.prototype.invertenable = false;

            /**
             * Transformation invertbehaviour.
             * @type {JetSDL.Proto.Transformation.InvertBehaviour}
             */
            Transformation.prototype.invertbehaviour = 0;

            /**
             * Transformation premultipliedalphastate.
             * @type {boolean}
             */
            Transformation.prototype.premultipliedalphastate = true;

            /**
             * Transformation comment.
             * @type {string}
             */
            Transformation.prototype.comment = "";

            /**
             * Creates a new Transformation instance using the specified properties.
             * @param {JetSDL.Proto.Transformation$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Transformation} Transformation instance
             */
            Transformation.create = function create(properties) {
                return new Transformation(properties);
            };

            /**
             * Encodes the specified Transformation message. Does not implicitly {@link JetSDL.Proto.Transformation.verify|verify} messages.
             * @param {JetSDL.Proto.Transformation$Properties} message Transformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Transformation.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.trackdata != null && message.hasOwnProperty("trackdata"))
                    $root.JetSDL.Proto.TrackData.encode(message.trackdata, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.image != null && message.hasOwnProperty("image"))
                    $root.JetSDL.Proto.ImageProvider.encode(message.image, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.blurlength != null && message.hasOwnProperty("blurlength"))
                    writer.uint32(/* id 4, wireType 1 =*/33).double(message.blurlength);
                if (message.blurfactor != null && message.hasOwnProperty("blurfactor"))
                    writer.uint32(/* id 5, wireType 1 =*/41).double(message.blurfactor);
                if (message.blurlengthInc != null && message.hasOwnProperty("blurlengthInc"))
                    writer.uint32(/* id 6, wireType 1 =*/49).double(message.blurlengthInc);
                if (message.blurfactorInc != null && message.hasOwnProperty("blurfactorInc"))
                    writer.uint32(/* id 7, wireType 1 =*/57).double(message.blurfactorInc);
                if (message.zoomscale != null && message.hasOwnProperty("zoomscale"))
                    writer.uint32(/* id 8, wireType 0 =*/64).bool(message.zoomscale);
                if (message.scale != null && message.scale.length)
                    for (var i = 0; i < message.scale.length; ++i)
                        writer.uint32(/* id 9, wireType 1 =*/73).double(message.scale[i]);
                if (message.color != null && message.hasOwnProperty("color"))
                    $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 10, wireType 2 =*/82).fork()).ldelim();
                if (message.numpoints != null && message.hasOwnProperty("numpoints"))
                    writer.uint32(/* id 11, wireType 0 =*/88).int32(message.numpoints);
                if (message.sourcepoints != null && message.hasOwnProperty("sourcepoints"))
                    $root.JetSDL.Proto.PointsVariable.encode(message.sourcepoints, writer.uint32(/* id 12, wireType 2 =*/98).fork()).ldelim();
                if (message.destinationpoints != null && message.hasOwnProperty("destinationpoints"))
                    $root.JetSDL.Proto.PointsVariable.encode(message.destinationpoints, writer.uint32(/* id 13, wireType 2 =*/106).fork()).ldelim();
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    writer.uint32(/* id 14, wireType 0 =*/112).int32(message.numframes);
                if (message.offset != null && message.hasOwnProperty("offset"))
                    writer.uint32(/* id 15, wireType 0 =*/120).int32(message.offset);
                if (message.smoothedge != null && message.hasOwnProperty("smoothedge"))
                    writer.uint32(/* id 16, wireType 0 =*/128).int32(message.smoothedge);
                if (message.posadjust != null && message.hasOwnProperty("posadjust"))
                    $root.JetSDL.Proto.PosAdjust.encode(message.posadjust, writer.uint32(/* id 17, wireType 2 =*/138).fork()).ldelim();
                if (message.erasesize != null && message.erasesize.length)
                    for (var i = 0; i < message.erasesize.length; ++i)
                        writer.uint32(/* id 18, wireType 0 =*/144).int32(message.erasesize[i]);
                if (message.searchradius != null && message.hasOwnProperty("searchradius"))
                    writer.uint32(/* id 19, wireType 1 =*/153).double(message.searchradius);
                if (message.maskchannel != null && message.hasOwnProperty("maskchannel"))
                    writer.uint32(/* id 20, wireType 0 =*/160).int32(message.maskchannel);
                if (message.invertmask != null && message.hasOwnProperty("invertmask"))
                    writer.uint32(/* id 22, wireType 0 =*/176).bool(message.invertmask);
                if (message.scalerelative != null && message.hasOwnProperty("scalerelative"))
                    writer.uint32(/* id 23, wireType 0 =*/184).bool(message.scalerelative);
                if (message.aspectratio != null && message.hasOwnProperty("aspectratio"))
                    writer.uint32(/* id 24, wireType 1 =*/193).double(message.aspectratio);
                if (message.fixedsidesize != null && message.hasOwnProperty("fixedsidesize"))
                    writer.uint32(/* id 25, wireType 0 =*/200).int32(message.fixedsidesize);
                if (message.specifiedside != null && message.hasOwnProperty("specifiedside"))
                    writer.uint32(/* id 26, wireType 2 =*/210).string(message.specifiedside);
                if (message.animations != null && message.animations.length)
                    for (var i = 0; i < message.animations.length; ++i)
                        $root.JetSDL.Proto.Animation.encode(message.animations[i], writer.uint32(/* id 28, wireType 2 =*/226).fork()).ldelim();
                if (message.position != null && message.hasOwnProperty("position"))
                    $root.JetSDL.Proto.AnimationPosition.encode(message.position, writer.uint32(/* id 29, wireType 2 =*/234).fork()).ldelim();
                if (message.focus != null && message.hasOwnProperty("focus"))
                    writer.uint32(/* id 30, wireType 1 =*/241).double(message.focus);
                if (message.saturation != null && message.hasOwnProperty("saturation"))
                    writer.uint32(/* id 31, wireType 1 =*/249).double(message.saturation);
                if (message.colorintensity != null && message.hasOwnProperty("colorintensity"))
                    writer.uint32(/* id 32, wireType 1 =*/257).double(message.colorintensity);
                if (message.sigma != null && message.hasOwnProperty("sigma"))
                    writer.uint32(/* id 33, wireType 1 =*/265).double(message.sigma);
                if (message.dark != null && message.hasOwnProperty("dark"))
                    $root.JetSDL.Proto.Color.encode(message.dark, writer.uint32(/* id 34, wireType 2 =*/274).fork()).ldelim();
                if (message.light != null && message.hasOwnProperty("light"))
                    $root.JetSDL.Proto.Color.encode(message.light, writer.uint32(/* id 35, wireType 2 =*/282).fork()).ldelim();
                if (message.tolerance != null && message.hasOwnProperty("tolerance"))
                    writer.uint32(/* id 36, wireType 1 =*/289).double(message.tolerance);
                if (message.monochromize != null && message.hasOwnProperty("monochromize"))
                    writer.uint32(/* id 37, wireType 0 =*/296).bool(message.monochromize);
                if (message.focussize != null && message.hasOwnProperty("focussize"))
                    writer.uint32(/* id 38, wireType 1 =*/305).double(message.focussize);
                if (message.focusheight != null && message.hasOwnProperty("focusheight"))
                    writer.uint32(/* id 39, wireType 1 =*/313).double(message.focusheight);
                if (message.spotfocus != null && message.hasOwnProperty("spotfocus"))
                    writer.uint32(/* id 40, wireType 0 =*/320).bool(message.spotfocus);
                if (message.threshold != null && message.hasOwnProperty("threshold"))
                    writer.uint32(/* id 41, wireType 1 =*/329).double(message.threshold);
                if (message.transitionwidth != null && message.hasOwnProperty("transitionwidth"))
                    writer.uint32(/* id 42, wireType 1 =*/337).double(message.transitionwidth);
                if (message.brightness != null && message.hasOwnProperty("brightness"))
                    writer.uint32(/* id 43, wireType 1 =*/345).double(message.brightness);
                if (message.aperture != null && message.hasOwnProperty("aperture"))
                    writer.uint32(/* id 44, wireType 1 =*/353).double(message.aperture);
                if (message.blurborder != null && message.hasOwnProperty("blurborder"))
                    writer.uint32(/* id 46, wireType 0 =*/368).bool(message.blurborder);
                if (message.edgeDetailScale != null && message.hasOwnProperty("edgeDetailScale"))
                    writer.uint32(/* id 47, wireType 1 =*/377).double(message.edgeDetailScale);
                if (message.colorblur != null && message.hasOwnProperty("colorblur"))
                    writer.uint32(/* id 48, wireType 1 =*/385).double(message.colorblur);
                if (message.bilatfilterIterations != null && message.hasOwnProperty("bilatfilterIterations"))
                    writer.uint32(/* id 49, wireType 0 =*/392).int32(message.bilatfilterIterations);
                if (message.bilatfilterTonalsigma != null && message.hasOwnProperty("bilatfilterTonalsigma"))
                    writer.uint32(/* id 50, wireType 1 =*/401).double(message.bilatfilterTonalsigma);
                if (message.bilatfilterSpatialsigma != null && message.hasOwnProperty("bilatfilterSpatialsigma"))
                    writer.uint32(/* id 51, wireType 1 =*/409).double(message.bilatfilterSpatialsigma);
                if (message.preprocSigma != null && message.hasOwnProperty("preprocSigma"))
                    writer.uint32(/* id 52, wireType 1 =*/417).double(message.preprocSigma);
                if (message.colorreductLevels != null && message.hasOwnProperty("colorreductLevels"))
                    writer.uint32(/* id 53, wireType 0 =*/424).int32(message.colorreductLevels);
                if (message.colorreductMinsaturation != null && message.hasOwnProperty("colorreductMinsaturation"))
                    writer.uint32(/* id 54, wireType 0 =*/432).int32(message.colorreductMinsaturation);
                if (message.colorreductMethod != null && message.hasOwnProperty("colorreductMethod"))
                    writer.uint32(/* id 55, wireType 0 =*/440).uint32(message.colorreductMethod);
                if (message.lsteinDitherRatio != null && message.hasOwnProperty("lsteinDitherRatio"))
                    writer.uint32(/* id 56, wireType 1 =*/449).double(message.lsteinDitherRatio);
                if (message.interpoltilesize != null && message.hasOwnProperty("interpoltilesize"))
                    writer.uint32(/* id 57, wireType 0 =*/456).int32(message.interpoltilesize);
                if (message.innerSize != null && message.hasOwnProperty("innerSize"))
                    writer.uint32(/* id 58, wireType 1 =*/465).double(message.innerSize);
                if (message.outerSize != null && message.hasOwnProperty("outerSize"))
                    writer.uint32(/* id 59, wireType 1 =*/473).double(message.outerSize);
                if (message.innerColor != null && message.hasOwnProperty("innerColor"))
                    $root.JetSDL.Proto.Color.encode(message.innerColor, writer.uint32(/* id 60, wireType 2 =*/482).fork()).ldelim();
                if (message.outerColor != null && message.hasOwnProperty("outerColor"))
                    $root.JetSDL.Proto.Color.encode(message.outerColor, writer.uint32(/* id 61, wireType 2 =*/490).fork()).ldelim();
                if (message.innerOffsetx != null && message.hasOwnProperty("innerOffsetx"))
                    writer.uint32(/* id 62, wireType 0 =*/496).int32(message.innerOffsetx);
                if (message.innerOffsety != null && message.hasOwnProperty("innerOffsety"))
                    writer.uint32(/* id 63, wireType 0 =*/504).int32(message.innerOffsety);
                if (message.outerOffsetx != null && message.hasOwnProperty("outerOffsetx"))
                    writer.uint32(/* id 64, wireType 0 =*/512).int32(message.outerOffsetx);
                if (message.outerOffsety != null && message.hasOwnProperty("outerOffsety"))
                    writer.uint32(/* id 65, wireType 0 =*/520).int32(message.outerOffsety);
                if (message.innerIntensity != null && message.hasOwnProperty("innerIntensity"))
                    writer.uint32(/* id 66, wireType 1 =*/529).double(message.innerIntensity);
                if (message.outerIntensity != null && message.hasOwnProperty("outerIntensity"))
                    writer.uint32(/* id 67, wireType 1 =*/537).double(message.outerIntensity);
                if (message.customIdentifier != null && message.hasOwnProperty("customIdentifier"))
                    writer.uint32(/* id 68, wireType 2 =*/546).string(message.customIdentifier);
                if (message.rotatevariable != null && message.hasOwnProperty("rotatevariable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.rotatevariable, writer.uint32(/* id 69, wireType 2 =*/554).fork()).ldelim();
                if (message.cropvariable != null && message.hasOwnProperty("cropvariable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.cropvariable, writer.uint32(/* id 70, wireType 2 =*/562).fork()).ldelim();
                if (message.blurfunction != null && message.hasOwnProperty("blurfunction"))
                    $root.JetSDL.Proto.Function.encode(message.blurfunction, writer.uint32(/* id 71, wireType 2 =*/570).fork()).ldelim();
                if (message.width != null && message.hasOwnProperty("width"))
                    writer.uint32(/* id 72, wireType 0 =*/576).int32(message.width);
                if (message.height != null && message.hasOwnProperty("height"))
                    writer.uint32(/* id 73, wireType 0 =*/584).int32(message.height);
                if (message.x != null && message.hasOwnProperty("x"))
                    writer.uint32(/* id 74, wireType 1 =*/593).double(message.x);
                if (message.y != null && message.hasOwnProperty("y"))
                    writer.uint32(/* id 75, wireType 1 =*/601).double(message.y);
                if (message.centerx != null && message.hasOwnProperty("centerx"))
                    writer.uint32(/* id 76, wireType 0 =*/608).bool(message.centerx);
                if (message.centery != null && message.hasOwnProperty("centery"))
                    writer.uint32(/* id 77, wireType 0 =*/616).bool(message.centery);
                if (message.flipaxis != null && message.hasOwnProperty("flipaxis"))
                    writer.uint32(/* id 78, wireType 0 =*/624).uint32(message.flipaxis);
                if (message.colormatrix != null && message.hasOwnProperty("colormatrix"))
                    $root.JetSDL.Proto.StringVariable.encode(message.colormatrix, writer.uint32(/* id 79, wireType 2 =*/634).fork()).ldelim();
                if (message.rotatecenterxoffset != null && message.hasOwnProperty("rotatecenterxoffset"))
                    writer.uint32(/* id 80, wireType 1 =*/641).double(message.rotatecenterxoffset);
                if (message.rotatecenteryoffset != null && message.hasOwnProperty("rotatecenteryoffset"))
                    writer.uint32(/* id 81, wireType 1 =*/649).double(message.rotatecenteryoffset);
                if (message.morphtype != null && message.hasOwnProperty("morphtype"))
                    writer.uint32(/* id 82, wireType 0 =*/656).uint32(message.morphtype);
                if (message.morphsourcepoints != null && message.hasOwnProperty("morphsourcepoints"))
                    $root.JetSDL.Proto.TrackData.encode(message.morphsourcepoints, writer.uint32(/* id 83, wireType 2 =*/666).fork()).ldelim();
                if (message.morphdestinationpoints != null && message.hasOwnProperty("morphdestinationpoints"))
                    $root.JetSDL.Proto.TrackData.encode(message.morphdestinationpoints, writer.uint32(/* id 84, wireType 2 =*/674).fork()).ldelim();
                if (message.morphtilesize != null && message.hasOwnProperty("morphtilesize"))
                    writer.uint32(/* id 85, wireType 0 =*/680).int32(message.morphtilesize);
                if (message.paramfile != null && message.hasOwnProperty("paramfile"))
                    $root.JetSDL.Proto.FileLocation.encode(message.paramfile, writer.uint32(/* id 86, wireType 2 =*/690).fork()).ldelim();
                if (message.rotationmode != null && message.hasOwnProperty("rotationmode"))
                    writer.uint32(/* id 87, wireType 0 =*/696).uint32(message.rotationmode);
                if (message.scaledata != null && message.hasOwnProperty("scaledata"))
                    $root.JetSDL.Proto.TrackData.encode(message.scaledata, writer.uint32(/* id 88, wireType 2 =*/706).fork()).ldelim();
                if (message.rotatedata != null && message.hasOwnProperty("rotatedata"))
                    $root.JetSDL.Proto.TrackData.encode(message.rotatedata, writer.uint32(/* id 89, wireType 2 =*/714).fork()).ldelim();
                if (message.translatedata != null && message.hasOwnProperty("translatedata"))
                    $root.JetSDL.Proto.TrackData.encode(message.translatedata, writer.uint32(/* id 90, wireType 2 =*/722).fork()).ldelim();
                if (message.anchordata != null && message.hasOwnProperty("anchordata"))
                    $root.JetSDL.Proto.TrackData.encode(message.anchordata, writer.uint32(/* id 91, wireType 2 =*/730).fork()).ldelim();
                if (message.mipmapType != null && message.hasOwnProperty("mipmapType"))
                    writer.uint32(/* id 92, wireType 0 =*/736).uint32(message.mipmapType);
                if (message.mipmapInitialsize != null && message.hasOwnProperty("mipmapInitialsize"))
                    writer.uint32(/* id 93, wireType 0 =*/744).int32(message.mipmapInitialsize);
                if (message.mipmapBasefactor != null && message.hasOwnProperty("mipmapBasefactor"))
                    writer.uint32(/* id 94, wireType 1 =*/753).double(message.mipmapBasefactor);
                if (message.enablevariable != null && message.hasOwnProperty("enablevariable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.enablevariable, writer.uint32(/* id 95, wireType 2 =*/762).fork()).ldelim();
                if (message.invertenable != null && message.hasOwnProperty("invertenable"))
                    writer.uint32(/* id 96, wireType 0 =*/768).bool(message.invertenable);
                if (message.orientationvariable != null && message.hasOwnProperty("orientationvariable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.orientationvariable, writer.uint32(/* id 97, wireType 2 =*/778).fork()).ldelim();
                if (message.invertbehaviour != null && message.hasOwnProperty("invertbehaviour"))
                    writer.uint32(/* id 98, wireType 0 =*/784).uint32(message.invertbehaviour);
                if (message.premultipliedalphastate != null && message.hasOwnProperty("premultipliedalphastate"))
                    writer.uint32(/* id 99, wireType 0 =*/792).bool(message.premultipliedalphastate);
                if (message.comment != null && message.hasOwnProperty("comment"))
                    writer.uint32(/* id 2047, wireType 2 =*/16378).string(message.comment);
                return writer;
            };

            /**
             * Encodes the specified Transformation message, length delimited. Does not implicitly {@link JetSDL.Proto.Transformation.verify|verify} messages.
             * @param {JetSDL.Proto.Transformation$Properties} message Transformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Transformation.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Transformation message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Transformation} Transformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Transformation.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Transformation();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        message.trackdata = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 3:
                        message.image = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                        break;
                    case 4:
                        message.blurlength = reader.double();
                        break;
                    case 5:
                        message.blurfactor = reader.double();
                        break;
                    case 6:
                        message.blurlengthInc = reader.double();
                        break;
                    case 7:
                        message.blurfactorInc = reader.double();
                        break;
                    case 8:
                        message.zoomscale = reader.bool();
                        break;
                    case 16:
                        message.smoothedge = reader.int32();
                        break;
                    case 9:
                        if (!(message.scale && message.scale.length))
                            message.scale = [];
                        if ((tag & 7) === 2) {
                            var end2 = reader.uint32() + reader.pos;
                            while (reader.pos < end2)
                                message.scale.push(reader.double());
                        } else
                            message.scale.push(reader.double());
                        break;
                    case 23:
                        message.scalerelative = reader.bool();
                        break;
                    case 24:
                        message.aspectratio = reader.double();
                        break;
                    case 25:
                        message.fixedsidesize = reader.int32();
                        break;
                    case 26:
                        message.specifiedside = reader.string();
                        break;
                    case 10:
                        message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    case 11:
                        message.numpoints = reader.int32();
                        break;
                    case 12:
                        message.sourcepoints = $root.JetSDL.Proto.PointsVariable.decode(reader, reader.uint32());
                        break;
                    case 13:
                        message.destinationpoints = $root.JetSDL.Proto.PointsVariable.decode(reader, reader.uint32());
                        break;
                    case 14:
                        message.numframes = reader.int32();
                        break;
                    case 15:
                        message.offset = reader.int32();
                        break;
                    case 17:
                        message.posadjust = $root.JetSDL.Proto.PosAdjust.decode(reader, reader.uint32());
                        break;
                    case 18:
                        if (!(message.erasesize && message.erasesize.length))
                            message.erasesize = [];
                        if ((tag & 7) === 2) {
                            var end2 = reader.uint32() + reader.pos;
                            while (reader.pos < end2)
                                message.erasesize.push(reader.int32());
                        } else
                            message.erasesize.push(reader.int32());
                        break;
                    case 19:
                        message.searchradius = reader.double();
                        break;
                    case 20:
                        message.maskchannel = reader.int32();
                        break;
                    case 22:
                        message.invertmask = reader.bool();
                        break;
                    case 28:
                        if (!(message.animations && message.animations.length))
                            message.animations = [];
                        message.animations.push($root.JetSDL.Proto.Animation.decode(reader, reader.uint32()));
                        break;
                    case 29:
                        message.position = $root.JetSDL.Proto.AnimationPosition.decode(reader, reader.uint32());
                        break;
                    case 30:
                        message.focus = reader.double();
                        break;
                    case 31:
                        message.saturation = reader.double();
                        break;
                    case 32:
                        message.colorintensity = reader.double();
                        break;
                    case 33:
                        message.sigma = reader.double();
                        break;
                    case 34:
                        message.dark = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    case 35:
                        message.light = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    case 36:
                        message.tolerance = reader.double();
                        break;
                    case 37:
                        message.monochromize = reader.bool();
                        break;
                    case 38:
                        message.focussize = reader.double();
                        break;
                    case 39:
                        message.focusheight = reader.double();
                        break;
                    case 40:
                        message.spotfocus = reader.bool();
                        break;
                    case 41:
                        message.threshold = reader.double();
                        break;
                    case 42:
                        message.transitionwidth = reader.double();
                        break;
                    case 43:
                        message.brightness = reader.double();
                        break;
                    case 44:
                        message.aperture = reader.double();
                        break;
                    case 46:
                        message.blurborder = reader.bool();
                        break;
                    case 47:
                        message.edgeDetailScale = reader.double();
                        break;
                    case 48:
                        message.colorblur = reader.double();
                        break;
                    case 49:
                        message.bilatfilterIterations = reader.int32();
                        break;
                    case 50:
                        message.bilatfilterTonalsigma = reader.double();
                        break;
                    case 51:
                        message.bilatfilterSpatialsigma = reader.double();
                        break;
                    case 52:
                        message.preprocSigma = reader.double();
                        break;
                    case 53:
                        message.colorreductLevels = reader.int32();
                        break;
                    case 54:
                        message.colorreductMinsaturation = reader.int32();
                        break;
                    case 55:
                        message.colorreductMethod = reader.uint32();
                        break;
                    case 56:
                        message.lsteinDitherRatio = reader.double();
                        break;
                    case 57:
                        message.interpoltilesize = reader.int32();
                        break;
                    case 58:
                        message.innerSize = reader.double();
                        break;
                    case 59:
                        message.outerSize = reader.double();
                        break;
                    case 60:
                        message.innerColor = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    case 61:
                        message.outerColor = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    case 62:
                        message.innerOffsetx = reader.int32();
                        break;
                    case 63:
                        message.innerOffsety = reader.int32();
                        break;
                    case 64:
                        message.outerOffsetx = reader.int32();
                        break;
                    case 65:
                        message.outerOffsety = reader.int32();
                        break;
                    case 66:
                        message.innerIntensity = reader.double();
                        break;
                    case 67:
                        message.outerIntensity = reader.double();
                        break;
                    case 68:
                        message.customIdentifier = reader.string();
                        break;
                    case 69:
                        message.rotatevariable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 70:
                        message.cropvariable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 97:
                        message.orientationvariable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 80:
                        message.rotatecenterxoffset = reader.double();
                        break;
                    case 81:
                        message.rotatecenteryoffset = reader.double();
                        break;
                    case 71:
                        message.blurfunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 72:
                        message.width = reader.int32();
                        break;
                    case 73:
                        message.height = reader.int32();
                        break;
                    case 74:
                        message.x = reader.double();
                        break;
                    case 75:
                        message.y = reader.double();
                        break;
                    case 76:
                        message.centerx = reader.bool();
                        break;
                    case 77:
                        message.centery = reader.bool();
                        break;
                    case 78:
                        message.flipaxis = reader.uint32();
                        break;
                    case 79:
                        message.colormatrix = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 82:
                        message.morphtype = reader.uint32();
                        break;
                    case 83:
                        message.morphsourcepoints = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 84:
                        message.morphdestinationpoints = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 85:
                        message.morphtilesize = reader.int32();
                        break;
                    case 86:
                        message.paramfile = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                        break;
                    case 87:
                        message.rotationmode = reader.uint32();
                        break;
                    case 88:
                        message.scaledata = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 89:
                        message.rotatedata = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 90:
                        message.translatedata = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 91:
                        message.anchordata = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 92:
                        message.mipmapType = reader.uint32();
                        break;
                    case 93:
                        message.mipmapInitialsize = reader.int32();
                        break;
                    case 94:
                        message.mipmapBasefactor = reader.double();
                        break;
                    case 95:
                        message.enablevariable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 96:
                        message.invertenable = reader.bool();
                        break;
                    case 98:
                        message.invertbehaviour = reader.uint32();
                        break;
                    case 99:
                        message.premultipliedalphastate = reader.bool();
                        break;
                    case 2047:
                        message.comment = reader.string();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("type"))
                    throw $util.ProtocolError("missing required 'type'", { instance: message });
                return message;
            };

            /**
             * Decodes a Transformation message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Transformation} Transformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Transformation.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Transformation message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Transformation.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                switch (message.type) {
                default:
                    return "type: enum value expected";
                case 4:
                case 5:
                case 6:
                case 12:
                case 13:
                case 7:
                case 34:
                case 10:
                case 11:
                case 16:
                case 36:
                case 40:
                case 41:
                case 8:
                case 9:
                case 14:
                case 30:
                case 31:
                case 38:
                case 0:
                case 1:
                case 3:
                case 15:
                case 37:
                case 39:
                case 17:
                case 28:
                case 29:
                case 32:
                case 33:
                case 18:
                case 19:
                case 20:
                case 21:
                case 22:
                case 23:
                case 24:
                case 25:
                case 26:
                case 27:
                case 35:
                    break;
                }
                if (message.trackdata != null && message.hasOwnProperty("trackdata")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.trackdata);
                    if (error)
                        return "trackdata." + error;
                }
                if (message.image != null && message.hasOwnProperty("image")) {
                    var error = $root.JetSDL.Proto.ImageProvider.verify(message.image);
                    if (error)
                        return "image." + error;
                }
                if (message.blurlength != null && message.hasOwnProperty("blurlength"))
                    if (typeof message.blurlength !== "number")
                        return "blurlength: number expected";
                if (message.blurfactor != null && message.hasOwnProperty("blurfactor"))
                    if (typeof message.blurfactor !== "number")
                        return "blurfactor: number expected";
                if (message.blurlengthInc != null && message.hasOwnProperty("blurlengthInc"))
                    if (typeof message.blurlengthInc !== "number")
                        return "blurlengthInc: number expected";
                if (message.blurfactorInc != null && message.hasOwnProperty("blurfactorInc"))
                    if (typeof message.blurfactorInc !== "number")
                        return "blurfactorInc: number expected";
                if (message.zoomscale != null && message.hasOwnProperty("zoomscale"))
                    if (typeof message.zoomscale !== "boolean")
                        return "zoomscale: boolean expected";
                if (message.smoothedge != null && message.hasOwnProperty("smoothedge"))
                    if (!$util.isInteger(message.smoothedge))
                        return "smoothedge: integer expected";
                if (message.scale != null && message.hasOwnProperty("scale")) {
                    if (!Array.isArray(message.scale))
                        return "scale: array expected";
                    for (var i = 0; i < message.scale.length; ++i)
                        if (typeof message.scale[i] !== "number")
                            return "scale: number[] expected";
                }
                if (message.scalerelative != null && message.hasOwnProperty("scalerelative"))
                    if (typeof message.scalerelative !== "boolean")
                        return "scalerelative: boolean expected";
                if (message.aspectratio != null && message.hasOwnProperty("aspectratio"))
                    if (typeof message.aspectratio !== "number")
                        return "aspectratio: number expected";
                if (message.fixedsidesize != null && message.hasOwnProperty("fixedsidesize"))
                    if (!$util.isInteger(message.fixedsidesize))
                        return "fixedsidesize: integer expected";
                if (message.specifiedside != null && message.hasOwnProperty("specifiedside"))
                    if (!$util.isString(message.specifiedside))
                        return "specifiedside: string expected";
                if (message.color != null && message.hasOwnProperty("color")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.color);
                    if (error)
                        return "color." + error;
                }
                if (message.numpoints != null && message.hasOwnProperty("numpoints"))
                    if (!$util.isInteger(message.numpoints))
                        return "numpoints: integer expected";
                if (message.sourcepoints != null && message.hasOwnProperty("sourcepoints")) {
                    var error = $root.JetSDL.Proto.PointsVariable.verify(message.sourcepoints);
                    if (error)
                        return "sourcepoints." + error;
                }
                if (message.destinationpoints != null && message.hasOwnProperty("destinationpoints")) {
                    var error = $root.JetSDL.Proto.PointsVariable.verify(message.destinationpoints);
                    if (error)
                        return "destinationpoints." + error;
                }
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    if (!$util.isInteger(message.numframes))
                        return "numframes: integer expected";
                if (message.offset != null && message.hasOwnProperty("offset"))
                    if (!$util.isInteger(message.offset))
                        return "offset: integer expected";
                if (message.posadjust != null && message.hasOwnProperty("posadjust")) {
                    var error = $root.JetSDL.Proto.PosAdjust.verify(message.posadjust);
                    if (error)
                        return "posadjust." + error;
                }
                if (message.erasesize != null && message.hasOwnProperty("erasesize")) {
                    if (!Array.isArray(message.erasesize))
                        return "erasesize: array expected";
                    for (var i = 0; i < message.erasesize.length; ++i)
                        if (!$util.isInteger(message.erasesize[i]))
                            return "erasesize: integer[] expected";
                }
                if (message.searchradius != null && message.hasOwnProperty("searchradius"))
                    if (typeof message.searchradius !== "number")
                        return "searchradius: number expected";
                if (message.maskchannel != null && message.hasOwnProperty("maskchannel"))
                    if (!$util.isInteger(message.maskchannel))
                        return "maskchannel: integer expected";
                if (message.invertmask != null && message.hasOwnProperty("invertmask"))
                    if (typeof message.invertmask !== "boolean")
                        return "invertmask: boolean expected";
                if (message.animations != null && message.hasOwnProperty("animations")) {
                    if (!Array.isArray(message.animations))
                        return "animations: array expected";
                    for (var i = 0; i < message.animations.length; ++i) {
                        var error = $root.JetSDL.Proto.Animation.verify(message.animations[i]);
                        if (error)
                            return "animations." + error;
                    }
                }
                if (message.position != null && message.hasOwnProperty("position")) {
                    var error = $root.JetSDL.Proto.AnimationPosition.verify(message.position);
                    if (error)
                        return "position." + error;
                }
                if (message.focus != null && message.hasOwnProperty("focus"))
                    if (typeof message.focus !== "number")
                        return "focus: number expected";
                if (message.saturation != null && message.hasOwnProperty("saturation"))
                    if (typeof message.saturation !== "number")
                        return "saturation: number expected";
                if (message.colorintensity != null && message.hasOwnProperty("colorintensity"))
                    if (typeof message.colorintensity !== "number")
                        return "colorintensity: number expected";
                if (message.sigma != null && message.hasOwnProperty("sigma"))
                    if (typeof message.sigma !== "number")
                        return "sigma: number expected";
                if (message.dark != null && message.hasOwnProperty("dark")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.dark);
                    if (error)
                        return "dark." + error;
                }
                if (message.light != null && message.hasOwnProperty("light")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.light);
                    if (error)
                        return "light." + error;
                }
                if (message.tolerance != null && message.hasOwnProperty("tolerance"))
                    if (typeof message.tolerance !== "number")
                        return "tolerance: number expected";
                if (message.monochromize != null && message.hasOwnProperty("monochromize"))
                    if (typeof message.monochromize !== "boolean")
                        return "monochromize: boolean expected";
                if (message.focussize != null && message.hasOwnProperty("focussize"))
                    if (typeof message.focussize !== "number")
                        return "focussize: number expected";
                if (message.focusheight != null && message.hasOwnProperty("focusheight"))
                    if (typeof message.focusheight !== "number")
                        return "focusheight: number expected";
                if (message.spotfocus != null && message.hasOwnProperty("spotfocus"))
                    if (typeof message.spotfocus !== "boolean")
                        return "spotfocus: boolean expected";
                if (message.threshold != null && message.hasOwnProperty("threshold"))
                    if (typeof message.threshold !== "number")
                        return "threshold: number expected";
                if (message.transitionwidth != null && message.hasOwnProperty("transitionwidth"))
                    if (typeof message.transitionwidth !== "number")
                        return "transitionwidth: number expected";
                if (message.brightness != null && message.hasOwnProperty("brightness"))
                    if (typeof message.brightness !== "number")
                        return "brightness: number expected";
                if (message.aperture != null && message.hasOwnProperty("aperture"))
                    if (typeof message.aperture !== "number")
                        return "aperture: number expected";
                if (message.blurborder != null && message.hasOwnProperty("blurborder"))
                    if (typeof message.blurborder !== "boolean")
                        return "blurborder: boolean expected";
                if (message.edgeDetailScale != null && message.hasOwnProperty("edgeDetailScale"))
                    if (typeof message.edgeDetailScale !== "number")
                        return "edgeDetailScale: number expected";
                if (message.colorblur != null && message.hasOwnProperty("colorblur"))
                    if (typeof message.colorblur !== "number")
                        return "colorblur: number expected";
                if (message.bilatfilterIterations != null && message.hasOwnProperty("bilatfilterIterations"))
                    if (!$util.isInteger(message.bilatfilterIterations))
                        return "bilatfilterIterations: integer expected";
                if (message.bilatfilterTonalsigma != null && message.hasOwnProperty("bilatfilterTonalsigma"))
                    if (typeof message.bilatfilterTonalsigma !== "number")
                        return "bilatfilterTonalsigma: number expected";
                if (message.bilatfilterSpatialsigma != null && message.hasOwnProperty("bilatfilterSpatialsigma"))
                    if (typeof message.bilatfilterSpatialsigma !== "number")
                        return "bilatfilterSpatialsigma: number expected";
                if (message.preprocSigma != null && message.hasOwnProperty("preprocSigma"))
                    if (typeof message.preprocSigma !== "number")
                        return "preprocSigma: number expected";
                if (message.colorreductLevels != null && message.hasOwnProperty("colorreductLevels"))
                    if (!$util.isInteger(message.colorreductLevels))
                        return "colorreductLevels: integer expected";
                if (message.colorreductMinsaturation != null && message.hasOwnProperty("colorreductMinsaturation"))
                    if (!$util.isInteger(message.colorreductMinsaturation))
                        return "colorreductMinsaturation: integer expected";
                if (message.colorreductMethod != null && message.hasOwnProperty("colorreductMethod"))
                    switch (message.colorreductMethod) {
                    default:
                        return "colorreductMethod: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (message.lsteinDitherRatio != null && message.hasOwnProperty("lsteinDitherRatio"))
                    if (typeof message.lsteinDitherRatio !== "number")
                        return "lsteinDitherRatio: number expected";
                if (message.interpoltilesize != null && message.hasOwnProperty("interpoltilesize"))
                    if (!$util.isInteger(message.interpoltilesize))
                        return "interpoltilesize: integer expected";
                if (message.innerSize != null && message.hasOwnProperty("innerSize"))
                    if (typeof message.innerSize !== "number")
                        return "innerSize: number expected";
                if (message.outerSize != null && message.hasOwnProperty("outerSize"))
                    if (typeof message.outerSize !== "number")
                        return "outerSize: number expected";
                if (message.innerColor != null && message.hasOwnProperty("innerColor")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.innerColor);
                    if (error)
                        return "innerColor." + error;
                }
                if (message.outerColor != null && message.hasOwnProperty("outerColor")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.outerColor);
                    if (error)
                        return "outerColor." + error;
                }
                if (message.innerOffsetx != null && message.hasOwnProperty("innerOffsetx"))
                    if (!$util.isInteger(message.innerOffsetx))
                        return "innerOffsetx: integer expected";
                if (message.innerOffsety != null && message.hasOwnProperty("innerOffsety"))
                    if (!$util.isInteger(message.innerOffsety))
                        return "innerOffsety: integer expected";
                if (message.outerOffsetx != null && message.hasOwnProperty("outerOffsetx"))
                    if (!$util.isInteger(message.outerOffsetx))
                        return "outerOffsetx: integer expected";
                if (message.outerOffsety != null && message.hasOwnProperty("outerOffsety"))
                    if (!$util.isInteger(message.outerOffsety))
                        return "outerOffsety: integer expected";
                if (message.innerIntensity != null && message.hasOwnProperty("innerIntensity"))
                    if (typeof message.innerIntensity !== "number")
                        return "innerIntensity: number expected";
                if (message.outerIntensity != null && message.hasOwnProperty("outerIntensity"))
                    if (typeof message.outerIntensity !== "number")
                        return "outerIntensity: number expected";
                if (message.customIdentifier != null && message.hasOwnProperty("customIdentifier"))
                    if (!$util.isString(message.customIdentifier))
                        return "customIdentifier: string expected";
                if (message.rotatevariable != null && message.hasOwnProperty("rotatevariable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.rotatevariable);
                    if (error)
                        return "rotatevariable." + error;
                }
                if (message.cropvariable != null && message.hasOwnProperty("cropvariable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.cropvariable);
                    if (error)
                        return "cropvariable." + error;
                }
                if (message.orientationvariable != null && message.hasOwnProperty("orientationvariable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.orientationvariable);
                    if (error)
                        return "orientationvariable." + error;
                }
                if (message.rotatecenterxoffset != null && message.hasOwnProperty("rotatecenterxoffset"))
                    if (typeof message.rotatecenterxoffset !== "number")
                        return "rotatecenterxoffset: number expected";
                if (message.rotatecenteryoffset != null && message.hasOwnProperty("rotatecenteryoffset"))
                    if (typeof message.rotatecenteryoffset !== "number")
                        return "rotatecenteryoffset: number expected";
                if (message.blurfunction != null && message.hasOwnProperty("blurfunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.blurfunction);
                    if (error)
                        return "blurfunction." + error;
                }
                if (message.width != null && message.hasOwnProperty("width"))
                    if (!$util.isInteger(message.width))
                        return "width: integer expected";
                if (message.height != null && message.hasOwnProperty("height"))
                    if (!$util.isInteger(message.height))
                        return "height: integer expected";
                if (message.x != null && message.hasOwnProperty("x"))
                    if (typeof message.x !== "number")
                        return "x: number expected";
                if (message.y != null && message.hasOwnProperty("y"))
                    if (typeof message.y !== "number")
                        return "y: number expected";
                if (message.centerx != null && message.hasOwnProperty("centerx"))
                    if (typeof message.centerx !== "boolean")
                        return "centerx: boolean expected";
                if (message.centery != null && message.hasOwnProperty("centery"))
                    if (typeof message.centery !== "boolean")
                        return "centery: boolean expected";
                if (message.flipaxis != null && message.hasOwnProperty("flipaxis"))
                    switch (message.flipaxis) {
                    default:
                        return "flipaxis: enum value expected";
                    case 0:
                    case 1:
                        break;
                    }
                if (message.colormatrix != null && message.hasOwnProperty("colormatrix")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.colormatrix);
                    if (error)
                        return "colormatrix." + error;
                }
                if (message.morphtype != null && message.hasOwnProperty("morphtype"))
                    switch (message.morphtype) {
                    default:
                        return "morphtype: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                        break;
                    }
                if (message.morphsourcepoints != null && message.hasOwnProperty("morphsourcepoints")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.morphsourcepoints);
                    if (error)
                        return "morphsourcepoints." + error;
                }
                if (message.morphdestinationpoints != null && message.hasOwnProperty("morphdestinationpoints")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.morphdestinationpoints);
                    if (error)
                        return "morphdestinationpoints." + error;
                }
                if (message.morphtilesize != null && message.hasOwnProperty("morphtilesize"))
                    if (!$util.isInteger(message.morphtilesize))
                        return "morphtilesize: integer expected";
                if (message.paramfile != null && message.hasOwnProperty("paramfile")) {
                    var error = $root.JetSDL.Proto.FileLocation.verify(message.paramfile);
                    if (error)
                        return "paramfile." + error;
                }
                if (message.rotationmode != null && message.hasOwnProperty("rotationmode"))
                    switch (message.rotationmode) {
                    default:
                        return "rotationmode: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                    case 6:
                        break;
                    }
                if (message.scaledata != null && message.hasOwnProperty("scaledata")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.scaledata);
                    if (error)
                        return "scaledata." + error;
                }
                if (message.rotatedata != null && message.hasOwnProperty("rotatedata")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.rotatedata);
                    if (error)
                        return "rotatedata." + error;
                }
                if (message.translatedata != null && message.hasOwnProperty("translatedata")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.translatedata);
                    if (error)
                        return "translatedata." + error;
                }
                if (message.anchordata != null && message.hasOwnProperty("anchordata")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.anchordata);
                    if (error)
                        return "anchordata." + error;
                }
                if (message.mipmapType != null && message.hasOwnProperty("mipmapType"))
                    switch (message.mipmapType) {
                    default:
                        return "mipmapType: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (message.mipmapInitialsize != null && message.hasOwnProperty("mipmapInitialsize"))
                    if (!$util.isInteger(message.mipmapInitialsize))
                        return "mipmapInitialsize: integer expected";
                if (message.mipmapBasefactor != null && message.hasOwnProperty("mipmapBasefactor"))
                    if (typeof message.mipmapBasefactor !== "number")
                        return "mipmapBasefactor: number expected";
                if (message.enablevariable != null && message.hasOwnProperty("enablevariable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.enablevariable);
                    if (error)
                        return "enablevariable." + error;
                }
                if (message.invertenable != null && message.hasOwnProperty("invertenable"))
                    if (typeof message.invertenable !== "boolean")
                        return "invertenable: boolean expected";
                if (message.invertbehaviour != null && message.hasOwnProperty("invertbehaviour"))
                    switch (message.invertbehaviour) {
                    default:
                        return "invertbehaviour: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                        break;
                    }
                if (message.premultipliedalphastate != null && message.hasOwnProperty("premultipliedalphastate"))
                    if (typeof message.premultipliedalphastate !== "boolean")
                        return "premultipliedalphastate: boolean expected";
                if (message.comment != null && message.hasOwnProperty("comment"))
                    if (!$util.isString(message.comment))
                        return "comment: string expected";
                return null;
            };

            /**
             * Creates a Transformation message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Transformation} Transformation
             */
            Transformation.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Transformation)
                    return object;
                var message = new $root.JetSDL.Proto.Transformation();
                switch (object.type) {
                case "blur":
                case 4:
                    message.type = 4;
                    break;
                case "motionblur":
                case 5:
                    message.type = 5;
                    break;
                case "trackedmotionblur":
                case 6:
                    message.type = 6;
                    break;
                case "inpaint":
                case 12:
                    message.type = 12;
                    break;
                case "mask":
                case 13:
                    message.type = 13;
                    break;
                case "mls":
                case 7:
                    message.type = 7;
                    break;
                case "morph":
                case 34:
                    message.type = 34;
                    break;
                case "linearzoomin":
                case 10:
                    message.type = 10;
                    break;
                case "linearzoomout":
                case 11:
                    message.type = 11;
                    break;
                case "intensity":
                case 16:
                    message.type = 16;
                    break;
                case "rotate":
                case 36:
                    message.type = 36;
                    break;
                case "invert":
                case 40:
                    message.type = 40;
                    break;
                case "premultiplyalpha":
                case 41:
                    message.type = 41;
                    break;
                case "scaling":
                case 8:
                    message.type = 8;
                    break;
                case "scalingletter":
                case 9:
                    message.type = 9;
                    break;
                case "scalingaspect":
                case 14:
                    message.type = 14;
                    break;
                case "scalingcrop":
                case 30:
                    message.type = 30;
                    break;
                case "crop":
                case 31:
                    message.type = 31;
                    break;
                case "mipmap":
                case 38:
                    message.type = 38;
                    break;
                case "quadtracking":
                case 0:
                    message.type = 0;
                    break;
                case "gridtracking":
                case 1:
                    message.type = 1;
                    break;
                case "texturemapping32f":
                case 3:
                    message.type = 3;
                    break;
                case "animate":
                case 15:
                    message.type = 15;
                    break;
                case "affine":
                case 37:
                    message.type = 37;
                    break;
                case "affinemotionblur":
                case 39:
                    message.type = 39;
                    break;
                case "pointpaste":
                case 17:
                    message.type = 17;
                    break;
                case "custom":
                case 28:
                    message.type = 28;
                    break;
                case "croprotatewarp":
                case 29:
                    message.type = 29;
                    break;
                case "flip":
                case 32:
                    message.type = 32;
                    break;
                case "colortwist":
                case 33:
                    message.type = 33;
                    break;
                case "colorboost":
                case 18:
                    message.type = 18;
                    break;
                case "nashville":
                case 19:
                    message.type = 19;
                    break;
                case "lordkelvin":
                case 20:
                    message.type = 20;
                    break;
                case "splittoning":
                case 21:
                    message.type = 21;
                    break;
                case "tiltshift":
                case 22:
                    message.type = 22;
                    break;
                case "sincity":
                case 23:
                    message.type = 23;
                    break;
                case "glow":
                case 24:
                    message.type = 24;
                    break;
                case "vignette":
                case 25:
                    message.type = 25;
                    break;
                case "comic":
                case 26:
                    message.type = 26;
                    break;
                case "textshadow":
                case 27:
                    message.type = 27;
                    break;
                case "cubelut":
                case 35:
                    message.type = 35;
                    break;
                }
                if (object.trackdata != null) {
                    if (typeof object.trackdata !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.trackdata: object expected");
                    message.trackdata = $root.JetSDL.Proto.TrackData.fromObject(object.trackdata);
                }
                if (object.image != null) {
                    if (typeof object.image !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.image: object expected");
                    message.image = $root.JetSDL.Proto.ImageProvider.fromObject(object.image);
                }
                if (object.blurlength != null)
                    message.blurlength = Number(object.blurlength);
                if (object.blurfactor != null)
                    message.blurfactor = Number(object.blurfactor);
                if (object.blurlengthInc != null)
                    message.blurlengthInc = Number(object.blurlengthInc);
                if (object.blurfactorInc != null)
                    message.blurfactorInc = Number(object.blurfactorInc);
                if (object.zoomscale != null)
                    message.zoomscale = Boolean(object.zoomscale);
                if (object.smoothedge != null)
                    message.smoothedge = object.smoothedge | 0;
                if (object.scale) {
                    if (!Array.isArray(object.scale))
                        throw TypeError(".JetSDL.Proto.Transformation.scale: array expected");
                    message.scale = [];
                    for (var i = 0; i < object.scale.length; ++i)
                        message.scale[i] = Number(object.scale[i]);
                }
                if (object.scalerelative != null)
                    message.scalerelative = Boolean(object.scalerelative);
                if (object.aspectratio != null)
                    message.aspectratio = Number(object.aspectratio);
                if (object.fixedsidesize != null)
                    message.fixedsidesize = object.fixedsidesize | 0;
                if (object.specifiedside != null)
                    message.specifiedside = String(object.specifiedside);
                if (object.color != null) {
                    if (typeof object.color !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.color: object expected");
                    message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                }
                if (object.numpoints != null)
                    message.numpoints = object.numpoints | 0;
                if (object.sourcepoints != null) {
                    if (typeof object.sourcepoints !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.sourcepoints: object expected");
                    message.sourcepoints = $root.JetSDL.Proto.PointsVariable.fromObject(object.sourcepoints);
                }
                if (object.destinationpoints != null) {
                    if (typeof object.destinationpoints !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.destinationpoints: object expected");
                    message.destinationpoints = $root.JetSDL.Proto.PointsVariable.fromObject(object.destinationpoints);
                }
                if (object.numframes != null)
                    message.numframes = object.numframes | 0;
                if (object.offset != null)
                    message.offset = object.offset | 0;
                if (object.posadjust != null) {
                    if (typeof object.posadjust !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.posadjust: object expected");
                    message.posadjust = $root.JetSDL.Proto.PosAdjust.fromObject(object.posadjust);
                }
                if (object.erasesize) {
                    if (!Array.isArray(object.erasesize))
                        throw TypeError(".JetSDL.Proto.Transformation.erasesize: array expected");
                    message.erasesize = [];
                    for (var i = 0; i < object.erasesize.length; ++i)
                        message.erasesize[i] = object.erasesize[i] | 0;
                }
                if (object.searchradius != null)
                    message.searchradius = Number(object.searchradius);
                if (object.maskchannel != null)
                    message.maskchannel = object.maskchannel | 0;
                if (object.invertmask != null)
                    message.invertmask = Boolean(object.invertmask);
                if (object.animations) {
                    if (!Array.isArray(object.animations))
                        throw TypeError(".JetSDL.Proto.Transformation.animations: array expected");
                    message.animations = [];
                    for (var i = 0; i < object.animations.length; ++i) {
                        if (typeof object.animations[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Transformation.animations: object expected");
                        message.animations[i] = $root.JetSDL.Proto.Animation.fromObject(object.animations[i]);
                    }
                }
                if (object.position != null) {
                    if (typeof object.position !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.position: object expected");
                    message.position = $root.JetSDL.Proto.AnimationPosition.fromObject(object.position);
                }
                if (object.focus != null)
                    message.focus = Number(object.focus);
                if (object.saturation != null)
                    message.saturation = Number(object.saturation);
                if (object.colorintensity != null)
                    message.colorintensity = Number(object.colorintensity);
                if (object.sigma != null)
                    message.sigma = Number(object.sigma);
                if (object.dark != null) {
                    if (typeof object.dark !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.dark: object expected");
                    message.dark = $root.JetSDL.Proto.Color.fromObject(object.dark);
                }
                if (object.light != null) {
                    if (typeof object.light !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.light: object expected");
                    message.light = $root.JetSDL.Proto.Color.fromObject(object.light);
                }
                if (object.tolerance != null)
                    message.tolerance = Number(object.tolerance);
                if (object.monochromize != null)
                    message.monochromize = Boolean(object.monochromize);
                if (object.focussize != null)
                    message.focussize = Number(object.focussize);
                if (object.focusheight != null)
                    message.focusheight = Number(object.focusheight);
                if (object.spotfocus != null)
                    message.spotfocus = Boolean(object.spotfocus);
                if (object.threshold != null)
                    message.threshold = Number(object.threshold);
                if (object.transitionwidth != null)
                    message.transitionwidth = Number(object.transitionwidth);
                if (object.brightness != null)
                    message.brightness = Number(object.brightness);
                if (object.aperture != null)
                    message.aperture = Number(object.aperture);
                if (object.blurborder != null)
                    message.blurborder = Boolean(object.blurborder);
                if (object.edgeDetailScale != null)
                    message.edgeDetailScale = Number(object.edgeDetailScale);
                if (object.colorblur != null)
                    message.colorblur = Number(object.colorblur);
                if (object.bilatfilterIterations != null)
                    message.bilatfilterIterations = object.bilatfilterIterations | 0;
                if (object.bilatfilterTonalsigma != null)
                    message.bilatfilterTonalsigma = Number(object.bilatfilterTonalsigma);
                if (object.bilatfilterSpatialsigma != null)
                    message.bilatfilterSpatialsigma = Number(object.bilatfilterSpatialsigma);
                if (object.preprocSigma != null)
                    message.preprocSigma = Number(object.preprocSigma);
                if (object.colorreductLevels != null)
                    message.colorreductLevels = object.colorreductLevels | 0;
                if (object.colorreductMinsaturation != null)
                    message.colorreductMinsaturation = object.colorreductMinsaturation | 0;
                switch (object.colorreductMethod) {
                case "fixed":
                case 1:
                    message.colorreductMethod = 1;
                    break;
                case "adaptive":
                case 2:
                    message.colorreductMethod = 2;
                    break;
                case "rlichtenstein":
                case 3:
                    message.colorreductMethod = 3;
                    break;
                }
                if (object.lsteinDitherRatio != null)
                    message.lsteinDitherRatio = Number(object.lsteinDitherRatio);
                if (object.interpoltilesize != null)
                    message.interpoltilesize = object.interpoltilesize | 0;
                if (object.innerSize != null)
                    message.innerSize = Number(object.innerSize);
                if (object.outerSize != null)
                    message.outerSize = Number(object.outerSize);
                if (object.innerColor != null) {
                    if (typeof object.innerColor !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.innerColor: object expected");
                    message.innerColor = $root.JetSDL.Proto.Color.fromObject(object.innerColor);
                }
                if (object.outerColor != null) {
                    if (typeof object.outerColor !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.outerColor: object expected");
                    message.outerColor = $root.JetSDL.Proto.Color.fromObject(object.outerColor);
                }
                if (object.innerOffsetx != null)
                    message.innerOffsetx = object.innerOffsetx | 0;
                if (object.innerOffsety != null)
                    message.innerOffsety = object.innerOffsety | 0;
                if (object.outerOffsetx != null)
                    message.outerOffsetx = object.outerOffsetx | 0;
                if (object.outerOffsety != null)
                    message.outerOffsety = object.outerOffsety | 0;
                if (object.innerIntensity != null)
                    message.innerIntensity = Number(object.innerIntensity);
                if (object.outerIntensity != null)
                    message.outerIntensity = Number(object.outerIntensity);
                if (object.customIdentifier != null)
                    message.customIdentifier = String(object.customIdentifier);
                if (object.rotatevariable != null) {
                    if (typeof object.rotatevariable !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.rotatevariable: object expected");
                    message.rotatevariable = $root.JetSDL.Proto.StringVariable.fromObject(object.rotatevariable);
                }
                if (object.cropvariable != null) {
                    if (typeof object.cropvariable !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.cropvariable: object expected");
                    message.cropvariable = $root.JetSDL.Proto.StringVariable.fromObject(object.cropvariable);
                }
                if (object.orientationvariable != null) {
                    if (typeof object.orientationvariable !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.orientationvariable: object expected");
                    message.orientationvariable = $root.JetSDL.Proto.StringVariable.fromObject(object.orientationvariable);
                }
                if (object.rotatecenterxoffset != null)
                    message.rotatecenterxoffset = Number(object.rotatecenterxoffset);
                if (object.rotatecenteryoffset != null)
                    message.rotatecenteryoffset = Number(object.rotatecenteryoffset);
                if (object.blurfunction != null) {
                    if (typeof object.blurfunction !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.blurfunction: object expected");
                    message.blurfunction = $root.JetSDL.Proto.Function.fromObject(object.blurfunction);
                }
                if (object.width != null)
                    message.width = object.width | 0;
                if (object.height != null)
                    message.height = object.height | 0;
                if (object.x != null)
                    message.x = Number(object.x);
                if (object.y != null)
                    message.y = Number(object.y);
                if (object.centerx != null)
                    message.centerx = Boolean(object.centerx);
                if (object.centery != null)
                    message.centery = Boolean(object.centery);
                switch (object.flipaxis) {
                case "flipx":
                case 0:
                    message.flipaxis = 0;
                    break;
                case "flipy":
                case 1:
                    message.flipaxis = 1;
                    break;
                }
                if (object.colormatrix != null) {
                    if (typeof object.colormatrix !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.colormatrix: object expected");
                    message.colormatrix = $root.JetSDL.Proto.StringVariable.fromObject(object.colormatrix);
                }
                switch (object.morphtype) {
                case "morph_mls":
                case 0:
                    message.morphtype = 0;
                    break;
                case "morph_tps":
                case 1:
                    message.morphtype = 1;
                    break;
                case "morph_mls_legacy":
                case 2:
                    message.morphtype = 2;
                    break;
                }
                if (object.morphsourcepoints != null) {
                    if (typeof object.morphsourcepoints !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.morphsourcepoints: object expected");
                    message.morphsourcepoints = $root.JetSDL.Proto.TrackData.fromObject(object.morphsourcepoints);
                }
                if (object.morphdestinationpoints != null) {
                    if (typeof object.morphdestinationpoints !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.morphdestinationpoints: object expected");
                    message.morphdestinationpoints = $root.JetSDL.Proto.TrackData.fromObject(object.morphdestinationpoints);
                }
                if (object.morphtilesize != null)
                    message.morphtilesize = object.morphtilesize | 0;
                if (object.paramfile != null) {
                    if (typeof object.paramfile !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.paramfile: object expected");
                    message.paramfile = $root.JetSDL.Proto.FileLocation.fromObject(object.paramfile);
                }
                switch (object.rotationmode) {
                case "clockwise90":
                case 1:
                    message.rotationmode = 1;
                    break;
                case "counterclockwise90":
                case 2:
                    message.rotationmode = 2;
                    break;
                case "autolandscapecw":
                case 3:
                    message.rotationmode = 3;
                    break;
                case "autolandscapeccw":
                case 4:
                    message.rotationmode = 4;
                    break;
                case "autoportraitcw":
                case 5:
                    message.rotationmode = 5;
                    break;
                case "autoportraitccw":
                case 6:
                    message.rotationmode = 6;
                    break;
                }
                if (object.scaledata != null) {
                    if (typeof object.scaledata !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.scaledata: object expected");
                    message.scaledata = $root.JetSDL.Proto.TrackData.fromObject(object.scaledata);
                }
                if (object.rotatedata != null) {
                    if (typeof object.rotatedata !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.rotatedata: object expected");
                    message.rotatedata = $root.JetSDL.Proto.TrackData.fromObject(object.rotatedata);
                }
                if (object.translatedata != null) {
                    if (typeof object.translatedata !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.translatedata: object expected");
                    message.translatedata = $root.JetSDL.Proto.TrackData.fromObject(object.translatedata);
                }
                if (object.anchordata != null) {
                    if (typeof object.anchordata !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.anchordata: object expected");
                    message.anchordata = $root.JetSDL.Proto.TrackData.fromObject(object.anchordata);
                }
                switch (object.mipmapType) {
                case "mipmap_trackdatabased":
                case 1:
                    message.mipmapType = 1;
                    break;
                case "mipmap_maskbased_alpha":
                case 2:
                    message.mipmapType = 2;
                    break;
                case "mipmap_maskbased_grayscale":
                case 3:
                    message.mipmapType = 3;
                    break;
                }
                if (object.mipmapInitialsize != null)
                    message.mipmapInitialsize = object.mipmapInitialsize | 0;
                if (object.mipmapBasefactor != null)
                    message.mipmapBasefactor = Number(object.mipmapBasefactor);
                if (object.enablevariable != null) {
                    if (typeof object.enablevariable !== "object")
                        throw TypeError(".JetSDL.Proto.Transformation.enablevariable: object expected");
                    message.enablevariable = $root.JetSDL.Proto.StringVariable.fromObject(object.enablevariable);
                }
                if (object.invertenable != null)
                    message.invertenable = Boolean(object.invertenable);
                switch (object.invertbehaviour) {
                case "invertbehaviour_color_channels":
                case 0:
                    message.invertbehaviour = 0;
                    break;
                case "invertbehaviour_alpha":
                case 1:
                    message.invertbehaviour = 1;
                    break;
                case "invertbehaviour_color_channels_and_alpha":
                case 2:
                    message.invertbehaviour = 2;
                    break;
                }
                if (object.premultipliedalphastate != null)
                    message.premultipliedalphastate = Boolean(object.premultipliedalphastate);
                if (object.comment != null)
                    message.comment = String(object.comment);
                return message;
            };

            /**
             * Creates a Transformation message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Transformation.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Transformation} Transformation
             */
            Transformation.from = Transformation.fromObject;

            /**
             * Creates a plain object from a Transformation message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Transformation} message Transformation
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Transformation.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.scale = [];
                    object.erasesize = [];
                    object.animations = [];
                }
                if (options.defaults) {
                    object.type = options.enums === String ? "blur" : 4;
                    object.trackdata = null;
                    object.image = null;
                    object.blurlength = 1;
                    object.blurfactor = 0;
                    object.blurlengthInc = 0;
                    object.blurfactorInc = 0;
                    object.zoomscale = false;
                    object.color = null;
                    object.numpoints = 0;
                    object.sourcepoints = null;
                    object.destinationpoints = null;
                    object.numframes = 0;
                    object.offset = 0;
                    object.smoothedge = 0;
                    object.posadjust = null;
                    object.searchradius = 4;
                    object.maskchannel = 0;
                    object.invertmask = false;
                    object.scalerelative = false;
                    object.aspectratio = 0;
                    object.fixedsidesize = 0;
                    object.specifiedside = "";
                    object.position = null;
                    object.focus = 0;
                    object.saturation = 0;
                    object.colorintensity = 1;
                    object.sigma = 1;
                    object.dark = null;
                    object.light = null;
                    object.tolerance = 0.2;
                    object.monochromize = false;
                    object.focussize = 0.2;
                    object.focusheight = 0.5;
                    object.spotfocus = false;
                    object.threshold = 0.08;
                    object.transitionwidth = 0.3;
                    object.brightness = 1;
                    object.aperture = 0.7;
                    object.blurborder = false;
                    object.edgeDetailScale = 1;
                    object.colorblur = 0.8;
                    object.bilatfilterIterations = 4;
                    object.bilatfilterTonalsigma = 8;
                    object.bilatfilterSpatialsigma = 3;
                    object.preprocSigma = -1;
                    object.colorreductLevels = 8;
                    object.colorreductMinsaturation = 16;
                    object.colorreductMethod = options.enums === String ? "fixed" : 1;
                    object.lsteinDitherRatio = 0.5;
                    object.interpoltilesize = 8;
                    object.innerSize = 3;
                    object.outerSize = 0;
                    object.innerColor = null;
                    object.outerColor = null;
                    object.innerOffsetx = 1;
                    object.innerOffsety = 1;
                    object.outerOffsetx = 1;
                    object.outerOffsety = 1;
                    object.innerIntensity = 0.75;
                    object.outerIntensity = 0.27;
                    object.customIdentifier = "";
                    object.rotatevariable = null;
                    object.cropvariable = null;
                    object.blurfunction = null;
                    object.width = 0;
                    object.height = 0;
                    object.x = 0;
                    object.y = 0;
                    object.centerx = false;
                    object.centery = false;
                    object.flipaxis = options.enums === String ? "flipx" : 0;
                    object.colormatrix = null;
                    object.rotatecenterxoffset = 0;
                    object.rotatecenteryoffset = 0;
                    object.morphtype = options.enums === String ? "morph_mls" : 0;
                    object.morphsourcepoints = null;
                    object.morphdestinationpoints = null;
                    object.morphtilesize = 10;
                    object.paramfile = null;
                    object.rotationmode = options.enums === String ? "clockwise90" : 1;
                    object.scaledata = null;
                    object.rotatedata = null;
                    object.translatedata = null;
                    object.anchordata = null;
                    object.mipmapType = options.enums === String ? "mipmap_trackdatabased" : 1;
                    object.mipmapInitialsize = 5;
                    object.mipmapBasefactor = 2;
                    object.enablevariable = null;
                    object.invertenable = false;
                    object.orientationvariable = null;
                    object.invertbehaviour = options.enums === String ? "invertbehaviour_color_channels" : 0;
                    object.premultipliedalphastate = true;
                    object.comment = "";
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.Transformation.Type[message.type] : message.type;
                if (message.trackdata != null && message.hasOwnProperty("trackdata"))
                    object.trackdata = $root.JetSDL.Proto.TrackData.toObject(message.trackdata, options);
                if (message.image != null && message.hasOwnProperty("image"))
                    object.image = $root.JetSDL.Proto.ImageProvider.toObject(message.image, options);
                if (message.blurlength != null && message.hasOwnProperty("blurlength"))
                    object.blurlength = message.blurlength;
                if (message.blurfactor != null && message.hasOwnProperty("blurfactor"))
                    object.blurfactor = message.blurfactor;
                if (message.blurlengthInc != null && message.hasOwnProperty("blurlengthInc"))
                    object.blurlengthInc = message.blurlengthInc;
                if (message.blurfactorInc != null && message.hasOwnProperty("blurfactorInc"))
                    object.blurfactorInc = message.blurfactorInc;
                if (message.zoomscale != null && message.hasOwnProperty("zoomscale"))
                    object.zoomscale = message.zoomscale;
                if (message.scale && message.scale.length) {
                    object.scale = [];
                    for (var j = 0; j < message.scale.length; ++j)
                        object.scale[j] = message.scale[j];
                }
                if (message.color != null && message.hasOwnProperty("color"))
                    object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                if (message.numpoints != null && message.hasOwnProperty("numpoints"))
                    object.numpoints = message.numpoints;
                if (message.sourcepoints != null && message.hasOwnProperty("sourcepoints"))
                    object.sourcepoints = $root.JetSDL.Proto.PointsVariable.toObject(message.sourcepoints, options);
                if (message.destinationpoints != null && message.hasOwnProperty("destinationpoints"))
                    object.destinationpoints = $root.JetSDL.Proto.PointsVariable.toObject(message.destinationpoints, options);
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    object.numframes = message.numframes;
                if (message.offset != null && message.hasOwnProperty("offset"))
                    object.offset = message.offset;
                if (message.smoothedge != null && message.hasOwnProperty("smoothedge"))
                    object.smoothedge = message.smoothedge;
                if (message.posadjust != null && message.hasOwnProperty("posadjust"))
                    object.posadjust = $root.JetSDL.Proto.PosAdjust.toObject(message.posadjust, options);
                if (message.erasesize && message.erasesize.length) {
                    object.erasesize = [];
                    for (var j = 0; j < message.erasesize.length; ++j)
                        object.erasesize[j] = message.erasesize[j];
                }
                if (message.searchradius != null && message.hasOwnProperty("searchradius"))
                    object.searchradius = message.searchradius;
                if (message.maskchannel != null && message.hasOwnProperty("maskchannel"))
                    object.maskchannel = message.maskchannel;
                if (message.invertmask != null && message.hasOwnProperty("invertmask"))
                    object.invertmask = message.invertmask;
                if (message.scalerelative != null && message.hasOwnProperty("scalerelative"))
                    object.scalerelative = message.scalerelative;
                if (message.aspectratio != null && message.hasOwnProperty("aspectratio"))
                    object.aspectratio = message.aspectratio;
                if (message.fixedsidesize != null && message.hasOwnProperty("fixedsidesize"))
                    object.fixedsidesize = message.fixedsidesize;
                if (message.specifiedside != null && message.hasOwnProperty("specifiedside"))
                    object.specifiedside = message.specifiedside;
                if (message.animations && message.animations.length) {
                    object.animations = [];
                    for (var j = 0; j < message.animations.length; ++j)
                        object.animations[j] = $root.JetSDL.Proto.Animation.toObject(message.animations[j], options);
                }
                if (message.position != null && message.hasOwnProperty("position"))
                    object.position = $root.JetSDL.Proto.AnimationPosition.toObject(message.position, options);
                if (message.focus != null && message.hasOwnProperty("focus"))
                    object.focus = message.focus;
                if (message.saturation != null && message.hasOwnProperty("saturation"))
                    object.saturation = message.saturation;
                if (message.colorintensity != null && message.hasOwnProperty("colorintensity"))
                    object.colorintensity = message.colorintensity;
                if (message.sigma != null && message.hasOwnProperty("sigma"))
                    object.sigma = message.sigma;
                if (message.dark != null && message.hasOwnProperty("dark"))
                    object.dark = $root.JetSDL.Proto.Color.toObject(message.dark, options);
                if (message.light != null && message.hasOwnProperty("light"))
                    object.light = $root.JetSDL.Proto.Color.toObject(message.light, options);
                if (message.tolerance != null && message.hasOwnProperty("tolerance"))
                    object.tolerance = message.tolerance;
                if (message.monochromize != null && message.hasOwnProperty("monochromize"))
                    object.monochromize = message.monochromize;
                if (message.focussize != null && message.hasOwnProperty("focussize"))
                    object.focussize = message.focussize;
                if (message.focusheight != null && message.hasOwnProperty("focusheight"))
                    object.focusheight = message.focusheight;
                if (message.spotfocus != null && message.hasOwnProperty("spotfocus"))
                    object.spotfocus = message.spotfocus;
                if (message.threshold != null && message.hasOwnProperty("threshold"))
                    object.threshold = message.threshold;
                if (message.transitionwidth != null && message.hasOwnProperty("transitionwidth"))
                    object.transitionwidth = message.transitionwidth;
                if (message.brightness != null && message.hasOwnProperty("brightness"))
                    object.brightness = message.brightness;
                if (message.aperture != null && message.hasOwnProperty("aperture"))
                    object.aperture = message.aperture;
                if (message.blurborder != null && message.hasOwnProperty("blurborder"))
                    object.blurborder = message.blurborder;
                if (message.edgeDetailScale != null && message.hasOwnProperty("edgeDetailScale"))
                    object.edgeDetailScale = message.edgeDetailScale;
                if (message.colorblur != null && message.hasOwnProperty("colorblur"))
                    object.colorblur = message.colorblur;
                if (message.bilatfilterIterations != null && message.hasOwnProperty("bilatfilterIterations"))
                    object.bilatfilterIterations = message.bilatfilterIterations;
                if (message.bilatfilterTonalsigma != null && message.hasOwnProperty("bilatfilterTonalsigma"))
                    object.bilatfilterTonalsigma = message.bilatfilterTonalsigma;
                if (message.bilatfilterSpatialsigma != null && message.hasOwnProperty("bilatfilterSpatialsigma"))
                    object.bilatfilterSpatialsigma = message.bilatfilterSpatialsigma;
                if (message.preprocSigma != null && message.hasOwnProperty("preprocSigma"))
                    object.preprocSigma = message.preprocSigma;
                if (message.colorreductLevels != null && message.hasOwnProperty("colorreductLevels"))
                    object.colorreductLevels = message.colorreductLevels;
                if (message.colorreductMinsaturation != null && message.hasOwnProperty("colorreductMinsaturation"))
                    object.colorreductMinsaturation = message.colorreductMinsaturation;
                if (message.colorreductMethod != null && message.hasOwnProperty("colorreductMethod"))
                    object.colorreductMethod = options.enums === String ? $root.JetSDL.Proto.Transformation.ComicColorReductMethod[message.colorreductMethod] : message.colorreductMethod;
                if (message.lsteinDitherRatio != null && message.hasOwnProperty("lsteinDitherRatio"))
                    object.lsteinDitherRatio = message.lsteinDitherRatio;
                if (message.interpoltilesize != null && message.hasOwnProperty("interpoltilesize"))
                    object.interpoltilesize = message.interpoltilesize;
                if (message.innerSize != null && message.hasOwnProperty("innerSize"))
                    object.innerSize = message.innerSize;
                if (message.outerSize != null && message.hasOwnProperty("outerSize"))
                    object.outerSize = message.outerSize;
                if (message.innerColor != null && message.hasOwnProperty("innerColor"))
                    object.innerColor = $root.JetSDL.Proto.Color.toObject(message.innerColor, options);
                if (message.outerColor != null && message.hasOwnProperty("outerColor"))
                    object.outerColor = $root.JetSDL.Proto.Color.toObject(message.outerColor, options);
                if (message.innerOffsetx != null && message.hasOwnProperty("innerOffsetx"))
                    object.innerOffsetx = message.innerOffsetx;
                if (message.innerOffsety != null && message.hasOwnProperty("innerOffsety"))
                    object.innerOffsety = message.innerOffsety;
                if (message.outerOffsetx != null && message.hasOwnProperty("outerOffsetx"))
                    object.outerOffsetx = message.outerOffsetx;
                if (message.outerOffsety != null && message.hasOwnProperty("outerOffsety"))
                    object.outerOffsety = message.outerOffsety;
                if (message.innerIntensity != null && message.hasOwnProperty("innerIntensity"))
                    object.innerIntensity = message.innerIntensity;
                if (message.outerIntensity != null && message.hasOwnProperty("outerIntensity"))
                    object.outerIntensity = message.outerIntensity;
                if (message.customIdentifier != null && message.hasOwnProperty("customIdentifier"))
                    object.customIdentifier = message.customIdentifier;
                if (message.rotatevariable != null && message.hasOwnProperty("rotatevariable"))
                    object.rotatevariable = $root.JetSDL.Proto.StringVariable.toObject(message.rotatevariable, options);
                if (message.cropvariable != null && message.hasOwnProperty("cropvariable"))
                    object.cropvariable = $root.JetSDL.Proto.StringVariable.toObject(message.cropvariable, options);
                if (message.blurfunction != null && message.hasOwnProperty("blurfunction"))
                    object.blurfunction = $root.JetSDL.Proto.Function.toObject(message.blurfunction, options);
                if (message.width != null && message.hasOwnProperty("width"))
                    object.width = message.width;
                if (message.height != null && message.hasOwnProperty("height"))
                    object.height = message.height;
                if (message.x != null && message.hasOwnProperty("x"))
                    object.x = message.x;
                if (message.y != null && message.hasOwnProperty("y"))
                    object.y = message.y;
                if (message.centerx != null && message.hasOwnProperty("centerx"))
                    object.centerx = message.centerx;
                if (message.centery != null && message.hasOwnProperty("centery"))
                    object.centery = message.centery;
                if (message.flipaxis != null && message.hasOwnProperty("flipaxis"))
                    object.flipaxis = options.enums === String ? $root.JetSDL.Proto.Transformation.FlipAxis[message.flipaxis] : message.flipaxis;
                if (message.colormatrix != null && message.hasOwnProperty("colormatrix"))
                    object.colormatrix = $root.JetSDL.Proto.StringVariable.toObject(message.colormatrix, options);
                if (message.rotatecenterxoffset != null && message.hasOwnProperty("rotatecenterxoffset"))
                    object.rotatecenterxoffset = message.rotatecenterxoffset;
                if (message.rotatecenteryoffset != null && message.hasOwnProperty("rotatecenteryoffset"))
                    object.rotatecenteryoffset = message.rotatecenteryoffset;
                if (message.morphtype != null && message.hasOwnProperty("morphtype"))
                    object.morphtype = options.enums === String ? $root.JetSDL.Proto.Transformation.Morph[message.morphtype] : message.morphtype;
                if (message.morphsourcepoints != null && message.hasOwnProperty("morphsourcepoints"))
                    object.morphsourcepoints = $root.JetSDL.Proto.TrackData.toObject(message.morphsourcepoints, options);
                if (message.morphdestinationpoints != null && message.hasOwnProperty("morphdestinationpoints"))
                    object.morphdestinationpoints = $root.JetSDL.Proto.TrackData.toObject(message.morphdestinationpoints, options);
                if (message.morphtilesize != null && message.hasOwnProperty("morphtilesize"))
                    object.morphtilesize = message.morphtilesize;
                if (message.paramfile != null && message.hasOwnProperty("paramfile"))
                    object.paramfile = $root.JetSDL.Proto.FileLocation.toObject(message.paramfile, options);
                if (message.rotationmode != null && message.hasOwnProperty("rotationmode"))
                    object.rotationmode = options.enums === String ? $root.JetSDL.Proto.Transformation.RotationMode[message.rotationmode] : message.rotationmode;
                if (message.scaledata != null && message.hasOwnProperty("scaledata"))
                    object.scaledata = $root.JetSDL.Proto.TrackData.toObject(message.scaledata, options);
                if (message.rotatedata != null && message.hasOwnProperty("rotatedata"))
                    object.rotatedata = $root.JetSDL.Proto.TrackData.toObject(message.rotatedata, options);
                if (message.translatedata != null && message.hasOwnProperty("translatedata"))
                    object.translatedata = $root.JetSDL.Proto.TrackData.toObject(message.translatedata, options);
                if (message.anchordata != null && message.hasOwnProperty("anchordata"))
                    object.anchordata = $root.JetSDL.Proto.TrackData.toObject(message.anchordata, options);
                if (message.mipmapType != null && message.hasOwnProperty("mipmapType"))
                    object.mipmapType = options.enums === String ? $root.JetSDL.Proto.Transformation.MipMapType[message.mipmapType] : message.mipmapType;
                if (message.mipmapInitialsize != null && message.hasOwnProperty("mipmapInitialsize"))
                    object.mipmapInitialsize = message.mipmapInitialsize;
                if (message.mipmapBasefactor != null && message.hasOwnProperty("mipmapBasefactor"))
                    object.mipmapBasefactor = message.mipmapBasefactor;
                if (message.enablevariable != null && message.hasOwnProperty("enablevariable"))
                    object.enablevariable = $root.JetSDL.Proto.StringVariable.toObject(message.enablevariable, options);
                if (message.invertenable != null && message.hasOwnProperty("invertenable"))
                    object.invertenable = message.invertenable;
                if (message.orientationvariable != null && message.hasOwnProperty("orientationvariable"))
                    object.orientationvariable = $root.JetSDL.Proto.StringVariable.toObject(message.orientationvariable, options);
                if (message.invertbehaviour != null && message.hasOwnProperty("invertbehaviour"))
                    object.invertbehaviour = options.enums === String ? $root.JetSDL.Proto.Transformation.InvertBehaviour[message.invertbehaviour] : message.invertbehaviour;
                if (message.premultipliedalphastate != null && message.hasOwnProperty("premultipliedalphastate"))
                    object.premultipliedalphastate = message.premultipliedalphastate;
                if (message.comment != null && message.hasOwnProperty("comment"))
                    object.comment = message.comment;
                return object;
            };

            /**
             * Creates a plain object from this Transformation message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Transformation.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Transformation to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Transformation.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.Transformation
             * @enum {number}
             * @property {number} blur=4 blur value
             * @property {number} motionblur=5 motionblur value
             * @property {number} trackedmotionblur=6 trackedmotionblur value
             * @property {number} inpaint=12 inpaint value
             * @property {number} mask=13 mask value
             * @property {number} mls=7 mls value
             * @property {number} morph=34 morph value
             * @property {number} linearzoomin=10 linearzoomin value
             * @property {number} linearzoomout=11 linearzoomout value
             * @property {number} intensity=16 intensity value
             * @property {number} rotate=36 rotate value
             * @property {number} invert=40 invert value
             * @property {number} premultiplyalpha=41 premultiplyalpha value
             * @property {number} scaling=8 scaling value
             * @property {number} scalingletter=9 scalingletter value
             * @property {number} scalingaspect=14 scalingaspect value
             * @property {number} scalingcrop=30 scalingcrop value
             * @property {number} crop=31 crop value
             * @property {number} mipmap=38 mipmap value
             * @property {number} quadtracking=0 quadtracking value
             * @property {number} gridtracking=1 gridtracking value
             * @property {number} texturemapping32f=3 texturemapping32f value
             * @property {number} animate=15 animate value
             * @property {number} affine=37 affine value
             * @property {number} affinemotionblur=39 affinemotionblur value
             * @property {number} pointpaste=17 pointpaste value
             * @property {number} custom=28 custom value
             * @property {number} croprotatewarp=29 croprotatewarp value
             * @property {number} flip=32 flip value
             * @property {number} colortwist=33 colortwist value
             * @property {number} colorboost=18 colorboost value
             * @property {number} nashville=19 nashville value
             * @property {number} lordkelvin=20 lordkelvin value
             * @property {number} splittoning=21 splittoning value
             * @property {number} tiltshift=22 tiltshift value
             * @property {number} sincity=23 sincity value
             * @property {number} glow=24 glow value
             * @property {number} vignette=25 vignette value
             * @property {number} comic=26 comic value
             * @property {number} textshadow=27 textshadow value
             * @property {number} cubelut=35 cubelut value
             */
            Transformation.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[4] = "blur"] = 4;
                values[valuesById[5] = "motionblur"] = 5;
                values[valuesById[6] = "trackedmotionblur"] = 6;
                values[valuesById[12] = "inpaint"] = 12;
                values[valuesById[13] = "mask"] = 13;
                values[valuesById[7] = "mls"] = 7;
                values[valuesById[34] = "morph"] = 34;
                values[valuesById[10] = "linearzoomin"] = 10;
                values[valuesById[11] = "linearzoomout"] = 11;
                values[valuesById[16] = "intensity"] = 16;
                values[valuesById[36] = "rotate"] = 36;
                values[valuesById[40] = "invert"] = 40;
                values[valuesById[41] = "premultiplyalpha"] = 41;
                values[valuesById[8] = "scaling"] = 8;
                values[valuesById[9] = "scalingletter"] = 9;
                values[valuesById[14] = "scalingaspect"] = 14;
                values[valuesById[30] = "scalingcrop"] = 30;
                values[valuesById[31] = "crop"] = 31;
                values[valuesById[38] = "mipmap"] = 38;
                values[valuesById[0] = "quadtracking"] = 0;
                values[valuesById[1] = "gridtracking"] = 1;
                values[valuesById[3] = "texturemapping32f"] = 3;
                values[valuesById[15] = "animate"] = 15;
                values[valuesById[37] = "affine"] = 37;
                values[valuesById[39] = "affinemotionblur"] = 39;
                values[valuesById[17] = "pointpaste"] = 17;
                values[valuesById[28] = "custom"] = 28;
                values[valuesById[29] = "croprotatewarp"] = 29;
                values[valuesById[32] = "flip"] = 32;
                values[valuesById[33] = "colortwist"] = 33;
                values[valuesById[18] = "colorboost"] = 18;
                values[valuesById[19] = "nashville"] = 19;
                values[valuesById[20] = "lordkelvin"] = 20;
                values[valuesById[21] = "splittoning"] = 21;
                values[valuesById[22] = "tiltshift"] = 22;
                values[valuesById[23] = "sincity"] = 23;
                values[valuesById[24] = "glow"] = 24;
                values[valuesById[25] = "vignette"] = 25;
                values[valuesById[26] = "comic"] = 26;
                values[valuesById[27] = "textshadow"] = 27;
                values[valuesById[35] = "cubelut"] = 35;
                return values;
            })();

            /**
             * ComicColorReductMethod enum.
             * @name ComicColorReductMethod
             * @memberof JetSDL.Proto.Transformation
             * @enum {number}
             * @property {number} fixed=1 fixed value
             * @property {number} adaptive=2 adaptive value
             * @property {number} rlichtenstein=3 rlichtenstein value
             */
            Transformation.ComicColorReductMethod = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "fixed"] = 1;
                values[valuesById[2] = "adaptive"] = 2;
                values[valuesById[3] = "rlichtenstein"] = 3;
                return values;
            })();

            /**
             * FlipAxis enum.
             * @name FlipAxis
             * @memberof JetSDL.Proto.Transformation
             * @enum {number}
             * @property {number} flipx=0 flipx value
             * @property {number} flipy=1 flipy value
             */
            Transformation.FlipAxis = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "flipx"] = 0;
                values[valuesById[1] = "flipy"] = 1;
                return values;
            })();

            /**
             * Morph enum.
             * @name Morph
             * @memberof JetSDL.Proto.Transformation
             * @enum {number}
             * @property {number} morph_mls=0 morph_mls value
             * @property {number} morph_tps=1 morph_tps value
             * @property {number} morph_mls_legacy=2 morph_mls_legacy value
             */
            Transformation.Morph = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "morph_mls"] = 0;
                values[valuesById[1] = "morph_tps"] = 1;
                values[valuesById[2] = "morph_mls_legacy"] = 2;
                return values;
            })();

            /**
             * RotationMode enum.
             * @name RotationMode
             * @memberof JetSDL.Proto.Transformation
             * @enum {number}
             * @property {number} clockwise90=1 clockwise90 value
             * @property {number} counterclockwise90=2 counterclockwise90 value
             * @property {number} autolandscapecw=3 autolandscapecw value
             * @property {number} autolandscapeccw=4 autolandscapeccw value
             * @property {number} autoportraitcw=5 autoportraitcw value
             * @property {number} autoportraitccw=6 autoportraitccw value
             */
            Transformation.RotationMode = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "clockwise90"] = 1;
                values[valuesById[2] = "counterclockwise90"] = 2;
                values[valuesById[3] = "autolandscapecw"] = 3;
                values[valuesById[4] = "autolandscapeccw"] = 4;
                values[valuesById[5] = "autoportraitcw"] = 5;
                values[valuesById[6] = "autoportraitccw"] = 6;
                return values;
            })();

            /**
             * MipMapType enum.
             * @name MipMapType
             * @memberof JetSDL.Proto.Transformation
             * @enum {number}
             * @property {number} mipmap_trackdatabased=1 mipmap_trackdatabased value
             * @property {number} mipmap_maskbased_alpha=2 mipmap_maskbased_alpha value
             * @property {number} mipmap_maskbased_grayscale=3 mipmap_maskbased_grayscale value
             */
            Transformation.MipMapType = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "mipmap_trackdatabased"] = 1;
                values[valuesById[2] = "mipmap_maskbased_alpha"] = 2;
                values[valuesById[3] = "mipmap_maskbased_grayscale"] = 3;
                return values;
            })();

            /**
             * InvertBehaviour enum.
             * @name InvertBehaviour
             * @memberof JetSDL.Proto.Transformation
             * @enum {number}
             * @property {number} invertbehaviour_color_channels=0 invertbehaviour_color_channels value
             * @property {number} invertbehaviour_alpha=1 invertbehaviour_alpha value
             * @property {number} invertbehaviour_color_channels_and_alpha=2 invertbehaviour_color_channels_and_alpha value
             */
            Transformation.InvertBehaviour = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "invertbehaviour_color_channels"] = 0;
                values[valuesById[1] = "invertbehaviour_alpha"] = 1;
                values[valuesById[2] = "invertbehaviour_color_channels_and_alpha"] = 2;
                return values;
            })();

            return Transformation;
        })();

        Proto.PosAdjust = (function() {

            /**
             * Properties of a PosAdjust.
             * @typedef JetSDL.Proto.PosAdjust$Properties
             * @type {Object}
             * @property {number} [scalex] PosAdjust scalex.
             * @property {number} [scaley] PosAdjust scaley.
             * @property {number} [offsetx] PosAdjust offsetx.
             * @property {number} [offsety] PosAdjust offsety.
             */

            /**
             * Constructs a new PosAdjust.
             * @exports JetSDL.Proto.PosAdjust
             * @constructor
             * @param {JetSDL.Proto.PosAdjust$Properties=} [properties] Properties to set
             */
            function PosAdjust(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * PosAdjust scalex.
             * @type {number}
             */
            PosAdjust.prototype.scalex = 1;

            /**
             * PosAdjust scaley.
             * @type {number}
             */
            PosAdjust.prototype.scaley = 1;

            /**
             * PosAdjust offsetx.
             * @type {number}
             */
            PosAdjust.prototype.offsetx = 0;

            /**
             * PosAdjust offsety.
             * @type {number}
             */
            PosAdjust.prototype.offsety = 0;

            /**
             * Creates a new PosAdjust instance using the specified properties.
             * @param {JetSDL.Proto.PosAdjust$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.PosAdjust} PosAdjust instance
             */
            PosAdjust.create = function create(properties) {
                return new PosAdjust(properties);
            };

            /**
             * Encodes the specified PosAdjust message. Does not implicitly {@link JetSDL.Proto.PosAdjust.verify|verify} messages.
             * @param {JetSDL.Proto.PosAdjust$Properties} message PosAdjust message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PosAdjust.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.scalex != null && message.hasOwnProperty("scalex"))
                    writer.uint32(/* id 1, wireType 1 =*/9).double(message.scalex);
                if (message.scaley != null && message.hasOwnProperty("scaley"))
                    writer.uint32(/* id 2, wireType 1 =*/17).double(message.scaley);
                if (message.offsetx != null && message.hasOwnProperty("offsetx"))
                    writer.uint32(/* id 3, wireType 1 =*/25).double(message.offsetx);
                if (message.offsety != null && message.hasOwnProperty("offsety"))
                    writer.uint32(/* id 4, wireType 1 =*/33).double(message.offsety);
                return writer;
            };

            /**
             * Encodes the specified PosAdjust message, length delimited. Does not implicitly {@link JetSDL.Proto.PosAdjust.verify|verify} messages.
             * @param {JetSDL.Proto.PosAdjust$Properties} message PosAdjust message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PosAdjust.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a PosAdjust message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.PosAdjust} PosAdjust
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PosAdjust.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.PosAdjust();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.scalex = reader.double();
                        break;
                    case 2:
                        message.scaley = reader.double();
                        break;
                    case 3:
                        message.offsetx = reader.double();
                        break;
                    case 4:
                        message.offsety = reader.double();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a PosAdjust message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.PosAdjust} PosAdjust
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PosAdjust.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a PosAdjust message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            PosAdjust.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.scalex != null && message.hasOwnProperty("scalex"))
                    if (typeof message.scalex !== "number")
                        return "scalex: number expected";
                if (message.scaley != null && message.hasOwnProperty("scaley"))
                    if (typeof message.scaley !== "number")
                        return "scaley: number expected";
                if (message.offsetx != null && message.hasOwnProperty("offsetx"))
                    if (typeof message.offsetx !== "number")
                        return "offsetx: number expected";
                if (message.offsety != null && message.hasOwnProperty("offsety"))
                    if (typeof message.offsety !== "number")
                        return "offsety: number expected";
                return null;
            };

            /**
             * Creates a PosAdjust message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PosAdjust} PosAdjust
             */
            PosAdjust.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.PosAdjust)
                    return object;
                var message = new $root.JetSDL.Proto.PosAdjust();
                if (object.scalex != null)
                    message.scalex = Number(object.scalex);
                if (object.scaley != null)
                    message.scaley = Number(object.scaley);
                if (object.offsetx != null)
                    message.offsetx = Number(object.offsetx);
                if (object.offsety != null)
                    message.offsety = Number(object.offsety);
                return message;
            };

            /**
             * Creates a PosAdjust message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.PosAdjust.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PosAdjust} PosAdjust
             */
            PosAdjust.from = PosAdjust.fromObject;

            /**
             * Creates a plain object from a PosAdjust message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.PosAdjust} message PosAdjust
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PosAdjust.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.scalex = 1;
                    object.scaley = 1;
                    object.offsetx = 0;
                    object.offsety = 0;
                }
                if (message.scalex != null && message.hasOwnProperty("scalex"))
                    object.scalex = message.scalex;
                if (message.scaley != null && message.hasOwnProperty("scaley"))
                    object.scaley = message.scaley;
                if (message.offsetx != null && message.hasOwnProperty("offsetx"))
                    object.offsetx = message.offsetx;
                if (message.offsety != null && message.hasOwnProperty("offsety"))
                    object.offsety = message.offsety;
                return object;
            };

            /**
             * Creates a plain object from this PosAdjust message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PosAdjust.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this PosAdjust to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            PosAdjust.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return PosAdjust;
        })();

        Proto.Color = (function() {

            /**
             * Properties of a Color.
             * @typedef JetSDL.Proto.Color$Properties
             * @type {Object}
             * @property {JetSDL.Proto.Color.Type} [type] Color type.
             * @property {number} [red] Color red.
             * @property {number} [green] Color green.
             * @property {number} [blue] Color blue.
             * @property {number} [alpha] Color alpha.
             * @property {JetSDL.Proto.StringVariable$Properties} [string] Color string.
             * @property {Array.<JetSDL.Proto.Color.ColorKeyframe$Properties>} [keyframes] Color keyframes.
             * @property {JetSDL.Proto.Function$Properties} [keyframefunction] Color keyframefunction.
             * @property {JetSDL.Proto.Color.ColorInterpolationMode} [colorinterpolation] Color colorinterpolation.
             */

            /**
             * Constructs a new Color.
             * @exports JetSDL.Proto.Color
             * @constructor
             * @param {JetSDL.Proto.Color$Properties=} [properties] Properties to set
             */
            function Color(properties) {
                this.keyframes = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Color type.
             * @type {JetSDL.Proto.Color.Type}
             */
            Color.prototype.type = 1;

            /**
             * Color red.
             * @type {number}
             */
            Color.prototype.red = 0;

            /**
             * Color green.
             * @type {number}
             */
            Color.prototype.green = 0;

            /**
             * Color blue.
             * @type {number}
             */
            Color.prototype.blue = 0;

            /**
             * Color alpha.
             * @type {number}
             */
            Color.prototype.alpha = 0;

            /**
             * Color string.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            Color.prototype.string = null;

            /**
             * Color keyframes.
             * @type {Array.<JetSDL.Proto.Color.ColorKeyframe$Properties>}
             */
            Color.prototype.keyframes = $util.emptyArray;

            /**
             * Color keyframefunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            Color.prototype.keyframefunction = null;

            /**
             * Color colorinterpolation.
             * @type {JetSDL.Proto.Color.ColorInterpolationMode}
             */
            Color.prototype.colorinterpolation = 1;

            /**
             * Creates a new Color instance using the specified properties.
             * @param {JetSDL.Proto.Color$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Color} Color instance
             */
            Color.create = function create(properties) {
                return new Color(properties);
            };

            /**
             * Encodes the specified Color message. Does not implicitly {@link JetSDL.Proto.Color.verify|verify} messages.
             * @param {JetSDL.Proto.Color$Properties} message Color message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Color.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.red != null && message.hasOwnProperty("red"))
                    writer.uint32(/* id 1, wireType 0 =*/8).int32(message.red);
                if (message.green != null && message.hasOwnProperty("green"))
                    writer.uint32(/* id 2, wireType 0 =*/16).int32(message.green);
                if (message.blue != null && message.hasOwnProperty("blue"))
                    writer.uint32(/* id 3, wireType 0 =*/24).int32(message.blue);
                if (message.alpha != null && message.hasOwnProperty("alpha"))
                    writer.uint32(/* id 4, wireType 0 =*/32).int32(message.alpha);
                if (message.type != null && message.hasOwnProperty("type"))
                    writer.uint32(/* id 5, wireType 0 =*/40).uint32(message.type);
                if (message.string != null && message.hasOwnProperty("string"))
                    $root.JetSDL.Proto.StringVariable.encode(message.string, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                if (message.keyframes != null && message.keyframes.length)
                    for (var i = 0; i < message.keyframes.length; ++i)
                        $root.JetSDL.Proto.Color.ColorKeyframe.encode(message.keyframes[i], writer.uint32(/* id 7, wireType 2 =*/58).fork()).ldelim();
                if (message.keyframefunction != null && message.hasOwnProperty("keyframefunction"))
                    $root.JetSDL.Proto.Function.encode(message.keyframefunction, writer.uint32(/* id 8, wireType 2 =*/66).fork()).ldelim();
                if (message.colorinterpolation != null && message.hasOwnProperty("colorinterpolation"))
                    writer.uint32(/* id 9, wireType 0 =*/72).uint32(message.colorinterpolation);
                return writer;
            };

            /**
             * Encodes the specified Color message, length delimited. Does not implicitly {@link JetSDL.Proto.Color.verify|verify} messages.
             * @param {JetSDL.Proto.Color$Properties} message Color message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Color.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Color message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Color} Color
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Color.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Color();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 5:
                        message.type = reader.uint32();
                        break;
                    case 1:
                        message.red = reader.int32();
                        break;
                    case 2:
                        message.green = reader.int32();
                        break;
                    case 3:
                        message.blue = reader.int32();
                        break;
                    case 4:
                        message.alpha = reader.int32();
                        break;
                    case 6:
                        message.string = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 7:
                        if (!(message.keyframes && message.keyframes.length))
                            message.keyframes = [];
                        message.keyframes.push($root.JetSDL.Proto.Color.ColorKeyframe.decode(reader, reader.uint32()));
                        break;
                    case 8:
                        message.keyframefunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 9:
                        message.colorinterpolation = reader.uint32();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a Color message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Color} Color
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Color.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Color message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Color.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.type != null && message.hasOwnProperty("type"))
                    switch (message.type) {
                    default:
                        return "type: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (message.red != null && message.hasOwnProperty("red"))
                    if (!$util.isInteger(message.red))
                        return "red: integer expected";
                if (message.green != null && message.hasOwnProperty("green"))
                    if (!$util.isInteger(message.green))
                        return "green: integer expected";
                if (message.blue != null && message.hasOwnProperty("blue"))
                    if (!$util.isInteger(message.blue))
                        return "blue: integer expected";
                if (message.alpha != null && message.hasOwnProperty("alpha"))
                    if (!$util.isInteger(message.alpha))
                        return "alpha: integer expected";
                if (message.string != null && message.hasOwnProperty("string")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.string);
                    if (error)
                        return "string." + error;
                }
                if (message.keyframes != null && message.hasOwnProperty("keyframes")) {
                    if (!Array.isArray(message.keyframes))
                        return "keyframes: array expected";
                    for (var i = 0; i < message.keyframes.length; ++i) {
                        var error = $root.JetSDL.Proto.Color.ColorKeyframe.verify(message.keyframes[i]);
                        if (error)
                            return "keyframes." + error;
                    }
                }
                if (message.keyframefunction != null && message.hasOwnProperty("keyframefunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.keyframefunction);
                    if (error)
                        return "keyframefunction." + error;
                }
                if (message.colorinterpolation != null && message.hasOwnProperty("colorinterpolation"))
                    switch (message.colorinterpolation) {
                    default:
                        return "colorinterpolation: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                return null;
            };

            /**
             * Creates a Color message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Color} Color
             */
            Color.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Color)
                    return object;
                var message = new $root.JetSDL.Proto.Color();
                switch (object.type) {
                case "constant":
                case 1:
                    message.type = 1;
                    break;
                case "stringvariable":
                case 2:
                    message.type = 2;
                    break;
                case "keyframe":
                case 3:
                    message.type = 3;
                    break;
                }
                if (object.red != null)
                    message.red = object.red | 0;
                if (object.green != null)
                    message.green = object.green | 0;
                if (object.blue != null)
                    message.blue = object.blue | 0;
                if (object.alpha != null)
                    message.alpha = object.alpha | 0;
                if (object.string != null) {
                    if (typeof object.string !== "object")
                        throw TypeError(".JetSDL.Proto.Color.string: object expected");
                    message.string = $root.JetSDL.Proto.StringVariable.fromObject(object.string);
                }
                if (object.keyframes) {
                    if (!Array.isArray(object.keyframes))
                        throw TypeError(".JetSDL.Proto.Color.keyframes: array expected");
                    message.keyframes = [];
                    for (var i = 0; i < object.keyframes.length; ++i) {
                        if (typeof object.keyframes[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Color.keyframes: object expected");
                        message.keyframes[i] = $root.JetSDL.Proto.Color.ColorKeyframe.fromObject(object.keyframes[i]);
                    }
                }
                if (object.keyframefunction != null) {
                    if (typeof object.keyframefunction !== "object")
                        throw TypeError(".JetSDL.Proto.Color.keyframefunction: object expected");
                    message.keyframefunction = $root.JetSDL.Proto.Function.fromObject(object.keyframefunction);
                }
                switch (object.colorinterpolation) {
                case "color_interpolation_rgb":
                case 1:
                    message.colorinterpolation = 1;
                    break;
                case "color_interpolation_lab":
                case 2:
                    message.colorinterpolation = 2;
                    break;
                case "color_interpolation_hsv":
                case 3:
                    message.colorinterpolation = 3;
                    break;
                }
                return message;
            };

            /**
             * Creates a Color message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Color.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Color} Color
             */
            Color.from = Color.fromObject;

            /**
             * Creates a plain object from a Color message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Color} message Color
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Color.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.keyframes = [];
                if (options.defaults) {
                    object.red = 0;
                    object.green = 0;
                    object.blue = 0;
                    object.alpha = 0;
                    object.type = options.enums === String ? "constant" : 1;
                    object.string = null;
                    object.keyframefunction = null;
                    object.colorinterpolation = options.enums === String ? "color_interpolation_rgb" : 1;
                }
                if (message.red != null && message.hasOwnProperty("red"))
                    object.red = message.red;
                if (message.green != null && message.hasOwnProperty("green"))
                    object.green = message.green;
                if (message.blue != null && message.hasOwnProperty("blue"))
                    object.blue = message.blue;
                if (message.alpha != null && message.hasOwnProperty("alpha"))
                    object.alpha = message.alpha;
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.Color.Type[message.type] : message.type;
                if (message.string != null && message.hasOwnProperty("string"))
                    object.string = $root.JetSDL.Proto.StringVariable.toObject(message.string, options);
                if (message.keyframes && message.keyframes.length) {
                    object.keyframes = [];
                    for (var j = 0; j < message.keyframes.length; ++j)
                        object.keyframes[j] = $root.JetSDL.Proto.Color.ColorKeyframe.toObject(message.keyframes[j], options);
                }
                if (message.keyframefunction != null && message.hasOwnProperty("keyframefunction"))
                    object.keyframefunction = $root.JetSDL.Proto.Function.toObject(message.keyframefunction, options);
                if (message.colorinterpolation != null && message.hasOwnProperty("colorinterpolation"))
                    object.colorinterpolation = options.enums === String ? $root.JetSDL.Proto.Color.ColorInterpolationMode[message.colorinterpolation] : message.colorinterpolation;
                return object;
            };

            /**
             * Creates a plain object from this Color message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Color.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Color to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Color.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.Color
             * @enum {number}
             * @property {number} constant=1 constant value
             * @property {number} stringvariable=2 stringvariable value
             * @property {number} keyframe=3 keyframe value
             */
            Color.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "constant"] = 1;
                values[valuesById[2] = "stringvariable"] = 2;
                values[valuesById[3] = "keyframe"] = 3;
                return values;
            })();

            Color.ColorKeyframe = (function() {

                /**
                 * Properties of a ColorKeyframe.
                 * @typedef JetSDL.Proto.Color.ColorKeyframe$Properties
                 * @type {Object}
                 * @property {number} [time] ColorKeyframe time.
                 * @property {JetSDL.Proto.Color$Properties} [color] ColorKeyframe color.
                 */

                /**
                 * Constructs a new ColorKeyframe.
                 * @exports JetSDL.Proto.Color.ColorKeyframe
                 * @constructor
                 * @param {JetSDL.Proto.Color.ColorKeyframe$Properties=} [properties] Properties to set
                 */
                function ColorKeyframe(properties) {
                    if (properties)
                        for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                            if (properties[keys[i]] != null)
                                this[keys[i]] = properties[keys[i]];
                }

                /**
                 * ColorKeyframe time.
                 * @type {number}
                 */
                ColorKeyframe.prototype.time = 0;

                /**
                 * ColorKeyframe color.
                 * @type {(JetSDL.Proto.Color$Properties|null)}
                 */
                ColorKeyframe.prototype.color = null;

                /**
                 * Creates a new ColorKeyframe instance using the specified properties.
                 * @param {JetSDL.Proto.Color.ColorKeyframe$Properties=} [properties] Properties to set
                 * @returns {JetSDL.Proto.Color.ColorKeyframe} ColorKeyframe instance
                 */
                ColorKeyframe.create = function create(properties) {
                    return new ColorKeyframe(properties);
                };

                /**
                 * Encodes the specified ColorKeyframe message. Does not implicitly {@link JetSDL.Proto.Color.ColorKeyframe.verify|verify} messages.
                 * @param {JetSDL.Proto.Color.ColorKeyframe$Properties} message ColorKeyframe message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                ColorKeyframe.encode = function encode(message, writer) {
                    if (!writer)
                        writer = $Writer.create();
                    if (message.time != null && message.hasOwnProperty("time"))
                        writer.uint32(/* id 2, wireType 1 =*/17).double(message.time);
                    if (message.color != null && message.hasOwnProperty("color"))
                        $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                    return writer;
                };

                /**
                 * Encodes the specified ColorKeyframe message, length delimited. Does not implicitly {@link JetSDL.Proto.Color.ColorKeyframe.verify|verify} messages.
                 * @param {JetSDL.Proto.Color.ColorKeyframe$Properties} message ColorKeyframe message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                ColorKeyframe.encodeDelimited = function encodeDelimited(message, writer) {
                    return this.encode(message, writer).ldelim();
                };

                /**
                 * Decodes a ColorKeyframe message from the specified reader or buffer.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @param {number} [length] Message length if known beforehand
                 * @returns {JetSDL.Proto.Color.ColorKeyframe} ColorKeyframe
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                ColorKeyframe.decode = function decode(reader, length) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader.create(reader);
                    var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Color.ColorKeyframe();
                    while (reader.pos < end) {
                        var tag = reader.uint32();
                        switch (tag >>> 3) {
                        case 2:
                            message.time = reader.double();
                            break;
                        case 3:
                            message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                            break;
                        default:
                            reader.skipType(tag & 7);
                            break;
                        }
                    }
                    return message;
                };

                /**
                 * Decodes a ColorKeyframe message from the specified reader or buffer, length delimited.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @returns {JetSDL.Proto.Color.ColorKeyframe} ColorKeyframe
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                ColorKeyframe.decodeDelimited = function decodeDelimited(reader) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader(reader);
                    return this.decode(reader, reader.uint32());
                };

                /**
                 * Verifies a ColorKeyframe message.
                 * @param {Object.<string,*>} message Plain object to verify
                 * @returns {?string} `null` if valid, otherwise the reason why it is not
                 */
                ColorKeyframe.verify = function verify(message) {
                    if (typeof message !== "object" || message === null)
                        return "object expected";
                    if (message.time != null && message.hasOwnProperty("time"))
                        if (typeof message.time !== "number")
                            return "time: number expected";
                    if (message.color != null && message.hasOwnProperty("color")) {
                        var error = $root.JetSDL.Proto.Color.verify(message.color);
                        if (error)
                            return "color." + error;
                    }
                    return null;
                };

                /**
                 * Creates a ColorKeyframe message from a plain object. Also converts values to their respective internal types.
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.Color.ColorKeyframe} ColorKeyframe
                 */
                ColorKeyframe.fromObject = function fromObject(object) {
                    if (object instanceof $root.JetSDL.Proto.Color.ColorKeyframe)
                        return object;
                    var message = new $root.JetSDL.Proto.Color.ColorKeyframe();
                    if (object.time != null)
                        message.time = Number(object.time);
                    if (object.color != null) {
                        if (typeof object.color !== "object")
                            throw TypeError(".JetSDL.Proto.Color.ColorKeyframe.color: object expected");
                        message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                    }
                    return message;
                };

                /**
                 * Creates a ColorKeyframe message from a plain object. Also converts values to their respective internal types.
                 * This is an alias of {@link JetSDL.Proto.Color.ColorKeyframe.fromObject}.
                 * @function
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.Color.ColorKeyframe} ColorKeyframe
                 */
                ColorKeyframe.from = ColorKeyframe.fromObject;

                /**
                 * Creates a plain object from a ColorKeyframe message. Also converts values to other types if specified.
                 * @param {JetSDL.Proto.Color.ColorKeyframe} message ColorKeyframe
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                ColorKeyframe.toObject = function toObject(message, options) {
                    if (!options)
                        options = {};
                    var object = {};
                    if (options.defaults) {
                        object.time = 0;
                        object.color = null;
                    }
                    if (message.time != null && message.hasOwnProperty("time"))
                        object.time = message.time;
                    if (message.color != null && message.hasOwnProperty("color"))
                        object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                    return object;
                };

                /**
                 * Creates a plain object from this ColorKeyframe message. Also converts values to other types if specified.
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                ColorKeyframe.prototype.toObject = function toObject(options) {
                    return this.constructor.toObject(this, options);
                };

                /**
                 * Converts this ColorKeyframe to JSON.
                 * @returns {Object.<string,*>} JSON object
                 */
                ColorKeyframe.prototype.toJSON = function toJSON() {
                    return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
                };

                return ColorKeyframe;
            })();

            /**
             * ColorInterpolationMode enum.
             * @name ColorInterpolationMode
             * @memberof JetSDL.Proto.Color
             * @enum {number}
             * @property {number} color_interpolation_rgb=1 color_interpolation_rgb value
             * @property {number} color_interpolation_lab=2 color_interpolation_lab value
             * @property {number} color_interpolation_hsv=3 color_interpolation_hsv value
             */
            Color.ColorInterpolationMode = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "color_interpolation_rgb"] = 1;
                values[valuesById[2] = "color_interpolation_lab"] = 2;
                values[valuesById[3] = "color_interpolation_hsv"] = 3;
                return values;
            })();

            return Color;
        })();

        Proto.TrackData = (function() {

            /**
             * Properties of a TrackData.
             * @typedef JetSDL.Proto.TrackData$Properties
             * @type {Object}
             * @property {JetSDL.Proto.TrackData.Type} [type] TrackData type.
             * @property {JetSDL.Proto.FileLocation$Properties} [source] TrackData source.
             * @property {number} [offset] TrackData offset.
             * @property {JetSDL.Proto.EmbeddedTrackData$Properties} [embeddeddata] TrackData embeddeddata.
             * @property {Array.<number>} [scale] TrackData scale.
             * @property {boolean} [failfast] TrackData failfast.
             * @property {JetSDL.Proto.EndBehaviour} [endbehavior] TrackData endbehavior.
             * @property {JetSDL.Proto.PointsVariable$Properties} [points] TrackData points.
             * @property {JetSDL.Proto.StringVariable$Properties} [string] TrackData string.
             * @property {boolean} [httpalwaysload] TrackData httpalwaysload.
             * @property {boolean} [uselocalhttpproxy] TrackData uselocalhttpproxy.
             * @property {Array.<JetSDL.Proto.KeyFrameTrackData$Properties>} [keyframes] TrackData keyframes.
             * @property {number} [numframes] TrackData numframes.
             */

            /**
             * Constructs a new TrackData.
             * @exports JetSDL.Proto.TrackData
             * @constructor
             * @param {JetSDL.Proto.TrackData$Properties=} [properties] Properties to set
             */
            function TrackData(properties) {
                this.scale = [];
                this.keyframes = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * TrackData type.
             * @type {JetSDL.Proto.TrackData.Type}
             */
            TrackData.prototype.type = 1;

            /**
             * TrackData source.
             * @type {(JetSDL.Proto.FileLocation$Properties|null)}
             */
            TrackData.prototype.source = null;

            /**
             * TrackData offset.
             * @type {number}
             */
            TrackData.prototype.offset = 0;

            /**
             * TrackData embeddeddata.
             * @type {(JetSDL.Proto.EmbeddedTrackData$Properties|null)}
             */
            TrackData.prototype.embeddeddata = null;

            /**
             * TrackData scale.
             * @type {Array.<number>}
             */
            TrackData.prototype.scale = $util.emptyArray;

            /**
             * TrackData failfast.
             * @type {boolean}
             */
            TrackData.prototype.failfast = false;

            /**
             * TrackData endbehavior.
             * @type {JetSDL.Proto.EndBehaviour}
             */
            TrackData.prototype.endbehavior = 0;

            /**
             * TrackData points.
             * @type {(JetSDL.Proto.PointsVariable$Properties|null)}
             */
            TrackData.prototype.points = null;

            /**
             * TrackData string.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            TrackData.prototype.string = null;

            /**
             * TrackData httpalwaysload.
             * @type {boolean}
             */
            TrackData.prototype.httpalwaysload = false;

            /**
             * TrackData uselocalhttpproxy.
             * @type {boolean}
             */
            TrackData.prototype.uselocalhttpproxy = false;

            /**
             * TrackData keyframes.
             * @type {Array.<JetSDL.Proto.KeyFrameTrackData$Properties>}
             */
            TrackData.prototype.keyframes = $util.emptyArray;

            /**
             * TrackData numframes.
             * @type {number}
             */
            TrackData.prototype.numframes = 1;

            /**
             * Creates a new TrackData instance using the specified properties.
             * @param {JetSDL.Proto.TrackData$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.TrackData} TrackData instance
             */
            TrackData.create = function create(properties) {
                return new TrackData(properties);
            };

            /**
             * Encodes the specified TrackData message. Does not implicitly {@link JetSDL.Proto.TrackData.verify|verify} messages.
             * @param {JetSDL.Proto.TrackData$Properties} message TrackData message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            TrackData.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.type != null && message.hasOwnProperty("type"))
                    writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.source != null && message.hasOwnProperty("source"))
                    $root.JetSDL.Proto.FileLocation.encode(message.source, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.offset != null && message.hasOwnProperty("offset"))
                    writer.uint32(/* id 3, wireType 0 =*/24).int32(message.offset);
                if (message.embeddeddata != null && message.hasOwnProperty("embeddeddata"))
                    $root.JetSDL.Proto.EmbeddedTrackData.encode(message.embeddeddata, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                if (message.scale != null && message.scale.length)
                    for (var i = 0; i < message.scale.length; ++i)
                        writer.uint32(/* id 5, wireType 1 =*/41).double(message.scale[i]);
                if (message.failfast != null && message.hasOwnProperty("failfast"))
                    writer.uint32(/* id 6, wireType 0 =*/48).bool(message.failfast);
                if (message.endbehavior != null && message.hasOwnProperty("endbehavior"))
                    writer.uint32(/* id 7, wireType 0 =*/56).uint32(message.endbehavior);
                if (message.points != null && message.hasOwnProperty("points"))
                    $root.JetSDL.Proto.PointsVariable.encode(message.points, writer.uint32(/* id 8, wireType 2 =*/66).fork()).ldelim();
                if (message.string != null && message.hasOwnProperty("string"))
                    $root.JetSDL.Proto.StringVariable.encode(message.string, writer.uint32(/* id 9, wireType 2 =*/74).fork()).ldelim();
                if (message.httpalwaysload != null && message.hasOwnProperty("httpalwaysload"))
                    writer.uint32(/* id 10, wireType 0 =*/80).bool(message.httpalwaysload);
                if (message.uselocalhttpproxy != null && message.hasOwnProperty("uselocalhttpproxy"))
                    writer.uint32(/* id 11, wireType 0 =*/88).bool(message.uselocalhttpproxy);
                if (message.keyframes != null && message.keyframes.length)
                    for (var i = 0; i < message.keyframes.length; ++i)
                        $root.JetSDL.Proto.KeyFrameTrackData.encode(message.keyframes[i], writer.uint32(/* id 12, wireType 2 =*/98).fork()).ldelim();
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    writer.uint32(/* id 13, wireType 0 =*/104).int32(message.numframes);
                return writer;
            };

            /**
             * Encodes the specified TrackData message, length delimited. Does not implicitly {@link JetSDL.Proto.TrackData.verify|verify} messages.
             * @param {JetSDL.Proto.TrackData$Properties} message TrackData message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            TrackData.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a TrackData message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.TrackData} TrackData
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            TrackData.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.TrackData();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        message.source = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                        break;
                    case 3:
                        message.offset = reader.int32();
                        break;
                    case 4:
                        message.embeddeddata = $root.JetSDL.Proto.EmbeddedTrackData.decode(reader, reader.uint32());
                        break;
                    case 5:
                        if (!(message.scale && message.scale.length))
                            message.scale = [];
                        if ((tag & 7) === 2) {
                            var end2 = reader.uint32() + reader.pos;
                            while (reader.pos < end2)
                                message.scale.push(reader.double());
                        } else
                            message.scale.push(reader.double());
                        break;
                    case 6:
                        message.failfast = reader.bool();
                        break;
                    case 7:
                        message.endbehavior = reader.uint32();
                        break;
                    case 8:
                        message.points = $root.JetSDL.Proto.PointsVariable.decode(reader, reader.uint32());
                        break;
                    case 9:
                        message.string = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 10:
                        message.httpalwaysload = reader.bool();
                        break;
                    case 11:
                        message.uselocalhttpproxy = reader.bool();
                        break;
                    case 12:
                        if (!(message.keyframes && message.keyframes.length))
                            message.keyframes = [];
                        message.keyframes.push($root.JetSDL.Proto.KeyFrameTrackData.decode(reader, reader.uint32()));
                        break;
                    case 13:
                        message.numframes = reader.int32();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a TrackData message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.TrackData} TrackData
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            TrackData.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a TrackData message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            TrackData.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.type != null && message.hasOwnProperty("type"))
                    switch (message.type) {
                    default:
                        return "type: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                    case 6:
                        break;
                    }
                if (message.source != null && message.hasOwnProperty("source")) {
                    var error = $root.JetSDL.Proto.FileLocation.verify(message.source);
                    if (error)
                        return "source." + error;
                }
                if (message.offset != null && message.hasOwnProperty("offset"))
                    if (!$util.isInteger(message.offset))
                        return "offset: integer expected";
                if (message.embeddeddata != null && message.hasOwnProperty("embeddeddata")) {
                    var error = $root.JetSDL.Proto.EmbeddedTrackData.verify(message.embeddeddata);
                    if (error)
                        return "embeddeddata." + error;
                }
                if (message.scale != null && message.hasOwnProperty("scale")) {
                    if (!Array.isArray(message.scale))
                        return "scale: array expected";
                    for (var i = 0; i < message.scale.length; ++i)
                        if (typeof message.scale[i] !== "number")
                            return "scale: number[] expected";
                }
                if (message.failfast != null && message.hasOwnProperty("failfast"))
                    if (typeof message.failfast !== "boolean")
                        return "failfast: boolean expected";
                if (message.endbehavior != null && message.hasOwnProperty("endbehavior"))
                    switch (message.endbehavior) {
                    default:
                        return "endbehavior: enum value expected";
                    case 0:
                    case 1:
                    case -2:
                    case -3:
                    case -4:
                        break;
                    }
                if (message.points != null && message.hasOwnProperty("points")) {
                    var error = $root.JetSDL.Proto.PointsVariable.verify(message.points);
                    if (error)
                        return "points." + error;
                }
                if (message.string != null && message.hasOwnProperty("string")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.string);
                    if (error)
                        return "string." + error;
                }
                if (message.httpalwaysload != null && message.hasOwnProperty("httpalwaysload"))
                    if (typeof message.httpalwaysload !== "boolean")
                        return "httpalwaysload: boolean expected";
                if (message.uselocalhttpproxy != null && message.hasOwnProperty("uselocalhttpproxy"))
                    if (typeof message.uselocalhttpproxy !== "boolean")
                        return "uselocalhttpproxy: boolean expected";
                if (message.keyframes != null && message.hasOwnProperty("keyframes")) {
                    if (!Array.isArray(message.keyframes))
                        return "keyframes: array expected";
                    for (var i = 0; i < message.keyframes.length; ++i) {
                        var error = $root.JetSDL.Proto.KeyFrameTrackData.verify(message.keyframes[i]);
                        if (error)
                            return "keyframes." + error;
                    }
                }
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    if (!$util.isInteger(message.numframes))
                        return "numframes: integer expected";
                return null;
            };

            /**
             * Creates a TrackData message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.TrackData} TrackData
             */
            TrackData.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.TrackData)
                    return object;
                var message = new $root.JetSDL.Proto.TrackData();
                switch (object.type) {
                case "file":
                case 1:
                    message.type = 1;
                    break;
                case "embedded":
                case 2:
                    message.type = 2;
                    break;
                case "variable":
                case 3:
                    message.type = 3;
                    break;
                case "http":
                case 4:
                    message.type = 4;
                    break;
                case "stringvariable":
                case 5:
                    message.type = 5;
                    break;
                case "keyframe":
                case 6:
                    message.type = 6;
                    break;
                }
                if (object.source != null) {
                    if (typeof object.source !== "object")
                        throw TypeError(".JetSDL.Proto.TrackData.source: object expected");
                    message.source = $root.JetSDL.Proto.FileLocation.fromObject(object.source);
                }
                if (object.offset != null)
                    message.offset = object.offset | 0;
                if (object.embeddeddata != null) {
                    if (typeof object.embeddeddata !== "object")
                        throw TypeError(".JetSDL.Proto.TrackData.embeddeddata: object expected");
                    message.embeddeddata = $root.JetSDL.Proto.EmbeddedTrackData.fromObject(object.embeddeddata);
                }
                if (object.scale) {
                    if (!Array.isArray(object.scale))
                        throw TypeError(".JetSDL.Proto.TrackData.scale: array expected");
                    message.scale = [];
                    for (var i = 0; i < object.scale.length; ++i)
                        message.scale[i] = Number(object.scale[i]);
                }
                if (object.failfast != null)
                    message.failfast = Boolean(object.failfast);
                switch (object.endbehavior) {
                case "repeatlast":
                case 0:
                    message.endbehavior = 0;
                    break;
                case "loop":
                case 1:
                    message.endbehavior = 1;
                    break;
                case "emptyframe":
                case -2:
                    message.endbehavior = -2;
                    break;
                case "fullframe":
                case -3:
                    message.endbehavior = -3;
                    break;
                case "fail":
                case -4:
                    message.endbehavior = -4;
                    break;
                }
                if (object.points != null) {
                    if (typeof object.points !== "object")
                        throw TypeError(".JetSDL.Proto.TrackData.points: object expected");
                    message.points = $root.JetSDL.Proto.PointsVariable.fromObject(object.points);
                }
                if (object.string != null) {
                    if (typeof object.string !== "object")
                        throw TypeError(".JetSDL.Proto.TrackData.string: object expected");
                    message.string = $root.JetSDL.Proto.StringVariable.fromObject(object.string);
                }
                if (object.httpalwaysload != null)
                    message.httpalwaysload = Boolean(object.httpalwaysload);
                if (object.uselocalhttpproxy != null)
                    message.uselocalhttpproxy = Boolean(object.uselocalhttpproxy);
                if (object.keyframes) {
                    if (!Array.isArray(object.keyframes))
                        throw TypeError(".JetSDL.Proto.TrackData.keyframes: array expected");
                    message.keyframes = [];
                    for (var i = 0; i < object.keyframes.length; ++i) {
                        if (typeof object.keyframes[i] !== "object")
                            throw TypeError(".JetSDL.Proto.TrackData.keyframes: object expected");
                        message.keyframes[i] = $root.JetSDL.Proto.KeyFrameTrackData.fromObject(object.keyframes[i]);
                    }
                }
                if (object.numframes != null)
                    message.numframes = object.numframes | 0;
                return message;
            };

            /**
             * Creates a TrackData message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.TrackData.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.TrackData} TrackData
             */
            TrackData.from = TrackData.fromObject;

            /**
             * Creates a plain object from a TrackData message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.TrackData} message TrackData
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            TrackData.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.scale = [];
                    object.keyframes = [];
                }
                if (options.defaults) {
                    object.type = options.enums === String ? "file" : 1;
                    object.source = null;
                    object.offset = 0;
                    object.embeddeddata = null;
                    object.failfast = false;
                    object.endbehavior = options.enums === String ? "repeatlast" : 0;
                    object.points = null;
                    object.string = null;
                    object.httpalwaysload = false;
                    object.uselocalhttpproxy = false;
                    object.numframes = 1;
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.TrackData.Type[message.type] : message.type;
                if (message.source != null && message.hasOwnProperty("source"))
                    object.source = $root.JetSDL.Proto.FileLocation.toObject(message.source, options);
                if (message.offset != null && message.hasOwnProperty("offset"))
                    object.offset = message.offset;
                if (message.embeddeddata != null && message.hasOwnProperty("embeddeddata"))
                    object.embeddeddata = $root.JetSDL.Proto.EmbeddedTrackData.toObject(message.embeddeddata, options);
                if (message.scale && message.scale.length) {
                    object.scale = [];
                    for (var j = 0; j < message.scale.length; ++j)
                        object.scale[j] = message.scale[j];
                }
                if (message.failfast != null && message.hasOwnProperty("failfast"))
                    object.failfast = message.failfast;
                if (message.endbehavior != null && message.hasOwnProperty("endbehavior"))
                    object.endbehavior = options.enums === String ? $root.JetSDL.Proto.EndBehaviour[message.endbehavior] : message.endbehavior;
                if (message.points != null && message.hasOwnProperty("points"))
                    object.points = $root.JetSDL.Proto.PointsVariable.toObject(message.points, options);
                if (message.string != null && message.hasOwnProperty("string"))
                    object.string = $root.JetSDL.Proto.StringVariable.toObject(message.string, options);
                if (message.httpalwaysload != null && message.hasOwnProperty("httpalwaysload"))
                    object.httpalwaysload = message.httpalwaysload;
                if (message.uselocalhttpproxy != null && message.hasOwnProperty("uselocalhttpproxy"))
                    object.uselocalhttpproxy = message.uselocalhttpproxy;
                if (message.keyframes && message.keyframes.length) {
                    object.keyframes = [];
                    for (var j = 0; j < message.keyframes.length; ++j)
                        object.keyframes[j] = $root.JetSDL.Proto.KeyFrameTrackData.toObject(message.keyframes[j], options);
                }
                if (message.numframes != null && message.hasOwnProperty("numframes"))
                    object.numframes = message.numframes;
                return object;
            };

            /**
             * Creates a plain object from this TrackData message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            TrackData.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this TrackData to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            TrackData.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.TrackData
             * @enum {number}
             * @property {number} file=1 file value
             * @property {number} embedded=2 embedded value
             * @property {number} variable=3 variable value
             * @property {number} http=4 http value
             * @property {number} stringvariable=5 stringvariable value
             * @property {number} keyframe=6 keyframe value
             */
            TrackData.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "file"] = 1;
                values[valuesById[2] = "embedded"] = 2;
                values[valuesById[3] = "variable"] = 3;
                values[valuesById[4] = "http"] = 4;
                values[valuesById[5] = "stringvariable"] = 5;
                values[valuesById[6] = "keyframe"] = 6;
                return values;
            })();

            return TrackData;
        })();

        Proto.KeyFrameTrackData = (function() {

            /**
             * Properties of a KeyFrameTrackData.
             * @typedef JetSDL.Proto.KeyFrameTrackData$Properties
             * @type {Object}
             * @property {number} [offset] KeyFrameTrackData offset.
             * @property {JetSDL.Proto.PointsVector$Properties} [points] KeyFrameTrackData points.
             * @property {number} [incomingVelocity] KeyFrameTrackData incomingVelocity.
             * @property {number} [incomingInfluence] KeyFrameTrackData incomingInfluence.
             * @property {number} [outgoingVelocity] KeyFrameTrackData outgoingVelocity.
             * @property {number} [outgoingInfluence] KeyFrameTrackData outgoingInfluence.
             */

            /**
             * Constructs a new KeyFrameTrackData.
             * @exports JetSDL.Proto.KeyFrameTrackData
             * @constructor
             * @param {JetSDL.Proto.KeyFrameTrackData$Properties=} [properties] Properties to set
             */
            function KeyFrameTrackData(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * KeyFrameTrackData offset.
             * @type {number}
             */
            KeyFrameTrackData.prototype.offset = 0;

            /**
             * KeyFrameTrackData points.
             * @type {(JetSDL.Proto.PointsVector$Properties|null)}
             */
            KeyFrameTrackData.prototype.points = null;

            /**
             * KeyFrameTrackData incomingVelocity.
             * @type {number}
             */
            KeyFrameTrackData.prototype.incomingVelocity = 0;

            /**
             * KeyFrameTrackData incomingInfluence.
             * @type {number}
             */
            KeyFrameTrackData.prototype.incomingInfluence = 0;

            /**
             * KeyFrameTrackData outgoingVelocity.
             * @type {number}
             */
            KeyFrameTrackData.prototype.outgoingVelocity = 0;

            /**
             * KeyFrameTrackData outgoingInfluence.
             * @type {number}
             */
            KeyFrameTrackData.prototype.outgoingInfluence = 0;

            /**
             * Creates a new KeyFrameTrackData instance using the specified properties.
             * @param {JetSDL.Proto.KeyFrameTrackData$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.KeyFrameTrackData} KeyFrameTrackData instance
             */
            KeyFrameTrackData.create = function create(properties) {
                return new KeyFrameTrackData(properties);
            };

            /**
             * Encodes the specified KeyFrameTrackData message. Does not implicitly {@link JetSDL.Proto.KeyFrameTrackData.verify|verify} messages.
             * @param {JetSDL.Proto.KeyFrameTrackData$Properties} message KeyFrameTrackData message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            KeyFrameTrackData.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.offset != null && message.hasOwnProperty("offset"))
                    writer.uint32(/* id 2, wireType 0 =*/16).int32(message.offset);
                if (message.points != null && message.hasOwnProperty("points"))
                    $root.JetSDL.Proto.PointsVector.encode(message.points, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.incomingVelocity != null && message.hasOwnProperty("incomingVelocity"))
                    writer.uint32(/* id 5, wireType 1 =*/41).double(message.incomingVelocity);
                if (message.incomingInfluence != null && message.hasOwnProperty("incomingInfluence"))
                    writer.uint32(/* id 6, wireType 1 =*/49).double(message.incomingInfluence);
                if (message.outgoingVelocity != null && message.hasOwnProperty("outgoingVelocity"))
                    writer.uint32(/* id 7, wireType 1 =*/57).double(message.outgoingVelocity);
                if (message.outgoingInfluence != null && message.hasOwnProperty("outgoingInfluence"))
                    writer.uint32(/* id 8, wireType 1 =*/65).double(message.outgoingInfluence);
                return writer;
            };

            /**
             * Encodes the specified KeyFrameTrackData message, length delimited. Does not implicitly {@link JetSDL.Proto.KeyFrameTrackData.verify|verify} messages.
             * @param {JetSDL.Proto.KeyFrameTrackData$Properties} message KeyFrameTrackData message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            KeyFrameTrackData.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a KeyFrameTrackData message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.KeyFrameTrackData} KeyFrameTrackData
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            KeyFrameTrackData.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.KeyFrameTrackData();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.offset = reader.int32();
                        break;
                    case 3:
                        message.points = $root.JetSDL.Proto.PointsVector.decode(reader, reader.uint32());
                        break;
                    case 5:
                        message.incomingVelocity = reader.double();
                        break;
                    case 6:
                        message.incomingInfluence = reader.double();
                        break;
                    case 7:
                        message.outgoingVelocity = reader.double();
                        break;
                    case 8:
                        message.outgoingInfluence = reader.double();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a KeyFrameTrackData message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.KeyFrameTrackData} KeyFrameTrackData
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            KeyFrameTrackData.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a KeyFrameTrackData message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            KeyFrameTrackData.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.offset != null && message.hasOwnProperty("offset"))
                    if (!$util.isInteger(message.offset))
                        return "offset: integer expected";
                if (message.points != null && message.hasOwnProperty("points")) {
                    var error = $root.JetSDL.Proto.PointsVector.verify(message.points);
                    if (error)
                        return "points." + error;
                }
                if (message.incomingVelocity != null && message.hasOwnProperty("incomingVelocity"))
                    if (typeof message.incomingVelocity !== "number")
                        return "incomingVelocity: number expected";
                if (message.incomingInfluence != null && message.hasOwnProperty("incomingInfluence"))
                    if (typeof message.incomingInfluence !== "number")
                        return "incomingInfluence: number expected";
                if (message.outgoingVelocity != null && message.hasOwnProperty("outgoingVelocity"))
                    if (typeof message.outgoingVelocity !== "number")
                        return "outgoingVelocity: number expected";
                if (message.outgoingInfluence != null && message.hasOwnProperty("outgoingInfluence"))
                    if (typeof message.outgoingInfluence !== "number")
                        return "outgoingInfluence: number expected";
                return null;
            };

            /**
             * Creates a KeyFrameTrackData message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.KeyFrameTrackData} KeyFrameTrackData
             */
            KeyFrameTrackData.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.KeyFrameTrackData)
                    return object;
                var message = new $root.JetSDL.Proto.KeyFrameTrackData();
                if (object.offset != null)
                    message.offset = object.offset | 0;
                if (object.points != null) {
                    if (typeof object.points !== "object")
                        throw TypeError(".JetSDL.Proto.KeyFrameTrackData.points: object expected");
                    message.points = $root.JetSDL.Proto.PointsVector.fromObject(object.points);
                }
                if (object.incomingVelocity != null)
                    message.incomingVelocity = Number(object.incomingVelocity);
                if (object.incomingInfluence != null)
                    message.incomingInfluence = Number(object.incomingInfluence);
                if (object.outgoingVelocity != null)
                    message.outgoingVelocity = Number(object.outgoingVelocity);
                if (object.outgoingInfluence != null)
                    message.outgoingInfluence = Number(object.outgoingInfluence);
                return message;
            };

            /**
             * Creates a KeyFrameTrackData message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.KeyFrameTrackData.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.KeyFrameTrackData} KeyFrameTrackData
             */
            KeyFrameTrackData.from = KeyFrameTrackData.fromObject;

            /**
             * Creates a plain object from a KeyFrameTrackData message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.KeyFrameTrackData} message KeyFrameTrackData
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            KeyFrameTrackData.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.offset = 0;
                    object.points = null;
                    object.incomingVelocity = 0;
                    object.incomingInfluence = 0;
                    object.outgoingVelocity = 0;
                    object.outgoingInfluence = 0;
                }
                if (message.offset != null && message.hasOwnProperty("offset"))
                    object.offset = message.offset;
                if (message.points != null && message.hasOwnProperty("points"))
                    object.points = $root.JetSDL.Proto.PointsVector.toObject(message.points, options);
                if (message.incomingVelocity != null && message.hasOwnProperty("incomingVelocity"))
                    object.incomingVelocity = message.incomingVelocity;
                if (message.incomingInfluence != null && message.hasOwnProperty("incomingInfluence"))
                    object.incomingInfluence = message.incomingInfluence;
                if (message.outgoingVelocity != null && message.hasOwnProperty("outgoingVelocity"))
                    object.outgoingVelocity = message.outgoingVelocity;
                if (message.outgoingInfluence != null && message.hasOwnProperty("outgoingInfluence"))
                    object.outgoingInfluence = message.outgoingInfluence;
                return object;
            };

            /**
             * Creates a plain object from this KeyFrameTrackData message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            KeyFrameTrackData.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this KeyFrameTrackData to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            KeyFrameTrackData.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return KeyFrameTrackData;
        })();

        Proto.EmbeddedTrackData = (function() {

            /**
             * Properties of an EmbeddedTrackData.
             * @typedef JetSDL.Proto.EmbeddedTrackData$Properties
             * @type {Object}
             * @property {Array.<JetSDL.Proto.PointsVector$Properties>} [frames] EmbeddedTrackData frames.
             * @property {number} [width] EmbeddedTrackData width.
             * @property {number} [height] EmbeddedTrackData height.
             * @property {JetSDL.Proto.Point$Properties} [motionstart] EmbeddedTrackData motionstart.
             * @property {JetSDL.Proto.Point$Properties} [motionend] EmbeddedTrackData motionend.
             */

            /**
             * Constructs a new EmbeddedTrackData.
             * @exports JetSDL.Proto.EmbeddedTrackData
             * @constructor
             * @param {JetSDL.Proto.EmbeddedTrackData$Properties=} [properties] Properties to set
             */
            function EmbeddedTrackData(properties) {
                this.frames = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * EmbeddedTrackData frames.
             * @type {Array.<JetSDL.Proto.PointsVector$Properties>}
             */
            EmbeddedTrackData.prototype.frames = $util.emptyArray;

            /**
             * EmbeddedTrackData width.
             * @type {number}
             */
            EmbeddedTrackData.prototype.width = 0;

            /**
             * EmbeddedTrackData height.
             * @type {number}
             */
            EmbeddedTrackData.prototype.height = 0;

            /**
             * EmbeddedTrackData motionstart.
             * @type {(JetSDL.Proto.Point$Properties|null)}
             */
            EmbeddedTrackData.prototype.motionstart = null;

            /**
             * EmbeddedTrackData motionend.
             * @type {(JetSDL.Proto.Point$Properties|null)}
             */
            EmbeddedTrackData.prototype.motionend = null;

            /**
             * Creates a new EmbeddedTrackData instance using the specified properties.
             * @param {JetSDL.Proto.EmbeddedTrackData$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.EmbeddedTrackData} EmbeddedTrackData instance
             */
            EmbeddedTrackData.create = function create(properties) {
                return new EmbeddedTrackData(properties);
            };

            /**
             * Encodes the specified EmbeddedTrackData message. Does not implicitly {@link JetSDL.Proto.EmbeddedTrackData.verify|verify} messages.
             * @param {JetSDL.Proto.EmbeddedTrackData$Properties} message EmbeddedTrackData message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            EmbeddedTrackData.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.frames != null && message.frames.length)
                    for (var i = 0; i < message.frames.length; ++i)
                        $root.JetSDL.Proto.PointsVector.encode(message.frames[i], writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.width != null && message.hasOwnProperty("width"))
                    writer.uint32(/* id 3, wireType 0 =*/24).int32(message.width);
                if (message.height != null && message.hasOwnProperty("height"))
                    writer.uint32(/* id 4, wireType 0 =*/32).int32(message.height);
                if (message.motionstart != null && message.hasOwnProperty("motionstart"))
                    $root.JetSDL.Proto.Point.encode(message.motionstart, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.motionend != null && message.hasOwnProperty("motionend"))
                    $root.JetSDL.Proto.Point.encode(message.motionend, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified EmbeddedTrackData message, length delimited. Does not implicitly {@link JetSDL.Proto.EmbeddedTrackData.verify|verify} messages.
             * @param {JetSDL.Proto.EmbeddedTrackData$Properties} message EmbeddedTrackData message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            EmbeddedTrackData.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an EmbeddedTrackData message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.EmbeddedTrackData} EmbeddedTrackData
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            EmbeddedTrackData.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.EmbeddedTrackData();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        if (!(message.frames && message.frames.length))
                            message.frames = [];
                        message.frames.push($root.JetSDL.Proto.PointsVector.decode(reader, reader.uint32()));
                        break;
                    case 3:
                        message.width = reader.int32();
                        break;
                    case 4:
                        message.height = reader.int32();
                        break;
                    case 5:
                        message.motionstart = $root.JetSDL.Proto.Point.decode(reader, reader.uint32());
                        break;
                    case 6:
                        message.motionend = $root.JetSDL.Proto.Point.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes an EmbeddedTrackData message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.EmbeddedTrackData} EmbeddedTrackData
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            EmbeddedTrackData.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an EmbeddedTrackData message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            EmbeddedTrackData.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.frames != null && message.hasOwnProperty("frames")) {
                    if (!Array.isArray(message.frames))
                        return "frames: array expected";
                    for (var i = 0; i < message.frames.length; ++i) {
                        var error = $root.JetSDL.Proto.PointsVector.verify(message.frames[i]);
                        if (error)
                            return "frames." + error;
                    }
                }
                if (message.width != null && message.hasOwnProperty("width"))
                    if (!$util.isInteger(message.width))
                        return "width: integer expected";
                if (message.height != null && message.hasOwnProperty("height"))
                    if (!$util.isInteger(message.height))
                        return "height: integer expected";
                if (message.motionstart != null && message.hasOwnProperty("motionstart")) {
                    var error = $root.JetSDL.Proto.Point.verify(message.motionstart);
                    if (error)
                        return "motionstart." + error;
                }
                if (message.motionend != null && message.hasOwnProperty("motionend")) {
                    var error = $root.JetSDL.Proto.Point.verify(message.motionend);
                    if (error)
                        return "motionend." + error;
                }
                return null;
            };

            /**
             * Creates an EmbeddedTrackData message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.EmbeddedTrackData} EmbeddedTrackData
             */
            EmbeddedTrackData.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.EmbeddedTrackData)
                    return object;
                var message = new $root.JetSDL.Proto.EmbeddedTrackData();
                if (object.frames) {
                    if (!Array.isArray(object.frames))
                        throw TypeError(".JetSDL.Proto.EmbeddedTrackData.frames: array expected");
                    message.frames = [];
                    for (var i = 0; i < object.frames.length; ++i) {
                        if (typeof object.frames[i] !== "object")
                            throw TypeError(".JetSDL.Proto.EmbeddedTrackData.frames: object expected");
                        message.frames[i] = $root.JetSDL.Proto.PointsVector.fromObject(object.frames[i]);
                    }
                }
                if (object.width != null)
                    message.width = object.width | 0;
                if (object.height != null)
                    message.height = object.height | 0;
                if (object.motionstart != null) {
                    if (typeof object.motionstart !== "object")
                        throw TypeError(".JetSDL.Proto.EmbeddedTrackData.motionstart: object expected");
                    message.motionstart = $root.JetSDL.Proto.Point.fromObject(object.motionstart);
                }
                if (object.motionend != null) {
                    if (typeof object.motionend !== "object")
                        throw TypeError(".JetSDL.Proto.EmbeddedTrackData.motionend: object expected");
                    message.motionend = $root.JetSDL.Proto.Point.fromObject(object.motionend);
                }
                return message;
            };

            /**
             * Creates an EmbeddedTrackData message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.EmbeddedTrackData.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.EmbeddedTrackData} EmbeddedTrackData
             */
            EmbeddedTrackData.from = EmbeddedTrackData.fromObject;

            /**
             * Creates a plain object from an EmbeddedTrackData message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.EmbeddedTrackData} message EmbeddedTrackData
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            EmbeddedTrackData.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.frames = [];
                if (options.defaults) {
                    object.width = 0;
                    object.height = 0;
                    object.motionstart = null;
                    object.motionend = null;
                }
                if (message.frames && message.frames.length) {
                    object.frames = [];
                    for (var j = 0; j < message.frames.length; ++j)
                        object.frames[j] = $root.JetSDL.Proto.PointsVector.toObject(message.frames[j], options);
                }
                if (message.width != null && message.hasOwnProperty("width"))
                    object.width = message.width;
                if (message.height != null && message.hasOwnProperty("height"))
                    object.height = message.height;
                if (message.motionstart != null && message.hasOwnProperty("motionstart"))
                    object.motionstart = $root.JetSDL.Proto.Point.toObject(message.motionstart, options);
                if (message.motionend != null && message.hasOwnProperty("motionend"))
                    object.motionend = $root.JetSDL.Proto.Point.toObject(message.motionend, options);
                return object;
            };

            /**
             * Creates a plain object from this EmbeddedTrackData message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            EmbeddedTrackData.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this EmbeddedTrackData to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            EmbeddedTrackData.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return EmbeddedTrackData;
        })();

        Proto.TrackDataFrame = (function() {

            /**
             * Properties of a TrackDataFrame.
             * @typedef JetSDL.Proto.TrackDataFrame$Properties
             * @type {Object}
             * @property {JetSDL.Proto.PointsVector$Properties} [points] TrackDataFrame points.
             */

            /**
             * Constructs a new TrackDataFrame.
             * @exports JetSDL.Proto.TrackDataFrame
             * @constructor
             * @param {JetSDL.Proto.TrackDataFrame$Properties=} [properties] Properties to set
             */
            function TrackDataFrame(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * TrackDataFrame points.
             * @type {(JetSDL.Proto.PointsVector$Properties|null)}
             */
            TrackDataFrame.prototype.points = null;

            /**
             * Creates a new TrackDataFrame instance using the specified properties.
             * @param {JetSDL.Proto.TrackDataFrame$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.TrackDataFrame} TrackDataFrame instance
             */
            TrackDataFrame.create = function create(properties) {
                return new TrackDataFrame(properties);
            };

            /**
             * Encodes the specified TrackDataFrame message. Does not implicitly {@link JetSDL.Proto.TrackDataFrame.verify|verify} messages.
             * @param {JetSDL.Proto.TrackDataFrame$Properties} message TrackDataFrame message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            TrackDataFrame.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.points != null && message.hasOwnProperty("points"))
                    $root.JetSDL.Proto.PointsVector.encode(message.points, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified TrackDataFrame message, length delimited. Does not implicitly {@link JetSDL.Proto.TrackDataFrame.verify|verify} messages.
             * @param {JetSDL.Proto.TrackDataFrame$Properties} message TrackDataFrame message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            TrackDataFrame.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a TrackDataFrame message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.TrackDataFrame} TrackDataFrame
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            TrackDataFrame.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.TrackDataFrame();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.points = $root.JetSDL.Proto.PointsVector.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a TrackDataFrame message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.TrackDataFrame} TrackDataFrame
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            TrackDataFrame.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a TrackDataFrame message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            TrackDataFrame.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.points != null && message.hasOwnProperty("points")) {
                    var error = $root.JetSDL.Proto.PointsVector.verify(message.points);
                    if (error)
                        return "points." + error;
                }
                return null;
            };

            /**
             * Creates a TrackDataFrame message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.TrackDataFrame} TrackDataFrame
             */
            TrackDataFrame.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.TrackDataFrame)
                    return object;
                var message = new $root.JetSDL.Proto.TrackDataFrame();
                if (object.points != null) {
                    if (typeof object.points !== "object")
                        throw TypeError(".JetSDL.Proto.TrackDataFrame.points: object expected");
                    message.points = $root.JetSDL.Proto.PointsVector.fromObject(object.points);
                }
                return message;
            };

            /**
             * Creates a TrackDataFrame message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.TrackDataFrame.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.TrackDataFrame} TrackDataFrame
             */
            TrackDataFrame.from = TrackDataFrame.fromObject;

            /**
             * Creates a plain object from a TrackDataFrame message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.TrackDataFrame} message TrackDataFrame
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            TrackDataFrame.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults)
                    object.points = null;
                if (message.points != null && message.hasOwnProperty("points"))
                    object.points = $root.JetSDL.Proto.PointsVector.toObject(message.points, options);
                return object;
            };

            /**
             * Creates a plain object from this TrackDataFrame message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            TrackDataFrame.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this TrackDataFrame to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            TrackDataFrame.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return TrackDataFrame;
        })();

        Proto.Subtitles = (function() {

            /**
             * Properties of a Subtitles.
             * @typedef JetSDL.Proto.Subtitles$Properties
             * @type {Object}
             * @property {JetSDL.Proto.ImageProvider$Properties} content Subtitles content.
             * @property {Array.<string>} [languages] Subtitles languages.
             */

            /**
             * Constructs a new Subtitles.
             * @exports JetSDL.Proto.Subtitles
             * @constructor
             * @param {JetSDL.Proto.Subtitles$Properties=} [properties] Properties to set
             */
            function Subtitles(properties) {
                this.languages = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Subtitles content.
             * @type {JetSDL.Proto.ImageProvider$Properties}
             */
            Subtitles.prototype.content = null;

            /**
             * Subtitles languages.
             * @type {Array.<string>}
             */
            Subtitles.prototype.languages = $util.emptyArray;

            /**
             * Creates a new Subtitles instance using the specified properties.
             * @param {JetSDL.Proto.Subtitles$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Subtitles} Subtitles instance
             */
            Subtitles.create = function create(properties) {
                return new Subtitles(properties);
            };

            /**
             * Encodes the specified Subtitles message. Does not implicitly {@link JetSDL.Proto.Subtitles.verify|verify} messages.
             * @param {JetSDL.Proto.Subtitles$Properties} message Subtitles message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Subtitles.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                $root.JetSDL.Proto.ImageProvider.encode(message.content, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.languages != null && message.languages.length)
                    for (var i = 0; i < message.languages.length; ++i)
                        writer.uint32(/* id 3, wireType 2 =*/26).string(message.languages[i]);
                return writer;
            };

            /**
             * Encodes the specified Subtitles message, length delimited. Does not implicitly {@link JetSDL.Proto.Subtitles.verify|verify} messages.
             * @param {JetSDL.Proto.Subtitles$Properties} message Subtitles message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Subtitles.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Subtitles message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Subtitles} Subtitles
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Subtitles.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Subtitles();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.content = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                        break;
                    case 3:
                        if (!(message.languages && message.languages.length))
                            message.languages = [];
                        message.languages.push(reader.string());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("content"))
                    throw $util.ProtocolError("missing required 'content'", { instance: message });
                return message;
            };

            /**
             * Decodes a Subtitles message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Subtitles} Subtitles
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Subtitles.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Subtitles message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Subtitles.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                var error = $root.JetSDL.Proto.ImageProvider.verify(message.content);
                if (error)
                    return "content." + error;
                if (message.languages != null && message.hasOwnProperty("languages")) {
                    if (!Array.isArray(message.languages))
                        return "languages: array expected";
                    for (var i = 0; i < message.languages.length; ++i)
                        if (!$util.isString(message.languages[i]))
                            return "languages: string[] expected";
                }
                return null;
            };

            /**
             * Creates a Subtitles message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Subtitles} Subtitles
             */
            Subtitles.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Subtitles)
                    return object;
                var message = new $root.JetSDL.Proto.Subtitles();
                if (object.content != null) {
                    if (typeof object.content !== "object")
                        throw TypeError(".JetSDL.Proto.Subtitles.content: object expected");
                    message.content = $root.JetSDL.Proto.ImageProvider.fromObject(object.content);
                }
                if (object.languages) {
                    if (!Array.isArray(object.languages))
                        throw TypeError(".JetSDL.Proto.Subtitles.languages: array expected");
                    message.languages = [];
                    for (var i = 0; i < object.languages.length; ++i)
                        message.languages[i] = String(object.languages[i]);
                }
                return message;
            };

            /**
             * Creates a Subtitles message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Subtitles.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Subtitles} Subtitles
             */
            Subtitles.from = Subtitles.fromObject;

            /**
             * Creates a plain object from a Subtitles message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Subtitles} message Subtitles
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Subtitles.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.languages = [];
                if (options.defaults)
                    object.content = null;
                if (message.content != null && message.hasOwnProperty("content"))
                    object.content = $root.JetSDL.Proto.ImageProvider.toObject(message.content, options);
                if (message.languages && message.languages.length) {
                    object.languages = [];
                    for (var j = 0; j < message.languages.length; ++j)
                        object.languages[j] = message.languages[j];
                }
                return object;
            };

            /**
             * Creates a plain object from this Subtitles message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Subtitles.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Subtitles to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Subtitles.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return Subtitles;
        })();

        Proto.StringVariable = (function() {

            /**
             * Properties of a StringVariable.
             * @typedef JetSDL.Proto.StringVariable$Properties
             * @type {Object}
             * @property {JetSDL.Proto.StringVariable.Type} type StringVariable type.
             * @property {JetSDL.Proto.FileLocation$Properties} [source] StringVariable source.
             * @property {string} [key] StringVariable key.
             * @property {Array.<string>} [randomvalues] StringVariable randomvalues.
             * @property {string} [value] StringVariable value.
             * @property {JetSDL.Proto.StringVariable$Properties} [variable1] StringVariable variable1.
             * @property {JetSDL.Proto.StringVariable$Properties} [variable2] StringVariable variable2.
             * @property {string} [defaultvalue] StringVariable defaultvalue.
             * @property {string} [column] StringVariable column.
             * @property {string} [defaultrow] StringVariable defaultrow.
             * @property {JetSDL.Proto.StringVariable.StructuredDataType} [structureddatatype] StringVariable structureddatatype.
             * @property {JetSDL.Proto.StringVariable$Properties} [structureddatainput] StringVariable structureddatainput.
             * @property {JetSDL.Proto.StringVariable$Properties} [path] StringVariable path.
             * @property {JetSDL.Proto.StringVariable$Properties} [integerformat] StringVariable integerformat.
             * @property {JetSDL.Proto.StringVariable$Properties} [floatingpointformat] StringVariable floatingpointformat.
             * @property {JetSDL.Proto.StringVariable.ConditionOperator} [conditionoperator] StringVariable conditionoperator.
             * @property {Array.<string>} [conditionvalues] StringVariable conditionvalues.
             * @property {string} [conditiontruevalue] StringVariable conditiontruevalue.
             * @property {string} [conditionfalsevalue] StringVariable conditionfalsevalue.
             * @property {JetSDL.Proto.StringVariable.BooleanOperator} [booleanoperator] StringVariable booleanoperator.
             * @property {JetSDL.Proto.StringVariable$Properties} [counterstart] StringVariable counterstart.
             * @property {JetSDL.Proto.StringVariable$Properties} [counterend] StringVariable counterend.
             * @property {JetSDL.Proto.StringVariable.CounterValueType} [countervaluetype] StringVariable countervaluetype.
             * @property {JetSDL.Proto.Function$Properties} [counterfunction] StringVariable counterfunction.
             * @property {JetSDL.Proto.StringVariable.CounterFormat} [counterformattype] StringVariable counterformattype.
             * @property {JetSDL.Proto.StringVariable$Properties} [counterformat] StringVariable counterformat.
             * @property {JetSDL.Proto.StringVariable.RoundingMode} [roundingmode] StringVariable roundingmode.
             * @property {JetSDL.Proto.StringVariable.TimeUnit} [countertimeunit] StringVariable countertimeunit.
             * @property {string} [formatstring] StringVariable formatstring.
             * @property {boolean} [ignoreformaterrors] StringVariable ignoreformaterrors.
             */

            /**
             * Constructs a new StringVariable.
             * @exports JetSDL.Proto.StringVariable
             * @constructor
             * @param {JetSDL.Proto.StringVariable$Properties=} [properties] Properties to set
             */
            function StringVariable(properties) {
                this.randomvalues = [];
                this.conditionvalues = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * StringVariable type.
             * @type {JetSDL.Proto.StringVariable.Type}
             */
            StringVariable.prototype.type = 0;

            /**
             * StringVariable source.
             * @type {(JetSDL.Proto.FileLocation$Properties|null)}
             */
            StringVariable.prototype.source = null;

            /**
             * StringVariable key.
             * @type {string}
             */
            StringVariable.prototype.key = "";

            /**
             * StringVariable randomvalues.
             * @type {Array.<string>}
             */
            StringVariable.prototype.randomvalues = $util.emptyArray;

            /**
             * StringVariable value.
             * @type {string}
             */
            StringVariable.prototype.value = "";

            /**
             * StringVariable variable1.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            StringVariable.prototype.variable1 = null;

            /**
             * StringVariable variable2.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            StringVariable.prototype.variable2 = null;

            /**
             * StringVariable defaultvalue.
             * @type {string}
             */
            StringVariable.prototype.defaultvalue = "";

            /**
             * StringVariable column.
             * @type {string}
             */
            StringVariable.prototype.column = "";

            /**
             * StringVariable defaultrow.
             * @type {string}
             */
            StringVariable.prototype.defaultrow = "";

            /**
             * StringVariable structureddatatype.
             * @type {JetSDL.Proto.StringVariable.StructuredDataType}
             */
            StringVariable.prototype.structureddatatype = 1;

            /**
             * StringVariable structureddatainput.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            StringVariable.prototype.structureddatainput = null;

            /**
             * StringVariable path.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            StringVariable.prototype.path = null;

            /**
             * StringVariable integerformat.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            StringVariable.prototype.integerformat = null;

            /**
             * StringVariable floatingpointformat.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            StringVariable.prototype.floatingpointformat = null;

            /**
             * StringVariable conditionoperator.
             * @type {JetSDL.Proto.StringVariable.ConditionOperator}
             */
            StringVariable.prototype.conditionoperator = 1;

            /**
             * StringVariable conditionvalues.
             * @type {Array.<string>}
             */
            StringVariable.prototype.conditionvalues = $util.emptyArray;

            /**
             * StringVariable conditiontruevalue.
             * @type {string}
             */
            StringVariable.prototype.conditiontruevalue = "t";

            /**
             * StringVariable conditionfalsevalue.
             * @type {string}
             */
            StringVariable.prototype.conditionfalsevalue = "";

            /**
             * StringVariable booleanoperator.
             * @type {JetSDL.Proto.StringVariable.BooleanOperator}
             */
            StringVariable.prototype.booleanoperator = 1;

            /**
             * StringVariable counterstart.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            StringVariable.prototype.counterstart = null;

            /**
             * StringVariable counterend.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            StringVariable.prototype.counterend = null;

            /**
             * StringVariable countervaluetype.
             * @type {JetSDL.Proto.StringVariable.CounterValueType}
             */
            StringVariable.prototype.countervaluetype = 1;

            /**
             * StringVariable counterfunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            StringVariable.prototype.counterfunction = null;

            /**
             * StringVariable counterformattype.
             * @type {JetSDL.Proto.StringVariable.CounterFormat}
             */
            StringVariable.prototype.counterformattype = 1;

            /**
             * StringVariable counterformat.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            StringVariable.prototype.counterformat = null;

            /**
             * StringVariable roundingmode.
             * @type {JetSDL.Proto.StringVariable.RoundingMode}
             */
            StringVariable.prototype.roundingmode = 3;

            /**
             * StringVariable countertimeunit.
             * @type {JetSDL.Proto.StringVariable.TimeUnit}
             */
            StringVariable.prototype.countertimeunit = 2;

            /**
             * StringVariable formatstring.
             * @type {string}
             */
            StringVariable.prototype.formatstring = "";

            /**
             * StringVariable ignoreformaterrors.
             * @type {boolean}
             */
            StringVariable.prototype.ignoreformaterrors = false;

            /**
             * Creates a new StringVariable instance using the specified properties.
             * @param {JetSDL.Proto.StringVariable$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.StringVariable} StringVariable instance
             */
            StringVariable.create = function create(properties) {
                return new StringVariable(properties);
            };

            /**
             * Encodes the specified StringVariable message. Does not implicitly {@link JetSDL.Proto.StringVariable.verify|verify} messages.
             * @param {JetSDL.Proto.StringVariable$Properties} message StringVariable message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            StringVariable.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.source != null && message.hasOwnProperty("source"))
                    $root.JetSDL.Proto.FileLocation.encode(message.source, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.randomvalues != null && message.randomvalues.length)
                    for (var i = 0; i < message.randomvalues.length; ++i)
                        writer.uint32(/* id 3, wireType 2 =*/26).string(message.randomvalues[i]);
                if (message.value != null && message.hasOwnProperty("value"))
                    writer.uint32(/* id 4, wireType 2 =*/34).string(message.value);
                if (message.variable1 != null && message.hasOwnProperty("variable1"))
                    $root.JetSDL.Proto.StringVariable.encode(message.variable1, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.variable2 != null && message.hasOwnProperty("variable2"))
                    $root.JetSDL.Proto.StringVariable.encode(message.variable2, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                if (message.key != null && message.hasOwnProperty("key"))
                    writer.uint32(/* id 7, wireType 2 =*/58).string(message.key);
                if (message.defaultvalue != null && message.hasOwnProperty("defaultvalue"))
                    writer.uint32(/* id 8, wireType 2 =*/66).string(message.defaultvalue);
                if (message.column != null && message.hasOwnProperty("column"))
                    writer.uint32(/* id 9, wireType 2 =*/74).string(message.column);
                if (message.defaultrow != null && message.hasOwnProperty("defaultrow"))
                    writer.uint32(/* id 10, wireType 2 =*/82).string(message.defaultrow);
                if (message.structureddatatype != null && message.hasOwnProperty("structureddatatype"))
                    writer.uint32(/* id 11, wireType 0 =*/88).uint32(message.structureddatatype);
                if (message.structureddatainput != null && message.hasOwnProperty("structureddatainput"))
                    $root.JetSDL.Proto.StringVariable.encode(message.structureddatainput, writer.uint32(/* id 12, wireType 2 =*/98).fork()).ldelim();
                if (message.path != null && message.hasOwnProperty("path"))
                    $root.JetSDL.Proto.StringVariable.encode(message.path, writer.uint32(/* id 13, wireType 2 =*/106).fork()).ldelim();
                if (message.integerformat != null && message.hasOwnProperty("integerformat"))
                    $root.JetSDL.Proto.StringVariable.encode(message.integerformat, writer.uint32(/* id 14, wireType 2 =*/114).fork()).ldelim();
                if (message.floatingpointformat != null && message.hasOwnProperty("floatingpointformat"))
                    $root.JetSDL.Proto.StringVariable.encode(message.floatingpointformat, writer.uint32(/* id 15, wireType 2 =*/122).fork()).ldelim();
                if (message.conditionoperator != null && message.hasOwnProperty("conditionoperator"))
                    writer.uint32(/* id 16, wireType 0 =*/128).uint32(message.conditionoperator);
                if (message.conditionvalues != null && message.conditionvalues.length)
                    for (var i = 0; i < message.conditionvalues.length; ++i)
                        writer.uint32(/* id 17, wireType 2 =*/138).string(message.conditionvalues[i]);
                if (message.booleanoperator != null && message.hasOwnProperty("booleanoperator"))
                    writer.uint32(/* id 18, wireType 0 =*/144).uint32(message.booleanoperator);
                if (message.counterstart != null && message.hasOwnProperty("counterstart"))
                    $root.JetSDL.Proto.StringVariable.encode(message.counterstart, writer.uint32(/* id 19, wireType 2 =*/154).fork()).ldelim();
                if (message.counterend != null && message.hasOwnProperty("counterend"))
                    $root.JetSDL.Proto.StringVariable.encode(message.counterend, writer.uint32(/* id 20, wireType 2 =*/162).fork()).ldelim();
                if (message.counterfunction != null && message.hasOwnProperty("counterfunction"))
                    $root.JetSDL.Proto.Function.encode(message.counterfunction, writer.uint32(/* id 21, wireType 2 =*/170).fork()).ldelim();
                if (message.counterformattype != null && message.hasOwnProperty("counterformattype"))
                    writer.uint32(/* id 22, wireType 0 =*/176).uint32(message.counterformattype);
                if (message.counterformat != null && message.hasOwnProperty("counterformat"))
                    $root.JetSDL.Proto.StringVariable.encode(message.counterformat, writer.uint32(/* id 23, wireType 2 =*/186).fork()).ldelim();
                if (message.roundingmode != null && message.hasOwnProperty("roundingmode"))
                    writer.uint32(/* id 24, wireType 0 =*/192).uint32(message.roundingmode);
                if (message.countertimeunit != null && message.hasOwnProperty("countertimeunit"))
                    writer.uint32(/* id 25, wireType 0 =*/200).uint32(message.countertimeunit);
                if (message.countervaluetype != null && message.hasOwnProperty("countervaluetype"))
                    writer.uint32(/* id 26, wireType 0 =*/208).uint32(message.countervaluetype);
                if (message.conditiontruevalue != null && message.hasOwnProperty("conditiontruevalue"))
                    writer.uint32(/* id 27, wireType 2 =*/218).string(message.conditiontruevalue);
                if (message.conditionfalsevalue != null && message.hasOwnProperty("conditionfalsevalue"))
                    writer.uint32(/* id 28, wireType 2 =*/226).string(message.conditionfalsevalue);
                if (message.formatstring != null && message.hasOwnProperty("formatstring"))
                    writer.uint32(/* id 29, wireType 2 =*/234).string(message.formatstring);
                if (message.ignoreformaterrors != null && message.hasOwnProperty("ignoreformaterrors"))
                    writer.uint32(/* id 30, wireType 0 =*/240).bool(message.ignoreformaterrors);
                return writer;
            };

            /**
             * Encodes the specified StringVariable message, length delimited. Does not implicitly {@link JetSDL.Proto.StringVariable.verify|verify} messages.
             * @param {JetSDL.Proto.StringVariable$Properties} message StringVariable message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            StringVariable.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a StringVariable message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.StringVariable} StringVariable
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            StringVariable.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.StringVariable();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        message.source = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                        break;
                    case 7:
                        message.key = reader.string();
                        break;
                    case 3:
                        if (!(message.randomvalues && message.randomvalues.length))
                            message.randomvalues = [];
                        message.randomvalues.push(reader.string());
                        break;
                    case 4:
                        message.value = reader.string();
                        break;
                    case 5:
                        message.variable1 = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 6:
                        message.variable2 = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 8:
                        message.defaultvalue = reader.string();
                        break;
                    case 9:
                        message.column = reader.string();
                        break;
                    case 10:
                        message.defaultrow = reader.string();
                        break;
                    case 11:
                        message.structureddatatype = reader.uint32();
                        break;
                    case 12:
                        message.structureddatainput = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 13:
                        message.path = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 14:
                        message.integerformat = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 15:
                        message.floatingpointformat = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 16:
                        message.conditionoperator = reader.uint32();
                        break;
                    case 17:
                        if (!(message.conditionvalues && message.conditionvalues.length))
                            message.conditionvalues = [];
                        message.conditionvalues.push(reader.string());
                        break;
                    case 27:
                        message.conditiontruevalue = reader.string();
                        break;
                    case 28:
                        message.conditionfalsevalue = reader.string();
                        break;
                    case 18:
                        message.booleanoperator = reader.uint32();
                        break;
                    case 19:
                        message.counterstart = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 20:
                        message.counterend = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 26:
                        message.countervaluetype = reader.uint32();
                        break;
                    case 21:
                        message.counterfunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 22:
                        message.counterformattype = reader.uint32();
                        break;
                    case 23:
                        message.counterformat = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 24:
                        message.roundingmode = reader.uint32();
                        break;
                    case 25:
                        message.countertimeunit = reader.uint32();
                        break;
                    case 29:
                        message.formatstring = reader.string();
                        break;
                    case 30:
                        message.ignoreformaterrors = reader.bool();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("type"))
                    throw $util.ProtocolError("missing required 'type'", { instance: message });
                return message;
            };

            /**
             * Decodes a StringVariable message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.StringVariable} StringVariable
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            StringVariable.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a StringVariable message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            StringVariable.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                switch (message.type) {
                default:
                    return "type: enum value expected";
                case 0:
                case 1:
                case 2:
                case 3:
                case 4:
                case 5:
                case 6:
                case 7:
                case 8:
                case 9:
                case 65:
                case 66:
                case 67:
                case 68:
                    break;
                }
                if (message.source != null && message.hasOwnProperty("source")) {
                    var error = $root.JetSDL.Proto.FileLocation.verify(message.source);
                    if (error)
                        return "source." + error;
                }
                if (message.key != null && message.hasOwnProperty("key"))
                    if (!$util.isString(message.key))
                        return "key: string expected";
                if (message.randomvalues != null && message.hasOwnProperty("randomvalues")) {
                    if (!Array.isArray(message.randomvalues))
                        return "randomvalues: array expected";
                    for (var i = 0; i < message.randomvalues.length; ++i)
                        if (!$util.isString(message.randomvalues[i]))
                            return "randomvalues: string[] expected";
                }
                if (message.value != null && message.hasOwnProperty("value"))
                    if (!$util.isString(message.value))
                        return "value: string expected";
                if (message.variable1 != null && message.hasOwnProperty("variable1")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.variable1);
                    if (error)
                        return "variable1." + error;
                }
                if (message.variable2 != null && message.hasOwnProperty("variable2")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.variable2);
                    if (error)
                        return "variable2." + error;
                }
                if (message.defaultvalue != null && message.hasOwnProperty("defaultvalue"))
                    if (!$util.isString(message.defaultvalue))
                        return "defaultvalue: string expected";
                if (message.column != null && message.hasOwnProperty("column"))
                    if (!$util.isString(message.column))
                        return "column: string expected";
                if (message.defaultrow != null && message.hasOwnProperty("defaultrow"))
                    if (!$util.isString(message.defaultrow))
                        return "defaultrow: string expected";
                if (message.structureddatatype != null && message.hasOwnProperty("structureddatatype"))
                    switch (message.structureddatatype) {
                    default:
                        return "structureddatatype: enum value expected";
                    case 1:
                        break;
                    }
                if (message.structureddatainput != null && message.hasOwnProperty("structureddatainput")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.structureddatainput);
                    if (error)
                        return "structureddatainput." + error;
                }
                if (message.path != null && message.hasOwnProperty("path")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.path);
                    if (error)
                        return "path." + error;
                }
                if (message.integerformat != null && message.hasOwnProperty("integerformat")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.integerformat);
                    if (error)
                        return "integerformat." + error;
                }
                if (message.floatingpointformat != null && message.hasOwnProperty("floatingpointformat")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.floatingpointformat);
                    if (error)
                        return "floatingpointformat." + error;
                }
                if (message.conditionoperator != null && message.hasOwnProperty("conditionoperator"))
                    switch (message.conditionoperator) {
                    default:
                        return "conditionoperator: enum value expected";
                    case 1:
                    case 2:
                        break;
                    }
                if (message.conditionvalues != null && message.hasOwnProperty("conditionvalues")) {
                    if (!Array.isArray(message.conditionvalues))
                        return "conditionvalues: array expected";
                    for (var i = 0; i < message.conditionvalues.length; ++i)
                        if (!$util.isString(message.conditionvalues[i]))
                            return "conditionvalues: string[] expected";
                }
                if (message.conditiontruevalue != null && message.hasOwnProperty("conditiontruevalue"))
                    if (!$util.isString(message.conditiontruevalue))
                        return "conditiontruevalue: string expected";
                if (message.conditionfalsevalue != null && message.hasOwnProperty("conditionfalsevalue"))
                    if (!$util.isString(message.conditionfalsevalue))
                        return "conditionfalsevalue: string expected";
                if (message.booleanoperator != null && message.hasOwnProperty("booleanoperator"))
                    switch (message.booleanoperator) {
                    default:
                        return "booleanoperator: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                        break;
                    }
                if (message.counterstart != null && message.hasOwnProperty("counterstart")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.counterstart);
                    if (error)
                        return "counterstart." + error;
                }
                if (message.counterend != null && message.hasOwnProperty("counterend")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.counterend);
                    if (error)
                        return "counterend." + error;
                }
                if (message.countervaluetype != null && message.hasOwnProperty("countervaluetype"))
                    switch (message.countervaluetype) {
                    default:
                        return "countervaluetype: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (message.counterfunction != null && message.hasOwnProperty("counterfunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.counterfunction);
                    if (error)
                        return "counterfunction." + error;
                }
                if (message.counterformattype != null && message.hasOwnProperty("counterformattype"))
                    switch (message.counterformattype) {
                    default:
                        return "counterformattype: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (message.counterformat != null && message.hasOwnProperty("counterformat")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.counterformat);
                    if (error)
                        return "counterformat." + error;
                }
                if (message.roundingmode != null && message.hasOwnProperty("roundingmode"))
                    switch (message.roundingmode) {
                    default:
                        return "roundingmode: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (message.countertimeunit != null && message.hasOwnProperty("countertimeunit"))
                    switch (message.countertimeunit) {
                    default:
                        return "countertimeunit: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                        break;
                    }
                if (message.formatstring != null && message.hasOwnProperty("formatstring"))
                    if (!$util.isString(message.formatstring))
                        return "formatstring: string expected";
                if (message.ignoreformaterrors != null && message.hasOwnProperty("ignoreformaterrors"))
                    if (typeof message.ignoreformaterrors !== "boolean")
                        return "ignoreformaterrors: boolean expected";
                return null;
            };

            /**
             * Creates a StringVariable message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.StringVariable} StringVariable
             */
            StringVariable.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.StringVariable)
                    return object;
                var message = new $root.JetSDL.Proto.StringVariable();
                switch (object.type) {
                case "constant":
                case 0:
                    message.type = 0;
                    break;
                case "file":
                case 1:
                    message.type = 1;
                    break;
                case "http":
                case 2:
                    message.type = 2;
                    break;
                case "map":
                case 3:
                    message.type = 3;
                    break;
                case "random":
                case 4:
                    message.type = 4;
                    break;
                case "add":
                case 5:
                    message.type = 5;
                    break;
                case "target":
                case 6:
                    message.type = 6;
                    break;
                case "datasource":
                case 7:
                    message.type = 7;
                    break;
                case "fileexists":
                case 8:
                    message.type = 8;
                    break;
                case "structureddata":
                case 9:
                    message.type = 9;
                    break;
                case "condition":
                case 65:
                    message.type = 65;
                    break;
                case "logical":
                case 66:
                    message.type = 66;
                    break;
                case "counter":
                case 67:
                    message.type = 67;
                    break;
                case "format":
                case 68:
                    message.type = 68;
                    break;
                }
                if (object.source != null) {
                    if (typeof object.source !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.source: object expected");
                    message.source = $root.JetSDL.Proto.FileLocation.fromObject(object.source);
                }
                if (object.key != null)
                    message.key = String(object.key);
                if (object.randomvalues) {
                    if (!Array.isArray(object.randomvalues))
                        throw TypeError(".JetSDL.Proto.StringVariable.randomvalues: array expected");
                    message.randomvalues = [];
                    for (var i = 0; i < object.randomvalues.length; ++i)
                        message.randomvalues[i] = String(object.randomvalues[i]);
                }
                if (object.value != null)
                    message.value = String(object.value);
                if (object.variable1 != null) {
                    if (typeof object.variable1 !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.variable1: object expected");
                    message.variable1 = $root.JetSDL.Proto.StringVariable.fromObject(object.variable1);
                }
                if (object.variable2 != null) {
                    if (typeof object.variable2 !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.variable2: object expected");
                    message.variable2 = $root.JetSDL.Proto.StringVariable.fromObject(object.variable2);
                }
                if (object.defaultvalue != null)
                    message.defaultvalue = String(object.defaultvalue);
                if (object.column != null)
                    message.column = String(object.column);
                if (object.defaultrow != null)
                    message.defaultrow = String(object.defaultrow);
                switch (object.structureddatatype) {
                case "structured_json":
                case 1:
                    message.structureddatatype = 1;
                    break;
                }
                if (object.structureddatainput != null) {
                    if (typeof object.structureddatainput !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.structureddatainput: object expected");
                    message.structureddatainput = $root.JetSDL.Proto.StringVariable.fromObject(object.structureddatainput);
                }
                if (object.path != null) {
                    if (typeof object.path !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.path: object expected");
                    message.path = $root.JetSDL.Proto.StringVariable.fromObject(object.path);
                }
                if (object.integerformat != null) {
                    if (typeof object.integerformat !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.integerformat: object expected");
                    message.integerformat = $root.JetSDL.Proto.StringVariable.fromObject(object.integerformat);
                }
                if (object.floatingpointformat != null) {
                    if (typeof object.floatingpointformat !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.floatingpointformat: object expected");
                    message.floatingpointformat = $root.JetSDL.Proto.StringVariable.fromObject(object.floatingpointformat);
                }
                switch (object.conditionoperator) {
                case "IN":
                case 1:
                    message.conditionoperator = 1;
                    break;
                case "NOT_IN":
                case 2:
                    message.conditionoperator = 2;
                    break;
                }
                if (object.conditionvalues) {
                    if (!Array.isArray(object.conditionvalues))
                        throw TypeError(".JetSDL.Proto.StringVariable.conditionvalues: array expected");
                    message.conditionvalues = [];
                    for (var i = 0; i < object.conditionvalues.length; ++i)
                        message.conditionvalues[i] = String(object.conditionvalues[i]);
                }
                if (object.conditiontruevalue != null)
                    message.conditiontruevalue = String(object.conditiontruevalue);
                if (object.conditionfalsevalue != null)
                    message.conditionfalsevalue = String(object.conditionfalsevalue);
                switch (object.booleanoperator) {
                case "AND":
                case 1:
                    message.booleanoperator = 1;
                    break;
                case "OR":
                case 2:
                    message.booleanoperator = 2;
                    break;
                case "NAND":
                case 3:
                    message.booleanoperator = 3;
                    break;
                case "NOR":
                case 4:
                    message.booleanoperator = 4;
                    break;
                }
                if (object.counterstart != null) {
                    if (typeof object.counterstart !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.counterstart: object expected");
                    message.counterstart = $root.JetSDL.Proto.StringVariable.fromObject(object.counterstart);
                }
                if (object.counterend != null) {
                    if (typeof object.counterend !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.counterend: object expected");
                    message.counterend = $root.JetSDL.Proto.StringVariable.fromObject(object.counterend);
                }
                switch (object.countervaluetype) {
                case "CVT_START_END":
                case 1:
                    message.countervaluetype = 1;
                    break;
                case "CVT_OFFSET_TO_START":
                case 2:
                    message.countervaluetype = 2;
                    break;
                case "CVT_OFFSET_TO_END":
                case 3:
                    message.countervaluetype = 3;
                    break;
                }
                if (object.counterfunction != null) {
                    if (typeof object.counterfunction !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.counterfunction: object expected");
                    message.counterfunction = $root.JetSDL.Proto.Function.fromObject(object.counterfunction);
                }
                switch (object.counterformattype) {
                case "FORMAT_INT":
                case 1:
                    message.counterformattype = 1;
                    break;
                case "FORMAT_FLOAT":
                case 2:
                    message.counterformattype = 2;
                    break;
                case "FORMAT_TIME":
                case 3:
                    message.counterformattype = 3;
                    break;
                }
                if (object.counterformat != null) {
                    if (typeof object.counterformat !== "object")
                        throw TypeError(".JetSDL.Proto.StringVariable.counterformat: object expected");
                    message.counterformat = $root.JetSDL.Proto.StringVariable.fromObject(object.counterformat);
                }
                switch (object.roundingmode) {
                case "RND_ROUND":
                case 1:
                    message.roundingmode = 1;
                    break;
                case "RND_CEIL":
                case 2:
                    message.roundingmode = 2;
                    break;
                case "RND_FLOOR":
                case 3:
                    message.roundingmode = 3;
                    break;
                }
                switch (object.countertimeunit) {
                case "TU_MILLISECOND":
                case 1:
                    message.countertimeunit = 1;
                    break;
                case "TU_SECOND":
                case 2:
                    message.countertimeunit = 2;
                    break;
                case "TU_MINUTE":
                case 3:
                    message.countertimeunit = 3;
                    break;
                case "TU_HOUR":
                case 4:
                    message.countertimeunit = 4;
                    break;
                case "TU_DAY":
                case 5:
                    message.countertimeunit = 5;
                    break;
                }
                if (object.formatstring != null)
                    message.formatstring = String(object.formatstring);
                if (object.ignoreformaterrors != null)
                    message.ignoreformaterrors = Boolean(object.ignoreformaterrors);
                return message;
            };

            /**
             * Creates a StringVariable message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.StringVariable.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.StringVariable} StringVariable
             */
            StringVariable.from = StringVariable.fromObject;

            /**
             * Creates a plain object from a StringVariable message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.StringVariable} message StringVariable
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            StringVariable.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.randomvalues = [];
                    object.conditionvalues = [];
                }
                if (options.defaults) {
                    object.type = options.enums === String ? "constant" : 0;
                    object.source = null;
                    object.value = "";
                    object.variable1 = null;
                    object.variable2 = null;
                    object.key = "";
                    object.defaultvalue = "";
                    object.column = "";
                    object.defaultrow = "";
                    object.structureddatatype = options.enums === String ? "structured_json" : 1;
                    object.structureddatainput = null;
                    object.path = null;
                    object.integerformat = null;
                    object.floatingpointformat = null;
                    object.conditionoperator = options.enums === String ? "IN" : 1;
                    object.booleanoperator = options.enums === String ? "AND" : 1;
                    object.counterstart = null;
                    object.counterend = null;
                    object.counterfunction = null;
                    object.counterformattype = options.enums === String ? "FORMAT_INT" : 1;
                    object.counterformat = null;
                    object.roundingmode = options.enums === String ? "RND_FLOOR" : 3;
                    object.countertimeunit = options.enums === String ? "TU_SECOND" : 2;
                    object.countervaluetype = options.enums === String ? "CVT_START_END" : 1;
                    object.conditiontruevalue = "t";
                    object.conditionfalsevalue = "";
                    object.formatstring = "";
                    object.ignoreformaterrors = false;
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.StringVariable.Type[message.type] : message.type;
                if (message.source != null && message.hasOwnProperty("source"))
                    object.source = $root.JetSDL.Proto.FileLocation.toObject(message.source, options);
                if (message.randomvalues && message.randomvalues.length) {
                    object.randomvalues = [];
                    for (var j = 0; j < message.randomvalues.length; ++j)
                        object.randomvalues[j] = message.randomvalues[j];
                }
                if (message.value != null && message.hasOwnProperty("value"))
                    object.value = message.value;
                if (message.variable1 != null && message.hasOwnProperty("variable1"))
                    object.variable1 = $root.JetSDL.Proto.StringVariable.toObject(message.variable1, options);
                if (message.variable2 != null && message.hasOwnProperty("variable2"))
                    object.variable2 = $root.JetSDL.Proto.StringVariable.toObject(message.variable2, options);
                if (message.key != null && message.hasOwnProperty("key"))
                    object.key = message.key;
                if (message.defaultvalue != null && message.hasOwnProperty("defaultvalue"))
                    object.defaultvalue = message.defaultvalue;
                if (message.column != null && message.hasOwnProperty("column"))
                    object.column = message.column;
                if (message.defaultrow != null && message.hasOwnProperty("defaultrow"))
                    object.defaultrow = message.defaultrow;
                if (message.structureddatatype != null && message.hasOwnProperty("structureddatatype"))
                    object.structureddatatype = options.enums === String ? $root.JetSDL.Proto.StringVariable.StructuredDataType[message.structureddatatype] : message.structureddatatype;
                if (message.structureddatainput != null && message.hasOwnProperty("structureddatainput"))
                    object.structureddatainput = $root.JetSDL.Proto.StringVariable.toObject(message.structureddatainput, options);
                if (message.path != null && message.hasOwnProperty("path"))
                    object.path = $root.JetSDL.Proto.StringVariable.toObject(message.path, options);
                if (message.integerformat != null && message.hasOwnProperty("integerformat"))
                    object.integerformat = $root.JetSDL.Proto.StringVariable.toObject(message.integerformat, options);
                if (message.floatingpointformat != null && message.hasOwnProperty("floatingpointformat"))
                    object.floatingpointformat = $root.JetSDL.Proto.StringVariable.toObject(message.floatingpointformat, options);
                if (message.conditionoperator != null && message.hasOwnProperty("conditionoperator"))
                    object.conditionoperator = options.enums === String ? $root.JetSDL.Proto.StringVariable.ConditionOperator[message.conditionoperator] : message.conditionoperator;
                if (message.conditionvalues && message.conditionvalues.length) {
                    object.conditionvalues = [];
                    for (var j = 0; j < message.conditionvalues.length; ++j)
                        object.conditionvalues[j] = message.conditionvalues[j];
                }
                if (message.booleanoperator != null && message.hasOwnProperty("booleanoperator"))
                    object.booleanoperator = options.enums === String ? $root.JetSDL.Proto.StringVariable.BooleanOperator[message.booleanoperator] : message.booleanoperator;
                if (message.counterstart != null && message.hasOwnProperty("counterstart"))
                    object.counterstart = $root.JetSDL.Proto.StringVariable.toObject(message.counterstart, options);
                if (message.counterend != null && message.hasOwnProperty("counterend"))
                    object.counterend = $root.JetSDL.Proto.StringVariable.toObject(message.counterend, options);
                if (message.counterfunction != null && message.hasOwnProperty("counterfunction"))
                    object.counterfunction = $root.JetSDL.Proto.Function.toObject(message.counterfunction, options);
                if (message.counterformattype != null && message.hasOwnProperty("counterformattype"))
                    object.counterformattype = options.enums === String ? $root.JetSDL.Proto.StringVariable.CounterFormat[message.counterformattype] : message.counterformattype;
                if (message.counterformat != null && message.hasOwnProperty("counterformat"))
                    object.counterformat = $root.JetSDL.Proto.StringVariable.toObject(message.counterformat, options);
                if (message.roundingmode != null && message.hasOwnProperty("roundingmode"))
                    object.roundingmode = options.enums === String ? $root.JetSDL.Proto.StringVariable.RoundingMode[message.roundingmode] : message.roundingmode;
                if (message.countertimeunit != null && message.hasOwnProperty("countertimeunit"))
                    object.countertimeunit = options.enums === String ? $root.JetSDL.Proto.StringVariable.TimeUnit[message.countertimeunit] : message.countertimeunit;
                if (message.countervaluetype != null && message.hasOwnProperty("countervaluetype"))
                    object.countervaluetype = options.enums === String ? $root.JetSDL.Proto.StringVariable.CounterValueType[message.countervaluetype] : message.countervaluetype;
                if (message.conditiontruevalue != null && message.hasOwnProperty("conditiontruevalue"))
                    object.conditiontruevalue = message.conditiontruevalue;
                if (message.conditionfalsevalue != null && message.hasOwnProperty("conditionfalsevalue"))
                    object.conditionfalsevalue = message.conditionfalsevalue;
                if (message.formatstring != null && message.hasOwnProperty("formatstring"))
                    object.formatstring = message.formatstring;
                if (message.ignoreformaterrors != null && message.hasOwnProperty("ignoreformaterrors"))
                    object.ignoreformaterrors = message.ignoreformaterrors;
                return object;
            };

            /**
             * Creates a plain object from this StringVariable message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            StringVariable.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this StringVariable to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            StringVariable.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.StringVariable
             * @enum {number}
             * @property {number} constant=0 constant value
             * @property {number} file=1 file value
             * @property {number} http=2 http value
             * @property {number} map=3 map value
             * @property {number} random=4 random value
             * @property {number} add=5 add value
             * @property {number} target=6 target value
             * @property {number} datasource=7 datasource value
             * @property {number} fileexists=8 fileexists value
             * @property {number} structureddata=9 structureddata value
             * @property {number} condition=65 condition value
             * @property {number} logical=66 logical value
             * @property {number} counter=67 counter value
             * @property {number} format=68 format value
             */
            StringVariable.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "constant"] = 0;
                values[valuesById[1] = "file"] = 1;
                values[valuesById[2] = "http"] = 2;
                values[valuesById[3] = "map"] = 3;
                values[valuesById[4] = "random"] = 4;
                values[valuesById[5] = "add"] = 5;
                values[valuesById[6] = "target"] = 6;
                values[valuesById[7] = "datasource"] = 7;
                values[valuesById[8] = "fileexists"] = 8;
                values[valuesById[9] = "structureddata"] = 9;
                values[valuesById[65] = "condition"] = 65;
                values[valuesById[66] = "logical"] = 66;
                values[valuesById[67] = "counter"] = 67;
                values[valuesById[68] = "format"] = 68;
                return values;
            })();

            /**
             * StructuredDataType enum.
             * @name StructuredDataType
             * @memberof JetSDL.Proto.StringVariable
             * @enum {number}
             * @property {number} structured_json=1 structured_json value
             */
            StringVariable.StructuredDataType = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "structured_json"] = 1;
                return values;
            })();

            /**
             * ConditionOperator enum.
             * @name ConditionOperator
             * @memberof JetSDL.Proto.StringVariable
             * @enum {number}
             * @property {number} IN=1 IN value
             * @property {number} NOT_IN=2 NOT_IN value
             */
            StringVariable.ConditionOperator = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "IN"] = 1;
                values[valuesById[2] = "NOT_IN"] = 2;
                return values;
            })();

            /**
             * BooleanOperator enum.
             * @name BooleanOperator
             * @memberof JetSDL.Proto.StringVariable
             * @enum {number}
             * @property {number} AND=1 AND value
             * @property {number} OR=2 OR value
             * @property {number} NAND=3 NAND value
             * @property {number} NOR=4 NOR value
             */
            StringVariable.BooleanOperator = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "AND"] = 1;
                values[valuesById[2] = "OR"] = 2;
                values[valuesById[3] = "NAND"] = 3;
                values[valuesById[4] = "NOR"] = 4;
                return values;
            })();

            /**
             * CounterValueType enum.
             * @name CounterValueType
             * @memberof JetSDL.Proto.StringVariable
             * @enum {number}
             * @property {number} CVT_START_END=1 CVT_START_END value
             * @property {number} CVT_OFFSET_TO_START=2 CVT_OFFSET_TO_START value
             * @property {number} CVT_OFFSET_TO_END=3 CVT_OFFSET_TO_END value
             */
            StringVariable.CounterValueType = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "CVT_START_END"] = 1;
                values[valuesById[2] = "CVT_OFFSET_TO_START"] = 2;
                values[valuesById[3] = "CVT_OFFSET_TO_END"] = 3;
                return values;
            })();

            /**
             * CounterFormat enum.
             * @name CounterFormat
             * @memberof JetSDL.Proto.StringVariable
             * @enum {number}
             * @property {number} FORMAT_INT=1 FORMAT_INT value
             * @property {number} FORMAT_FLOAT=2 FORMAT_FLOAT value
             * @property {number} FORMAT_TIME=3 FORMAT_TIME value
             */
            StringVariable.CounterFormat = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "FORMAT_INT"] = 1;
                values[valuesById[2] = "FORMAT_FLOAT"] = 2;
                values[valuesById[3] = "FORMAT_TIME"] = 3;
                return values;
            })();

            /**
             * RoundingMode enum.
             * @name RoundingMode
             * @memberof JetSDL.Proto.StringVariable
             * @enum {number}
             * @property {number} RND_ROUND=1 RND_ROUND value
             * @property {number} RND_CEIL=2 RND_CEIL value
             * @property {number} RND_FLOOR=3 RND_FLOOR value
             */
            StringVariable.RoundingMode = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "RND_ROUND"] = 1;
                values[valuesById[2] = "RND_CEIL"] = 2;
                values[valuesById[3] = "RND_FLOOR"] = 3;
                return values;
            })();

            /**
             * TimeUnit enum.
             * @name TimeUnit
             * @memberof JetSDL.Proto.StringVariable
             * @enum {number}
             * @property {number} TU_MILLISECOND=1 TU_MILLISECOND value
             * @property {number} TU_SECOND=2 TU_SECOND value
             * @property {number} TU_MINUTE=3 TU_MINUTE value
             * @property {number} TU_HOUR=4 TU_HOUR value
             * @property {number} TU_DAY=5 TU_DAY value
             */
            StringVariable.TimeUnit = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "TU_MILLISECOND"] = 1;
                values[valuesById[2] = "TU_SECOND"] = 2;
                values[valuesById[3] = "TU_MINUTE"] = 3;
                values[valuesById[4] = "TU_HOUR"] = 4;
                values[valuesById[5] = "TU_DAY"] = 5;
                return values;
            })();

            return StringVariable;
        })();

        Proto.PointsVector = (function() {

            /**
             * Properties of a PointsVector.
             * @typedef JetSDL.Proto.PointsVector$Properties
             * @type {Object}
             * @property {Array.<JetSDL.Proto.Point$Properties>} [points] PointsVector points.
             */

            /**
             * Constructs a new PointsVector.
             * @exports JetSDL.Proto.PointsVector
             * @constructor
             * @param {JetSDL.Proto.PointsVector$Properties=} [properties] Properties to set
             */
            function PointsVector(properties) {
                this.points = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * PointsVector points.
             * @type {Array.<JetSDL.Proto.Point$Properties>}
             */
            PointsVector.prototype.points = $util.emptyArray;

            /**
             * Creates a new PointsVector instance using the specified properties.
             * @param {JetSDL.Proto.PointsVector$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.PointsVector} PointsVector instance
             */
            PointsVector.create = function create(properties) {
                return new PointsVector(properties);
            };

            /**
             * Encodes the specified PointsVector message. Does not implicitly {@link JetSDL.Proto.PointsVector.verify|verify} messages.
             * @param {JetSDL.Proto.PointsVector$Properties} message PointsVector message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PointsVector.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.points != null && message.points.length)
                    for (var i = 0; i < message.points.length; ++i)
                        $root.JetSDL.Proto.Point.encode(message.points[i], writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified PointsVector message, length delimited. Does not implicitly {@link JetSDL.Proto.PointsVector.verify|verify} messages.
             * @param {JetSDL.Proto.PointsVector$Properties} message PointsVector message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PointsVector.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a PointsVector message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.PointsVector} PointsVector
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PointsVector.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.PointsVector();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        if (!(message.points && message.points.length))
                            message.points = [];
                        message.points.push($root.JetSDL.Proto.Point.decode(reader, reader.uint32()));
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a PointsVector message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.PointsVector} PointsVector
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PointsVector.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a PointsVector message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            PointsVector.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.points != null && message.hasOwnProperty("points")) {
                    if (!Array.isArray(message.points))
                        return "points: array expected";
                    for (var i = 0; i < message.points.length; ++i) {
                        var error = $root.JetSDL.Proto.Point.verify(message.points[i]);
                        if (error)
                            return "points." + error;
                    }
                }
                return null;
            };

            /**
             * Creates a PointsVector message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PointsVector} PointsVector
             */
            PointsVector.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.PointsVector)
                    return object;
                var message = new $root.JetSDL.Proto.PointsVector();
                if (object.points) {
                    if (!Array.isArray(object.points))
                        throw TypeError(".JetSDL.Proto.PointsVector.points: array expected");
                    message.points = [];
                    for (var i = 0; i < object.points.length; ++i) {
                        if (typeof object.points[i] !== "object")
                            throw TypeError(".JetSDL.Proto.PointsVector.points: object expected");
                        message.points[i] = $root.JetSDL.Proto.Point.fromObject(object.points[i]);
                    }
                }
                return message;
            };

            /**
             * Creates a PointsVector message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.PointsVector.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PointsVector} PointsVector
             */
            PointsVector.from = PointsVector.fromObject;

            /**
             * Creates a plain object from a PointsVector message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.PointsVector} message PointsVector
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PointsVector.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.points = [];
                if (message.points && message.points.length) {
                    object.points = [];
                    for (var j = 0; j < message.points.length; ++j)
                        object.points[j] = $root.JetSDL.Proto.Point.toObject(message.points[j], options);
                }
                return object;
            };

            /**
             * Creates a plain object from this PointsVector message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PointsVector.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this PointsVector to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            PointsVector.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return PointsVector;
        })();

        Proto.Point = (function() {

            /**
             * Properties of a Point.
             * @typedef JetSDL.Proto.Point$Properties
             * @type {Object}
             * @property {number} x Point x.
             * @property {number} y Point y.
             */

            /**
             * Constructs a new Point.
             * @exports JetSDL.Proto.Point
             * @constructor
             * @param {JetSDL.Proto.Point$Properties=} [properties] Properties to set
             */
            function Point(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Point x.
             * @type {number}
             */
            Point.prototype.x = 0;

            /**
             * Point y.
             * @type {number}
             */
            Point.prototype.y = 0;

            /**
             * Creates a new Point instance using the specified properties.
             * @param {JetSDL.Proto.Point$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Point} Point instance
             */
            Point.create = function create(properties) {
                return new Point(properties);
            };

            /**
             * Encodes the specified Point message. Does not implicitly {@link JetSDL.Proto.Point.verify|verify} messages.
             * @param {JetSDL.Proto.Point$Properties} message Point message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Point.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 1, wireType 1 =*/9).double(message.x);
                writer.uint32(/* id 2, wireType 1 =*/17).double(message.y);
                return writer;
            };

            /**
             * Encodes the specified Point message, length delimited. Does not implicitly {@link JetSDL.Proto.Point.verify|verify} messages.
             * @param {JetSDL.Proto.Point$Properties} message Point message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Point.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Point message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Point} Point
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Point.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Point();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.x = reader.double();
                        break;
                    case 2:
                        message.y = reader.double();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("x"))
                    throw $util.ProtocolError("missing required 'x'", { instance: message });
                if (!message.hasOwnProperty("y"))
                    throw $util.ProtocolError("missing required 'y'", { instance: message });
                return message;
            };

            /**
             * Decodes a Point message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Point} Point
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Point.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Point message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Point.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (typeof message.x !== "number")
                    return "x: number expected";
                if (typeof message.y !== "number")
                    return "y: number expected";
                return null;
            };

            /**
             * Creates a Point message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Point} Point
             */
            Point.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Point)
                    return object;
                var message = new $root.JetSDL.Proto.Point();
                if (object.x != null)
                    message.x = Number(object.x);
                if (object.y != null)
                    message.y = Number(object.y);
                return message;
            };

            /**
             * Creates a Point message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Point.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Point} Point
             */
            Point.from = Point.fromObject;

            /**
             * Creates a plain object from a Point message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Point} message Point
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Point.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.x = 0;
                    object.y = 0;
                }
                if (message.x != null && message.hasOwnProperty("x"))
                    object.x = message.x;
                if (message.y != null && message.hasOwnProperty("y"))
                    object.y = message.y;
                return object;
            };

            /**
             * Creates a plain object from this Point message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Point.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Point to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Point.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return Point;
        })();

        Proto.PointsVariable = (function() {

            /**
             * Properties of a PointsVariable.
             * @typedef JetSDL.Proto.PointsVariable$Properties
             * @type {Object}
             * @property {JetSDL.Proto.PointsVariable.Type} type PointsVariable type.
             * @property {JetSDL.Proto.FileLocation$Properties} [source] PointsVariable source.
             * @property {string} [key] PointsVariable key.
             * @property {Array.<JetSDL.Proto.PointsVector$Properties>} [randomvalues] PointsVariable randomvalues.
             * @property {JetSDL.Proto.PointsVector$Properties} [value] PointsVariable value.
             * @property {JetSDL.Proto.PointsVariable$Properties} [variable1] PointsVariable variable1.
             * @property {JetSDL.Proto.PointsVariable$Properties} [variable2] PointsVariable variable2.
             * @property {JetSDL.Proto.PointsVector$Properties} [defaultvalue] PointsVariable defaultvalue.
             * @property {string} [column] PointsVariable column.
             * @property {string} [defaultrow] PointsVariable defaultrow.
             * @property {JetSDL.Proto.PointsVariable.StructuredDataType} [structureddatatype] PointsVariable structureddatatype.
             * @property {JetSDL.Proto.StringVariable$Properties} [structureddatainput] PointsVariable structureddatainput.
             * @property {JetSDL.Proto.StringVariable$Properties} [path] PointsVariable path.
             * @property {JetSDL.Proto.StringVariable$Properties} [integerformat] PointsVariable integerformat.
             * @property {JetSDL.Proto.StringVariable$Properties} [floatingpointformat] PointsVariable floatingpointformat.
             * @property {JetSDL.Proto.PointsVariable.ConditionOperator} [conditionoperator] PointsVariable conditionoperator.
             * @property {Array.<string>} [deprecatedConditionvalues] PointsVariable deprecatedConditionvalues.
             * @property {string} [conditiontruevalue] PointsVariable conditiontruevalue.
             * @property {string} [conditionfalsevalue] PointsVariable conditionfalsevalue.
             * @property {JetSDL.Proto.PointsVariable.BooleanOperator} [booleanoperator] PointsVariable booleanoperator.
             */

            /**
             * Constructs a new PointsVariable.
             * @exports JetSDL.Proto.PointsVariable
             * @constructor
             * @param {JetSDL.Proto.PointsVariable$Properties=} [properties] Properties to set
             */
            function PointsVariable(properties) {
                this.randomvalues = [];
                this.deprecatedConditionvalues = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * PointsVariable type.
             * @type {JetSDL.Proto.PointsVariable.Type}
             */
            PointsVariable.prototype.type = 0;

            /**
             * PointsVariable source.
             * @type {(JetSDL.Proto.FileLocation$Properties|null)}
             */
            PointsVariable.prototype.source = null;

            /**
             * PointsVariable key.
             * @type {string}
             */
            PointsVariable.prototype.key = "";

            /**
             * PointsVariable randomvalues.
             * @type {Array.<JetSDL.Proto.PointsVector$Properties>}
             */
            PointsVariable.prototype.randomvalues = $util.emptyArray;

            /**
             * PointsVariable value.
             * @type {(JetSDL.Proto.PointsVector$Properties|null)}
             */
            PointsVariable.prototype.value = null;

            /**
             * PointsVariable variable1.
             * @type {(JetSDL.Proto.PointsVariable$Properties|null)}
             */
            PointsVariable.prototype.variable1 = null;

            /**
             * PointsVariable variable2.
             * @type {(JetSDL.Proto.PointsVariable$Properties|null)}
             */
            PointsVariable.prototype.variable2 = null;

            /**
             * PointsVariable defaultvalue.
             * @type {(JetSDL.Proto.PointsVector$Properties|null)}
             */
            PointsVariable.prototype.defaultvalue = null;

            /**
             * PointsVariable column.
             * @type {string}
             */
            PointsVariable.prototype.column = "";

            /**
             * PointsVariable defaultrow.
             * @type {string}
             */
            PointsVariable.prototype.defaultrow = "";

            /**
             * PointsVariable structureddatatype.
             * @type {JetSDL.Proto.PointsVariable.StructuredDataType}
             */
            PointsVariable.prototype.structureddatatype = 1;

            /**
             * PointsVariable structureddatainput.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            PointsVariable.prototype.structureddatainput = null;

            /**
             * PointsVariable path.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            PointsVariable.prototype.path = null;

            /**
             * PointsVariable integerformat.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            PointsVariable.prototype.integerformat = null;

            /**
             * PointsVariable floatingpointformat.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            PointsVariable.prototype.floatingpointformat = null;

            /**
             * PointsVariable conditionoperator.
             * @type {JetSDL.Proto.PointsVariable.ConditionOperator}
             */
            PointsVariable.prototype.conditionoperator = 1;

            /**
             * PointsVariable deprecatedConditionvalues.
             * @type {Array.<string>}
             */
            PointsVariable.prototype.deprecatedConditionvalues = $util.emptyArray;

            /**
             * PointsVariable conditiontruevalue.
             * @type {string}
             */
            PointsVariable.prototype.conditiontruevalue = "t";

            /**
             * PointsVariable conditionfalsevalue.
             * @type {string}
             */
            PointsVariable.prototype.conditionfalsevalue = "";

            /**
             * PointsVariable booleanoperator.
             * @type {JetSDL.Proto.PointsVariable.BooleanOperator}
             */
            PointsVariable.prototype.booleanoperator = 1;

            /**
             * Creates a new PointsVariable instance using the specified properties.
             * @param {JetSDL.Proto.PointsVariable$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.PointsVariable} PointsVariable instance
             */
            PointsVariable.create = function create(properties) {
                return new PointsVariable(properties);
            };

            /**
             * Encodes the specified PointsVariable message. Does not implicitly {@link JetSDL.Proto.PointsVariable.verify|verify} messages.
             * @param {JetSDL.Proto.PointsVariable$Properties} message PointsVariable message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PointsVariable.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.source != null && message.hasOwnProperty("source"))
                    $root.JetSDL.Proto.FileLocation.encode(message.source, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.randomvalues != null && message.randomvalues.length)
                    for (var i = 0; i < message.randomvalues.length; ++i)
                        $root.JetSDL.Proto.PointsVector.encode(message.randomvalues[i], writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.value != null && message.hasOwnProperty("value"))
                    $root.JetSDL.Proto.PointsVector.encode(message.value, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                if (message.variable1 != null && message.hasOwnProperty("variable1"))
                    $root.JetSDL.Proto.PointsVariable.encode(message.variable1, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.variable2 != null && message.hasOwnProperty("variable2"))
                    $root.JetSDL.Proto.PointsVariable.encode(message.variable2, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                if (message.key != null && message.hasOwnProperty("key"))
                    writer.uint32(/* id 7, wireType 2 =*/58).string(message.key);
                if (message.defaultvalue != null && message.hasOwnProperty("defaultvalue"))
                    $root.JetSDL.Proto.PointsVector.encode(message.defaultvalue, writer.uint32(/* id 8, wireType 2 =*/66).fork()).ldelim();
                if (message.column != null && message.hasOwnProperty("column"))
                    writer.uint32(/* id 9, wireType 2 =*/74).string(message.column);
                if (message.defaultrow != null && message.hasOwnProperty("defaultrow"))
                    writer.uint32(/* id 10, wireType 2 =*/82).string(message.defaultrow);
                if (message.structureddatatype != null && message.hasOwnProperty("structureddatatype"))
                    writer.uint32(/* id 11, wireType 0 =*/88).uint32(message.structureddatatype);
                if (message.structureddatainput != null && message.hasOwnProperty("structureddatainput"))
                    $root.JetSDL.Proto.StringVariable.encode(message.structureddatainput, writer.uint32(/* id 12, wireType 2 =*/98).fork()).ldelim();
                if (message.path != null && message.hasOwnProperty("path"))
                    $root.JetSDL.Proto.StringVariable.encode(message.path, writer.uint32(/* id 13, wireType 2 =*/106).fork()).ldelim();
                if (message.integerformat != null && message.hasOwnProperty("integerformat"))
                    $root.JetSDL.Proto.StringVariable.encode(message.integerformat, writer.uint32(/* id 14, wireType 2 =*/114).fork()).ldelim();
                if (message.floatingpointformat != null && message.hasOwnProperty("floatingpointformat"))
                    $root.JetSDL.Proto.StringVariable.encode(message.floatingpointformat, writer.uint32(/* id 15, wireType 2 =*/122).fork()).ldelim();
                if (message.conditionoperator != null && message.hasOwnProperty("conditionoperator"))
                    writer.uint32(/* id 16, wireType 0 =*/128).uint32(message.conditionoperator);
                if (message.deprecatedConditionvalues != null && message.deprecatedConditionvalues.length)
                    for (var i = 0; i < message.deprecatedConditionvalues.length; ++i)
                        writer.uint32(/* id 17, wireType 2 =*/138).string(message.deprecatedConditionvalues[i]);
                if (message.booleanoperator != null && message.hasOwnProperty("booleanoperator"))
                    writer.uint32(/* id 18, wireType 0 =*/144).uint32(message.booleanoperator);
                if (message.conditiontruevalue != null && message.hasOwnProperty("conditiontruevalue"))
                    writer.uint32(/* id 27, wireType 2 =*/218).string(message.conditiontruevalue);
                if (message.conditionfalsevalue != null && message.hasOwnProperty("conditionfalsevalue"))
                    writer.uint32(/* id 28, wireType 2 =*/226).string(message.conditionfalsevalue);
                return writer;
            };

            /**
             * Encodes the specified PointsVariable message, length delimited. Does not implicitly {@link JetSDL.Proto.PointsVariable.verify|verify} messages.
             * @param {JetSDL.Proto.PointsVariable$Properties} message PointsVariable message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PointsVariable.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a PointsVariable message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.PointsVariable} PointsVariable
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PointsVariable.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.PointsVariable();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        message.source = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                        break;
                    case 7:
                        message.key = reader.string();
                        break;
                    case 3:
                        if (!(message.randomvalues && message.randomvalues.length))
                            message.randomvalues = [];
                        message.randomvalues.push($root.JetSDL.Proto.PointsVector.decode(reader, reader.uint32()));
                        break;
                    case 4:
                        message.value = $root.JetSDL.Proto.PointsVector.decode(reader, reader.uint32());
                        break;
                    case 5:
                        message.variable1 = $root.JetSDL.Proto.PointsVariable.decode(reader, reader.uint32());
                        break;
                    case 6:
                        message.variable2 = $root.JetSDL.Proto.PointsVariable.decode(reader, reader.uint32());
                        break;
                    case 8:
                        message.defaultvalue = $root.JetSDL.Proto.PointsVector.decode(reader, reader.uint32());
                        break;
                    case 9:
                        message.column = reader.string();
                        break;
                    case 10:
                        message.defaultrow = reader.string();
                        break;
                    case 11:
                        message.structureddatatype = reader.uint32();
                        break;
                    case 12:
                        message.structureddatainput = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 13:
                        message.path = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 14:
                        message.integerformat = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 15:
                        message.floatingpointformat = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 16:
                        message.conditionoperator = reader.uint32();
                        break;
                    case 17:
                        if (!(message.deprecatedConditionvalues && message.deprecatedConditionvalues.length))
                            message.deprecatedConditionvalues = [];
                        message.deprecatedConditionvalues.push(reader.string());
                        break;
                    case 27:
                        message.conditiontruevalue = reader.string();
                        break;
                    case 28:
                        message.conditionfalsevalue = reader.string();
                        break;
                    case 18:
                        message.booleanoperator = reader.uint32();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("type"))
                    throw $util.ProtocolError("missing required 'type'", { instance: message });
                return message;
            };

            /**
             * Decodes a PointsVariable message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.PointsVariable} PointsVariable
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PointsVariable.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a PointsVariable message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            PointsVariable.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                switch (message.type) {
                default:
                    return "type: enum value expected";
                case 0:
                case 1:
                case 2:
                case 3:
                case 4:
                case 5:
                case 6:
                case 7:
                case 8:
                case 9:
                case 65:
                case 66:
                    break;
                }
                if (message.source != null && message.hasOwnProperty("source")) {
                    var error = $root.JetSDL.Proto.FileLocation.verify(message.source);
                    if (error)
                        return "source." + error;
                }
                if (message.key != null && message.hasOwnProperty("key"))
                    if (!$util.isString(message.key))
                        return "key: string expected";
                if (message.randomvalues != null && message.hasOwnProperty("randomvalues")) {
                    if (!Array.isArray(message.randomvalues))
                        return "randomvalues: array expected";
                    for (var i = 0; i < message.randomvalues.length; ++i) {
                        var error = $root.JetSDL.Proto.PointsVector.verify(message.randomvalues[i]);
                        if (error)
                            return "randomvalues." + error;
                    }
                }
                if (message.value != null && message.hasOwnProperty("value")) {
                    var error = $root.JetSDL.Proto.PointsVector.verify(message.value);
                    if (error)
                        return "value." + error;
                }
                if (message.variable1 != null && message.hasOwnProperty("variable1")) {
                    var error = $root.JetSDL.Proto.PointsVariable.verify(message.variable1);
                    if (error)
                        return "variable1." + error;
                }
                if (message.variable2 != null && message.hasOwnProperty("variable2")) {
                    var error = $root.JetSDL.Proto.PointsVariable.verify(message.variable2);
                    if (error)
                        return "variable2." + error;
                }
                if (message.defaultvalue != null && message.hasOwnProperty("defaultvalue")) {
                    var error = $root.JetSDL.Proto.PointsVector.verify(message.defaultvalue);
                    if (error)
                        return "defaultvalue." + error;
                }
                if (message.column != null && message.hasOwnProperty("column"))
                    if (!$util.isString(message.column))
                        return "column: string expected";
                if (message.defaultrow != null && message.hasOwnProperty("defaultrow"))
                    if (!$util.isString(message.defaultrow))
                        return "defaultrow: string expected";
                if (message.structureddatatype != null && message.hasOwnProperty("structureddatatype"))
                    switch (message.structureddatatype) {
                    default:
                        return "structureddatatype: enum value expected";
                    case 1:
                        break;
                    }
                if (message.structureddatainput != null && message.hasOwnProperty("structureddatainput")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.structureddatainput);
                    if (error)
                        return "structureddatainput." + error;
                }
                if (message.path != null && message.hasOwnProperty("path")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.path);
                    if (error)
                        return "path." + error;
                }
                if (message.integerformat != null && message.hasOwnProperty("integerformat")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.integerformat);
                    if (error)
                        return "integerformat." + error;
                }
                if (message.floatingpointformat != null && message.hasOwnProperty("floatingpointformat")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.floatingpointformat);
                    if (error)
                        return "floatingpointformat." + error;
                }
                if (message.conditionoperator != null && message.hasOwnProperty("conditionoperator"))
                    switch (message.conditionoperator) {
                    default:
                        return "conditionoperator: enum value expected";
                    case 1:
                    case 2:
                        break;
                    }
                if (message.deprecatedConditionvalues != null && message.hasOwnProperty("deprecatedConditionvalues")) {
                    if (!Array.isArray(message.deprecatedConditionvalues))
                        return "deprecatedConditionvalues: array expected";
                    for (var i = 0; i < message.deprecatedConditionvalues.length; ++i)
                        if (!$util.isString(message.deprecatedConditionvalues[i]))
                            return "deprecatedConditionvalues: string[] expected";
                }
                if (message.conditiontruevalue != null && message.hasOwnProperty("conditiontruevalue"))
                    if (!$util.isString(message.conditiontruevalue))
                        return "conditiontruevalue: string expected";
                if (message.conditionfalsevalue != null && message.hasOwnProperty("conditionfalsevalue"))
                    if (!$util.isString(message.conditionfalsevalue))
                        return "conditionfalsevalue: string expected";
                if (message.booleanoperator != null && message.hasOwnProperty("booleanoperator"))
                    switch (message.booleanoperator) {
                    default:
                        return "booleanoperator: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                        break;
                    }
                return null;
            };

            /**
             * Creates a PointsVariable message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PointsVariable} PointsVariable
             */
            PointsVariable.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.PointsVariable)
                    return object;
                var message = new $root.JetSDL.Proto.PointsVariable();
                switch (object.type) {
                case "constant":
                case 0:
                    message.type = 0;
                    break;
                case "file":
                case 1:
                    message.type = 1;
                    break;
                case "http":
                case 2:
                    message.type = 2;
                    break;
                case "map":
                case 3:
                    message.type = 3;
                    break;
                case "random":
                case 4:
                    message.type = 4;
                    break;
                case "add":
                case 5:
                    message.type = 5;
                    break;
                case "target":
                case 6:
                    message.type = 6;
                    break;
                case "datasource":
                case 7:
                    message.type = 7;
                    break;
                case "fileexists":
                case 8:
                    message.type = 8;
                    break;
                case "structureddata":
                case 9:
                    message.type = 9;
                    break;
                case "condition":
                case 65:
                    message.type = 65;
                    break;
                case "logical":
                case 66:
                    message.type = 66;
                    break;
                }
                if (object.source != null) {
                    if (typeof object.source !== "object")
                        throw TypeError(".JetSDL.Proto.PointsVariable.source: object expected");
                    message.source = $root.JetSDL.Proto.FileLocation.fromObject(object.source);
                }
                if (object.key != null)
                    message.key = String(object.key);
                if (object.randomvalues) {
                    if (!Array.isArray(object.randomvalues))
                        throw TypeError(".JetSDL.Proto.PointsVariable.randomvalues: array expected");
                    message.randomvalues = [];
                    for (var i = 0; i < object.randomvalues.length; ++i) {
                        if (typeof object.randomvalues[i] !== "object")
                            throw TypeError(".JetSDL.Proto.PointsVariable.randomvalues: object expected");
                        message.randomvalues[i] = $root.JetSDL.Proto.PointsVector.fromObject(object.randomvalues[i]);
                    }
                }
                if (object.value != null) {
                    if (typeof object.value !== "object")
                        throw TypeError(".JetSDL.Proto.PointsVariable.value: object expected");
                    message.value = $root.JetSDL.Proto.PointsVector.fromObject(object.value);
                }
                if (object.variable1 != null) {
                    if (typeof object.variable1 !== "object")
                        throw TypeError(".JetSDL.Proto.PointsVariable.variable1: object expected");
                    message.variable1 = $root.JetSDL.Proto.PointsVariable.fromObject(object.variable1);
                }
                if (object.variable2 != null) {
                    if (typeof object.variable2 !== "object")
                        throw TypeError(".JetSDL.Proto.PointsVariable.variable2: object expected");
                    message.variable2 = $root.JetSDL.Proto.PointsVariable.fromObject(object.variable2);
                }
                if (object.defaultvalue != null) {
                    if (typeof object.defaultvalue !== "object")
                        throw TypeError(".JetSDL.Proto.PointsVariable.defaultvalue: object expected");
                    message.defaultvalue = $root.JetSDL.Proto.PointsVector.fromObject(object.defaultvalue);
                }
                if (object.column != null)
                    message.column = String(object.column);
                if (object.defaultrow != null)
                    message.defaultrow = String(object.defaultrow);
                switch (object.structureddatatype) {
                case "structured_json":
                case 1:
                    message.structureddatatype = 1;
                    break;
                }
                if (object.structureddatainput != null) {
                    if (typeof object.structureddatainput !== "object")
                        throw TypeError(".JetSDL.Proto.PointsVariable.structureddatainput: object expected");
                    message.structureddatainput = $root.JetSDL.Proto.StringVariable.fromObject(object.structureddatainput);
                }
                if (object.path != null) {
                    if (typeof object.path !== "object")
                        throw TypeError(".JetSDL.Proto.PointsVariable.path: object expected");
                    message.path = $root.JetSDL.Proto.StringVariable.fromObject(object.path);
                }
                if (object.integerformat != null) {
                    if (typeof object.integerformat !== "object")
                        throw TypeError(".JetSDL.Proto.PointsVariable.integerformat: object expected");
                    message.integerformat = $root.JetSDL.Proto.StringVariable.fromObject(object.integerformat);
                }
                if (object.floatingpointformat != null) {
                    if (typeof object.floatingpointformat !== "object")
                        throw TypeError(".JetSDL.Proto.PointsVariable.floatingpointformat: object expected");
                    message.floatingpointformat = $root.JetSDL.Proto.StringVariable.fromObject(object.floatingpointformat);
                }
                switch (object.conditionoperator) {
                case "IN":
                case 1:
                    message.conditionoperator = 1;
                    break;
                case "NOT_IN":
                case 2:
                    message.conditionoperator = 2;
                    break;
                }
                if (object.deprecatedConditionvalues) {
                    if (!Array.isArray(object.deprecatedConditionvalues))
                        throw TypeError(".JetSDL.Proto.PointsVariable.deprecatedConditionvalues: array expected");
                    message.deprecatedConditionvalues = [];
                    for (var i = 0; i < object.deprecatedConditionvalues.length; ++i)
                        message.deprecatedConditionvalues[i] = String(object.deprecatedConditionvalues[i]);
                }
                if (object.conditiontruevalue != null)
                    message.conditiontruevalue = String(object.conditiontruevalue);
                if (object.conditionfalsevalue != null)
                    message.conditionfalsevalue = String(object.conditionfalsevalue);
                switch (object.booleanoperator) {
                case "AND":
                case 1:
                    message.booleanoperator = 1;
                    break;
                case "OR":
                case 2:
                    message.booleanoperator = 2;
                    break;
                case "NAND":
                case 3:
                    message.booleanoperator = 3;
                    break;
                case "NOR":
                case 4:
                    message.booleanoperator = 4;
                    break;
                }
                return message;
            };

            /**
             * Creates a PointsVariable message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.PointsVariable.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PointsVariable} PointsVariable
             */
            PointsVariable.from = PointsVariable.fromObject;

            /**
             * Creates a plain object from a PointsVariable message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.PointsVariable} message PointsVariable
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PointsVariable.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.randomvalues = [];
                    object.deprecatedConditionvalues = [];
                }
                if (options.defaults) {
                    object.type = options.enums === String ? "constant" : 0;
                    object.source = null;
                    object.value = null;
                    object.variable1 = null;
                    object.variable2 = null;
                    object.key = "";
                    object.defaultvalue = null;
                    object.column = "";
                    object.defaultrow = "";
                    object.structureddatatype = options.enums === String ? "structured_json" : 1;
                    object.structureddatainput = null;
                    object.path = null;
                    object.integerformat = null;
                    object.floatingpointformat = null;
                    object.conditionoperator = options.enums === String ? "IN" : 1;
                    object.booleanoperator = options.enums === String ? "AND" : 1;
                    object.conditiontruevalue = "t";
                    object.conditionfalsevalue = "";
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.PointsVariable.Type[message.type] : message.type;
                if (message.source != null && message.hasOwnProperty("source"))
                    object.source = $root.JetSDL.Proto.FileLocation.toObject(message.source, options);
                if (message.randomvalues && message.randomvalues.length) {
                    object.randomvalues = [];
                    for (var j = 0; j < message.randomvalues.length; ++j)
                        object.randomvalues[j] = $root.JetSDL.Proto.PointsVector.toObject(message.randomvalues[j], options);
                }
                if (message.value != null && message.hasOwnProperty("value"))
                    object.value = $root.JetSDL.Proto.PointsVector.toObject(message.value, options);
                if (message.variable1 != null && message.hasOwnProperty("variable1"))
                    object.variable1 = $root.JetSDL.Proto.PointsVariable.toObject(message.variable1, options);
                if (message.variable2 != null && message.hasOwnProperty("variable2"))
                    object.variable2 = $root.JetSDL.Proto.PointsVariable.toObject(message.variable2, options);
                if (message.key != null && message.hasOwnProperty("key"))
                    object.key = message.key;
                if (message.defaultvalue != null && message.hasOwnProperty("defaultvalue"))
                    object.defaultvalue = $root.JetSDL.Proto.PointsVector.toObject(message.defaultvalue, options);
                if (message.column != null && message.hasOwnProperty("column"))
                    object.column = message.column;
                if (message.defaultrow != null && message.hasOwnProperty("defaultrow"))
                    object.defaultrow = message.defaultrow;
                if (message.structureddatatype != null && message.hasOwnProperty("structureddatatype"))
                    object.structureddatatype = options.enums === String ? $root.JetSDL.Proto.PointsVariable.StructuredDataType[message.structureddatatype] : message.structureddatatype;
                if (message.structureddatainput != null && message.hasOwnProperty("structureddatainput"))
                    object.structureddatainput = $root.JetSDL.Proto.StringVariable.toObject(message.structureddatainput, options);
                if (message.path != null && message.hasOwnProperty("path"))
                    object.path = $root.JetSDL.Proto.StringVariable.toObject(message.path, options);
                if (message.integerformat != null && message.hasOwnProperty("integerformat"))
                    object.integerformat = $root.JetSDL.Proto.StringVariable.toObject(message.integerformat, options);
                if (message.floatingpointformat != null && message.hasOwnProperty("floatingpointformat"))
                    object.floatingpointformat = $root.JetSDL.Proto.StringVariable.toObject(message.floatingpointformat, options);
                if (message.conditionoperator != null && message.hasOwnProperty("conditionoperator"))
                    object.conditionoperator = options.enums === String ? $root.JetSDL.Proto.PointsVariable.ConditionOperator[message.conditionoperator] : message.conditionoperator;
                if (message.deprecatedConditionvalues && message.deprecatedConditionvalues.length) {
                    object.deprecatedConditionvalues = [];
                    for (var j = 0; j < message.deprecatedConditionvalues.length; ++j)
                        object.deprecatedConditionvalues[j] = message.deprecatedConditionvalues[j];
                }
                if (message.booleanoperator != null && message.hasOwnProperty("booleanoperator"))
                    object.booleanoperator = options.enums === String ? $root.JetSDL.Proto.PointsVariable.BooleanOperator[message.booleanoperator] : message.booleanoperator;
                if (message.conditiontruevalue != null && message.hasOwnProperty("conditiontruevalue"))
                    object.conditiontruevalue = message.conditiontruevalue;
                if (message.conditionfalsevalue != null && message.hasOwnProperty("conditionfalsevalue"))
                    object.conditionfalsevalue = message.conditionfalsevalue;
                return object;
            };

            /**
             * Creates a plain object from this PointsVariable message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PointsVariable.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this PointsVariable to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            PointsVariable.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.PointsVariable
             * @enum {number}
             * @property {number} constant=0 constant value
             * @property {number} file=1 file value
             * @property {number} http=2 http value
             * @property {number} map=3 map value
             * @property {number} random=4 random value
             * @property {number} add=5 add value
             * @property {number} target=6 target value
             * @property {number} datasource=7 datasource value
             * @property {number} fileexists=8 fileexists value
             * @property {number} structureddata=9 structureddata value
             * @property {number} condition=65 condition value
             * @property {number} logical=66 logical value
             */
            PointsVariable.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "constant"] = 0;
                values[valuesById[1] = "file"] = 1;
                values[valuesById[2] = "http"] = 2;
                values[valuesById[3] = "map"] = 3;
                values[valuesById[4] = "random"] = 4;
                values[valuesById[5] = "add"] = 5;
                values[valuesById[6] = "target"] = 6;
                values[valuesById[7] = "datasource"] = 7;
                values[valuesById[8] = "fileexists"] = 8;
                values[valuesById[9] = "structureddata"] = 9;
                values[valuesById[65] = "condition"] = 65;
                values[valuesById[66] = "logical"] = 66;
                return values;
            })();

            /**
             * StructuredDataType enum.
             * @name StructuredDataType
             * @memberof JetSDL.Proto.PointsVariable
             * @enum {number}
             * @property {number} structured_json=1 structured_json value
             */
            PointsVariable.StructuredDataType = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "structured_json"] = 1;
                return values;
            })();

            /**
             * ConditionOperator enum.
             * @name ConditionOperator
             * @memberof JetSDL.Proto.PointsVariable
             * @enum {number}
             * @property {number} IN=1 IN value
             * @property {number} NOT_IN=2 NOT_IN value
             */
            PointsVariable.ConditionOperator = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "IN"] = 1;
                values[valuesById[2] = "NOT_IN"] = 2;
                return values;
            })();

            /**
             * BooleanOperator enum.
             * @name BooleanOperator
             * @memberof JetSDL.Proto.PointsVariable
             * @enum {number}
             * @property {number} AND=1 AND value
             * @property {number} OR=2 OR value
             * @property {number} NAND=3 NAND value
             * @property {number} NOR=4 NOR value
             */
            PointsVariable.BooleanOperator = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "AND"] = 1;
                values[valuesById[2] = "OR"] = 2;
                values[valuesById[3] = "NAND"] = 3;
                values[valuesById[4] = "NOR"] = 4;
                return values;
            })();

            return PointsVariable;
        })();

        Proto.Animation = (function() {

            /**
             * Properties of an Animation.
             * @typedef JetSDL.Proto.Animation$Properties
             * @type {Object}
             * @property {JetSDL.Proto.Function$Properties} ["function"] Animation function.
             * @property {Array.<JetSDL.Proto.AnimTransformation$Properties>} [transformations] Animation transformations.
             * @property {number} [start] Animation start.
             * @property {number} [end] Animation end.
             * @property {boolean} [invert] Animation invert.
             * @property {JetSDL.Proto.Pos3d$Properties} [position] Animation position.
             */

            /**
             * Constructs a new Animation.
             * @exports JetSDL.Proto.Animation
             * @constructor
             * @param {JetSDL.Proto.Animation$Properties=} [properties] Properties to set
             */
            function Animation(properties) {
                this.transformations = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Animation function.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            Animation.prototype["function"] = null;

            /**
             * Animation transformations.
             * @type {Array.<JetSDL.Proto.AnimTransformation$Properties>}
             */
            Animation.prototype.transformations = $util.emptyArray;

            /**
             * Animation start.
             * @type {number}
             */
            Animation.prototype.start = 0;

            /**
             * Animation end.
             * @type {number}
             */
            Animation.prototype.end = 0;

            /**
             * Animation invert.
             * @type {boolean}
             */
            Animation.prototype.invert = false;

            /**
             * Animation position.
             * @type {(JetSDL.Proto.Pos3d$Properties|null)}
             */
            Animation.prototype.position = null;

            /**
             * Creates a new Animation instance using the specified properties.
             * @param {JetSDL.Proto.Animation$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Animation} Animation instance
             */
            Animation.create = function create(properties) {
                return new Animation(properties);
            };

            /**
             * Encodes the specified Animation message. Does not implicitly {@link JetSDL.Proto.Animation.verify|verify} messages.
             * @param {JetSDL.Proto.Animation$Properties} message Animation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Animation.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message["function"] != null && message.hasOwnProperty("function"))
                    $root.JetSDL.Proto.Function.encode(message["function"], writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.transformations != null && message.transformations.length)
                    for (var i = 0; i < message.transformations.length; ++i)
                        $root.JetSDL.Proto.AnimTransformation.encode(message.transformations[i], writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.start != null && message.hasOwnProperty("start"))
                    writer.uint32(/* id 4, wireType 0 =*/32).int32(message.start);
                if (message.end != null && message.hasOwnProperty("end"))
                    writer.uint32(/* id 5, wireType 0 =*/40).int32(message.end);
                if (message.invert != null && message.hasOwnProperty("invert"))
                    writer.uint32(/* id 6, wireType 0 =*/48).bool(message.invert);
                if (message.position != null && message.hasOwnProperty("position"))
                    $root.JetSDL.Proto.Pos3d.encode(message.position, writer.uint32(/* id 7, wireType 2 =*/58).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified Animation message, length delimited. Does not implicitly {@link JetSDL.Proto.Animation.verify|verify} messages.
             * @param {JetSDL.Proto.Animation$Properties} message Animation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Animation.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an Animation message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Animation} Animation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Animation.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Animation();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message["function"] = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 3:
                        if (!(message.transformations && message.transformations.length))
                            message.transformations = [];
                        message.transformations.push($root.JetSDL.Proto.AnimTransformation.decode(reader, reader.uint32()));
                        break;
                    case 4:
                        message.start = reader.int32();
                        break;
                    case 5:
                        message.end = reader.int32();
                        break;
                    case 6:
                        message.invert = reader.bool();
                        break;
                    case 7:
                        message.position = $root.JetSDL.Proto.Pos3d.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes an Animation message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Animation} Animation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Animation.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an Animation message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Animation.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message["function"] != null && message.hasOwnProperty("function")) {
                    var error = $root.JetSDL.Proto.Function.verify(message["function"]);
                    if (error)
                        return "function." + error;
                }
                if (message.transformations != null && message.hasOwnProperty("transformations")) {
                    if (!Array.isArray(message.transformations))
                        return "transformations: array expected";
                    for (var i = 0; i < message.transformations.length; ++i) {
                        var error = $root.JetSDL.Proto.AnimTransformation.verify(message.transformations[i]);
                        if (error)
                            return "transformations." + error;
                    }
                }
                if (message.start != null && message.hasOwnProperty("start"))
                    if (!$util.isInteger(message.start))
                        return "start: integer expected";
                if (message.end != null && message.hasOwnProperty("end"))
                    if (!$util.isInteger(message.end))
                        return "end: integer expected";
                if (message.invert != null && message.hasOwnProperty("invert"))
                    if (typeof message.invert !== "boolean")
                        return "invert: boolean expected";
                if (message.position != null && message.hasOwnProperty("position")) {
                    var error = $root.JetSDL.Proto.Pos3d.verify(message.position);
                    if (error)
                        return "position." + error;
                }
                return null;
            };

            /**
             * Creates an Animation message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Animation} Animation
             */
            Animation.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Animation)
                    return object;
                var message = new $root.JetSDL.Proto.Animation();
                if (object["function"] != null) {
                    if (typeof object["function"] !== "object")
                        throw TypeError(".JetSDL.Proto.Animation.function: object expected");
                    message["function"] = $root.JetSDL.Proto.Function.fromObject(object["function"]);
                }
                if (object.transformations) {
                    if (!Array.isArray(object.transformations))
                        throw TypeError(".JetSDL.Proto.Animation.transformations: array expected");
                    message.transformations = [];
                    for (var i = 0; i < object.transformations.length; ++i) {
                        if (typeof object.transformations[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Animation.transformations: object expected");
                        message.transformations[i] = $root.JetSDL.Proto.AnimTransformation.fromObject(object.transformations[i]);
                    }
                }
                if (object.start != null)
                    message.start = object.start | 0;
                if (object.end != null)
                    message.end = object.end | 0;
                if (object.invert != null)
                    message.invert = Boolean(object.invert);
                if (object.position != null) {
                    if (typeof object.position !== "object")
                        throw TypeError(".JetSDL.Proto.Animation.position: object expected");
                    message.position = $root.JetSDL.Proto.Pos3d.fromObject(object.position);
                }
                return message;
            };

            /**
             * Creates an Animation message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Animation.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Animation} Animation
             */
            Animation.from = Animation.fromObject;

            /**
             * Creates a plain object from an Animation message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Animation} message Animation
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Animation.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.transformations = [];
                if (options.defaults) {
                    object["function"] = null;
                    object.start = 0;
                    object.end = 0;
                    object.invert = false;
                    object.position = null;
                }
                if (message["function"] != null && message.hasOwnProperty("function"))
                    object["function"] = $root.JetSDL.Proto.Function.toObject(message["function"], options);
                if (message.transformations && message.transformations.length) {
                    object.transformations = [];
                    for (var j = 0; j < message.transformations.length; ++j)
                        object.transformations[j] = $root.JetSDL.Proto.AnimTransformation.toObject(message.transformations[j], options);
                }
                if (message.start != null && message.hasOwnProperty("start"))
                    object.start = message.start;
                if (message.end != null && message.hasOwnProperty("end"))
                    object.end = message.end;
                if (message.invert != null && message.hasOwnProperty("invert"))
                    object.invert = message.invert;
                if (message.position != null && message.hasOwnProperty("position"))
                    object.position = $root.JetSDL.Proto.Pos3d.toObject(message.position, options);
                return object;
            };

            /**
             * Creates a plain object from this Animation message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Animation.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Animation to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Animation.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return Animation;
        })();

        Proto.AnimTransformation = (function() {

            /**
             * Properties of an AnimTransformation.
             * @typedef JetSDL.Proto.AnimTransformation$Properties
             * @type {Object}
             * @property {JetSDL.Proto.AnimTransformation.Type} type AnimTransformation type.
             * @property {number} [x] AnimTransformation x.
             * @property {number} [y] AnimTransformation y.
             * @property {number} [z] AnimTransformation z.
             * @property {number} [angle] AnimTransformation angle.
             */

            /**
             * Constructs a new AnimTransformation.
             * @exports JetSDL.Proto.AnimTransformation
             * @constructor
             * @param {JetSDL.Proto.AnimTransformation$Properties=} [properties] Properties to set
             */
            function AnimTransformation(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * AnimTransformation type.
             * @type {JetSDL.Proto.AnimTransformation.Type}
             */
            AnimTransformation.prototype.type = 1;

            /**
             * AnimTransformation x.
             * @type {number}
             */
            AnimTransformation.prototype.x = 0;

            /**
             * AnimTransformation y.
             * @type {number}
             */
            AnimTransformation.prototype.y = 0;

            /**
             * AnimTransformation z.
             * @type {number}
             */
            AnimTransformation.prototype.z = 0;

            /**
             * AnimTransformation angle.
             * @type {number}
             */
            AnimTransformation.prototype.angle = 0;

            /**
             * Creates a new AnimTransformation instance using the specified properties.
             * @param {JetSDL.Proto.AnimTransformation$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.AnimTransformation} AnimTransformation instance
             */
            AnimTransformation.create = function create(properties) {
                return new AnimTransformation(properties);
            };

            /**
             * Encodes the specified AnimTransformation message. Does not implicitly {@link JetSDL.Proto.AnimTransformation.verify|verify} messages.
             * @param {JetSDL.Proto.AnimTransformation$Properties} message AnimTransformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            AnimTransformation.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.x != null && message.hasOwnProperty("x"))
                    writer.uint32(/* id 2, wireType 1 =*/17).double(message.x);
                if (message.y != null && message.hasOwnProperty("y"))
                    writer.uint32(/* id 3, wireType 1 =*/25).double(message.y);
                if (message.z != null && message.hasOwnProperty("z"))
                    writer.uint32(/* id 4, wireType 1 =*/33).double(message.z);
                if (message.angle != null && message.hasOwnProperty("angle"))
                    writer.uint32(/* id 5, wireType 1 =*/41).double(message.angle);
                return writer;
            };

            /**
             * Encodes the specified AnimTransformation message, length delimited. Does not implicitly {@link JetSDL.Proto.AnimTransformation.verify|verify} messages.
             * @param {JetSDL.Proto.AnimTransformation$Properties} message AnimTransformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            AnimTransformation.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an AnimTransformation message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.AnimTransformation} AnimTransformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            AnimTransformation.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.AnimTransformation();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        message.x = reader.double();
                        break;
                    case 3:
                        message.y = reader.double();
                        break;
                    case 4:
                        message.z = reader.double();
                        break;
                    case 5:
                        message.angle = reader.double();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("type"))
                    throw $util.ProtocolError("missing required 'type'", { instance: message });
                return message;
            };

            /**
             * Decodes an AnimTransformation message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.AnimTransformation} AnimTransformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            AnimTransformation.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an AnimTransformation message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            AnimTransformation.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                switch (message.type) {
                default:
                    return "type: enum value expected";
                case 1:
                case 2:
                case 3:
                case 4:
                case 5:
                case 6:
                    break;
                }
                if (message.x != null && message.hasOwnProperty("x"))
                    if (typeof message.x !== "number")
                        return "x: number expected";
                if (message.y != null && message.hasOwnProperty("y"))
                    if (typeof message.y !== "number")
                        return "y: number expected";
                if (message.z != null && message.hasOwnProperty("z"))
                    if (typeof message.z !== "number")
                        return "z: number expected";
                if (message.angle != null && message.hasOwnProperty("angle"))
                    if (typeof message.angle !== "number")
                        return "angle: number expected";
                return null;
            };

            /**
             * Creates an AnimTransformation message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.AnimTransformation} AnimTransformation
             */
            AnimTransformation.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.AnimTransformation)
                    return object;
                var message = new $root.JetSDL.Proto.AnimTransformation();
                switch (object.type) {
                case "translate":
                case 1:
                    message.type = 1;
                    break;
                case "shear":
                case 2:
                    message.type = 2;
                    break;
                case "scale":
                case 3:
                    message.type = 3;
                    break;
                case "rotatex":
                case 4:
                    message.type = 4;
                    break;
                case "rotatey":
                case 5:
                    message.type = 5;
                    break;
                case "rotatez":
                case 6:
                    message.type = 6;
                    break;
                }
                if (object.x != null)
                    message.x = Number(object.x);
                if (object.y != null)
                    message.y = Number(object.y);
                if (object.z != null)
                    message.z = Number(object.z);
                if (object.angle != null)
                    message.angle = Number(object.angle);
                return message;
            };

            /**
             * Creates an AnimTransformation message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.AnimTransformation.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.AnimTransformation} AnimTransformation
             */
            AnimTransformation.from = AnimTransformation.fromObject;

            /**
             * Creates a plain object from an AnimTransformation message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.AnimTransformation} message AnimTransformation
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            AnimTransformation.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.type = options.enums === String ? "translate" : 1;
                    object.x = 0;
                    object.y = 0;
                    object.z = 0;
                    object.angle = 0;
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.AnimTransformation.Type[message.type] : message.type;
                if (message.x != null && message.hasOwnProperty("x"))
                    object.x = message.x;
                if (message.y != null && message.hasOwnProperty("y"))
                    object.y = message.y;
                if (message.z != null && message.hasOwnProperty("z"))
                    object.z = message.z;
                if (message.angle != null && message.hasOwnProperty("angle"))
                    object.angle = message.angle;
                return object;
            };

            /**
             * Creates a plain object from this AnimTransformation message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            AnimTransformation.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this AnimTransformation to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            AnimTransformation.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.AnimTransformation
             * @enum {number}
             * @property {number} translate=1 translate value
             * @property {number} shear=2 shear value
             * @property {number} scale=3 scale value
             * @property {number} rotatex=4 rotatex value
             * @property {number} rotatey=5 rotatey value
             * @property {number} rotatez=6 rotatez value
             */
            AnimTransformation.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "translate"] = 1;
                values[valuesById[2] = "shear"] = 2;
                values[valuesById[3] = "scale"] = 3;
                values[valuesById[4] = "rotatex"] = 4;
                values[valuesById[5] = "rotatey"] = 5;
                values[valuesById[6] = "rotatez"] = 6;
                return values;
            })();

            return AnimTransformation;
        })();

        Proto.AnimationPosition = (function() {

            /**
             * Properties of an AnimationPosition.
             * @typedef JetSDL.Proto.AnimationPosition$Properties
             * @type {Object}
             * @property {JetSDL.Proto.Pos3d$Properties} tl AnimationPosition tl.
             * @property {JetSDL.Proto.Pos3d$Properties} tr AnimationPosition tr.
             * @property {JetSDL.Proto.Pos3d$Properties} br AnimationPosition br.
             * @property {JetSDL.Proto.Pos3d$Properties} bl AnimationPosition bl.
             */

            /**
             * Constructs a new AnimationPosition.
             * @exports JetSDL.Proto.AnimationPosition
             * @constructor
             * @param {JetSDL.Proto.AnimationPosition$Properties=} [properties] Properties to set
             */
            function AnimationPosition(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * AnimationPosition tl.
             * @type {JetSDL.Proto.Pos3d$Properties}
             */
            AnimationPosition.prototype.tl = null;

            /**
             * AnimationPosition tr.
             * @type {JetSDL.Proto.Pos3d$Properties}
             */
            AnimationPosition.prototype.tr = null;

            /**
             * AnimationPosition br.
             * @type {JetSDL.Proto.Pos3d$Properties}
             */
            AnimationPosition.prototype.br = null;

            /**
             * AnimationPosition bl.
             * @type {JetSDL.Proto.Pos3d$Properties}
             */
            AnimationPosition.prototype.bl = null;

            /**
             * Creates a new AnimationPosition instance using the specified properties.
             * @param {JetSDL.Proto.AnimationPosition$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.AnimationPosition} AnimationPosition instance
             */
            AnimationPosition.create = function create(properties) {
                return new AnimationPosition(properties);
            };

            /**
             * Encodes the specified AnimationPosition message. Does not implicitly {@link JetSDL.Proto.AnimationPosition.verify|verify} messages.
             * @param {JetSDL.Proto.AnimationPosition$Properties} message AnimationPosition message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            AnimationPosition.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                $root.JetSDL.Proto.Pos3d.encode(message.tl, writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();
                $root.JetSDL.Proto.Pos3d.encode(message.tr, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                $root.JetSDL.Proto.Pos3d.encode(message.br, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                $root.JetSDL.Proto.Pos3d.encode(message.bl, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified AnimationPosition message, length delimited. Does not implicitly {@link JetSDL.Proto.AnimationPosition.verify|verify} messages.
             * @param {JetSDL.Proto.AnimationPosition$Properties} message AnimationPosition message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            AnimationPosition.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an AnimationPosition message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.AnimationPosition} AnimationPosition
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            AnimationPosition.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.AnimationPosition();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.tl = $root.JetSDL.Proto.Pos3d.decode(reader, reader.uint32());
                        break;
                    case 2:
                        message.tr = $root.JetSDL.Proto.Pos3d.decode(reader, reader.uint32());
                        break;
                    case 3:
                        message.br = $root.JetSDL.Proto.Pos3d.decode(reader, reader.uint32());
                        break;
                    case 4:
                        message.bl = $root.JetSDL.Proto.Pos3d.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("tl"))
                    throw $util.ProtocolError("missing required 'tl'", { instance: message });
                if (!message.hasOwnProperty("tr"))
                    throw $util.ProtocolError("missing required 'tr'", { instance: message });
                if (!message.hasOwnProperty("br"))
                    throw $util.ProtocolError("missing required 'br'", { instance: message });
                if (!message.hasOwnProperty("bl"))
                    throw $util.ProtocolError("missing required 'bl'", { instance: message });
                return message;
            };

            /**
             * Decodes an AnimationPosition message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.AnimationPosition} AnimationPosition
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            AnimationPosition.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an AnimationPosition message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            AnimationPosition.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                var error = $root.JetSDL.Proto.Pos3d.verify(message.tl);
                if (error)
                    return "tl." + error;
                var error = $root.JetSDL.Proto.Pos3d.verify(message.tr);
                if (error)
                    return "tr." + error;
                var error = $root.JetSDL.Proto.Pos3d.verify(message.br);
                if (error)
                    return "br." + error;
                var error = $root.JetSDL.Proto.Pos3d.verify(message.bl);
                if (error)
                    return "bl." + error;
                return null;
            };

            /**
             * Creates an AnimationPosition message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.AnimationPosition} AnimationPosition
             */
            AnimationPosition.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.AnimationPosition)
                    return object;
                var message = new $root.JetSDL.Proto.AnimationPosition();
                if (object.tl != null) {
                    if (typeof object.tl !== "object")
                        throw TypeError(".JetSDL.Proto.AnimationPosition.tl: object expected");
                    message.tl = $root.JetSDL.Proto.Pos3d.fromObject(object.tl);
                }
                if (object.tr != null) {
                    if (typeof object.tr !== "object")
                        throw TypeError(".JetSDL.Proto.AnimationPosition.tr: object expected");
                    message.tr = $root.JetSDL.Proto.Pos3d.fromObject(object.tr);
                }
                if (object.br != null) {
                    if (typeof object.br !== "object")
                        throw TypeError(".JetSDL.Proto.AnimationPosition.br: object expected");
                    message.br = $root.JetSDL.Proto.Pos3d.fromObject(object.br);
                }
                if (object.bl != null) {
                    if (typeof object.bl !== "object")
                        throw TypeError(".JetSDL.Proto.AnimationPosition.bl: object expected");
                    message.bl = $root.JetSDL.Proto.Pos3d.fromObject(object.bl);
                }
                return message;
            };

            /**
             * Creates an AnimationPosition message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.AnimationPosition.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.AnimationPosition} AnimationPosition
             */
            AnimationPosition.from = AnimationPosition.fromObject;

            /**
             * Creates a plain object from an AnimationPosition message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.AnimationPosition} message AnimationPosition
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            AnimationPosition.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.tl = null;
                    object.tr = null;
                    object.br = null;
                    object.bl = null;
                }
                if (message.tl != null && message.hasOwnProperty("tl"))
                    object.tl = $root.JetSDL.Proto.Pos3d.toObject(message.tl, options);
                if (message.tr != null && message.hasOwnProperty("tr"))
                    object.tr = $root.JetSDL.Proto.Pos3d.toObject(message.tr, options);
                if (message.br != null && message.hasOwnProperty("br"))
                    object.br = $root.JetSDL.Proto.Pos3d.toObject(message.br, options);
                if (message.bl != null && message.hasOwnProperty("bl"))
                    object.bl = $root.JetSDL.Proto.Pos3d.toObject(message.bl, options);
                return object;
            };

            /**
             * Creates a plain object from this AnimationPosition message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            AnimationPosition.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this AnimationPosition to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            AnimationPosition.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return AnimationPosition;
        })();

        Proto.Pos3d = (function() {

            /**
             * Properties of a Pos3d.
             * @typedef JetSDL.Proto.Pos3d$Properties
             * @type {Object}
             * @property {number} [x] Pos3d x.
             * @property {number} [y] Pos3d y.
             * @property {number} [z] Pos3d z.
             */

            /**
             * Constructs a new Pos3d.
             * @exports JetSDL.Proto.Pos3d
             * @constructor
             * @param {JetSDL.Proto.Pos3d$Properties=} [properties] Properties to set
             */
            function Pos3d(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Pos3d x.
             * @type {number}
             */
            Pos3d.prototype.x = 0;

            /**
             * Pos3d y.
             * @type {number}
             */
            Pos3d.prototype.y = 0;

            /**
             * Pos3d z.
             * @type {number}
             */
            Pos3d.prototype.z = 0;

            /**
             * Creates a new Pos3d instance using the specified properties.
             * @param {JetSDL.Proto.Pos3d$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Pos3d} Pos3d instance
             */
            Pos3d.create = function create(properties) {
                return new Pos3d(properties);
            };

            /**
             * Encodes the specified Pos3d message. Does not implicitly {@link JetSDL.Proto.Pos3d.verify|verify} messages.
             * @param {JetSDL.Proto.Pos3d$Properties} message Pos3d message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Pos3d.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.x != null && message.hasOwnProperty("x"))
                    writer.uint32(/* id 1, wireType 1 =*/9).double(message.x);
                if (message.y != null && message.hasOwnProperty("y"))
                    writer.uint32(/* id 2, wireType 1 =*/17).double(message.y);
                if (message.z != null && message.hasOwnProperty("z"))
                    writer.uint32(/* id 3, wireType 1 =*/25).double(message.z);
                return writer;
            };

            /**
             * Encodes the specified Pos3d message, length delimited. Does not implicitly {@link JetSDL.Proto.Pos3d.verify|verify} messages.
             * @param {JetSDL.Proto.Pos3d$Properties} message Pos3d message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Pos3d.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Pos3d message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Pos3d} Pos3d
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Pos3d.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Pos3d();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.x = reader.double();
                        break;
                    case 2:
                        message.y = reader.double();
                        break;
                    case 3:
                        message.z = reader.double();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a Pos3d message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Pos3d} Pos3d
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Pos3d.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Pos3d message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Pos3d.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.x != null && message.hasOwnProperty("x"))
                    if (typeof message.x !== "number")
                        return "x: number expected";
                if (message.y != null && message.hasOwnProperty("y"))
                    if (typeof message.y !== "number")
                        return "y: number expected";
                if (message.z != null && message.hasOwnProperty("z"))
                    if (typeof message.z !== "number")
                        return "z: number expected";
                return null;
            };

            /**
             * Creates a Pos3d message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Pos3d} Pos3d
             */
            Pos3d.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Pos3d)
                    return object;
                var message = new $root.JetSDL.Proto.Pos3d();
                if (object.x != null)
                    message.x = Number(object.x);
                if (object.y != null)
                    message.y = Number(object.y);
                if (object.z != null)
                    message.z = Number(object.z);
                return message;
            };

            /**
             * Creates a Pos3d message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Pos3d.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Pos3d} Pos3d
             */
            Pos3d.from = Pos3d.fromObject;

            /**
             * Creates a plain object from a Pos3d message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Pos3d} message Pos3d
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Pos3d.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.x = 0;
                    object.y = 0;
                    object.z = 0;
                }
                if (message.x != null && message.hasOwnProperty("x"))
                    object.x = message.x;
                if (message.y != null && message.hasOwnProperty("y"))
                    object.y = message.y;
                if (message.z != null && message.hasOwnProperty("z"))
                    object.z = message.z;
                return object;
            };

            /**
             * Creates a plain object from this Pos3d message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Pos3d.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Pos3d to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Pos3d.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return Pos3d;
        })();

        Proto.Function = (function() {

            /**
             * Properties of a Function.
             * @typedef JetSDL.Proto.Function$Properties
             * @type {Object}
             * @property {JetSDL.Proto.Function.Type} [type] Function type.
             * @property {number} [param1] Function param1.
             * @property {number} [param2] Function param2.
             * @property {JetSDL.Proto.Function$Properties} [innerfunction] Function innerfunction.
             * @property {JetSDL.Proto.Function$Properties} [metafunctionparam] Function metafunctionparam.
             * @property {Array.<JetSDL.Proto.Point$Properties>} [keyframes] Function keyframes.
             * @property {boolean} [extrapolate] Function extrapolate.
             * @property {Array.<JetSDL.Proto.Function.KeyFrame$Properties>} [advancedkeyframes] Function advancedkeyframes.
             */

            /**
             * Constructs a new Function.
             * @exports JetSDL.Proto.Function
             * @constructor
             * @param {JetSDL.Proto.Function$Properties=} [properties] Properties to set
             */
            function Function(properties) {
                this.keyframes = [];
                this.advancedkeyframes = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Function type.
             * @type {JetSDL.Proto.Function.Type}
             */
            Function.prototype.type = 3;

            /**
             * Function param1.
             * @type {number}
             */
            Function.prototype.param1 = 0;

            /**
             * Function param2.
             * @type {number}
             */
            Function.prototype.param2 = 0;

            /**
             * Function innerfunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            Function.prototype.innerfunction = null;

            /**
             * Function metafunctionparam.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            Function.prototype.metafunctionparam = null;

            /**
             * Function keyframes.
             * @type {Array.<JetSDL.Proto.Point$Properties>}
             */
            Function.prototype.keyframes = $util.emptyArray;

            /**
             * Function extrapolate.
             * @type {boolean}
             */
            Function.prototype.extrapolate = true;

            /**
             * Function advancedkeyframes.
             * @type {Array.<JetSDL.Proto.Function.KeyFrame$Properties>}
             */
            Function.prototype.advancedkeyframes = $util.emptyArray;

            /**
             * Creates a new Function instance using the specified properties.
             * @param {JetSDL.Proto.Function$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Function} Function instance
             */
            Function.create = function create(properties) {
                return new Function(properties);
            };

            /**
             * Encodes the specified Function message. Does not implicitly {@link JetSDL.Proto.Function.verify|verify} messages.
             * @param {JetSDL.Proto.Function$Properties} message Function message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Function.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.type != null && message.hasOwnProperty("type"))
                    writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                if (message.param1 != null && message.hasOwnProperty("param1"))
                    writer.uint32(/* id 2, wireType 1 =*/17).double(message.param1);
                if (message.param2 != null && message.hasOwnProperty("param2"))
                    writer.uint32(/* id 3, wireType 1 =*/25).double(message.param2);
                if (message.innerfunction != null && message.hasOwnProperty("innerfunction"))
                    $root.JetSDL.Proto.Function.encode(message.innerfunction, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                if (message.metafunctionparam != null && message.hasOwnProperty("metafunctionparam"))
                    $root.JetSDL.Proto.Function.encode(message.metafunctionparam, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.keyframes != null && message.keyframes.length)
                    for (var i = 0; i < message.keyframes.length; ++i)
                        $root.JetSDL.Proto.Point.encode(message.keyframes[i], writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                if (message.extrapolate != null && message.hasOwnProperty("extrapolate"))
                    writer.uint32(/* id 7, wireType 0 =*/56).bool(message.extrapolate);
                if (message.advancedkeyframes != null && message.advancedkeyframes.length)
                    for (var i = 0; i < message.advancedkeyframes.length; ++i)
                        $root.JetSDL.Proto.Function.KeyFrame.encode(message.advancedkeyframes[i], writer.uint32(/* id 8, wireType 2 =*/66).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified Function message, length delimited. Does not implicitly {@link JetSDL.Proto.Function.verify|verify} messages.
             * @param {JetSDL.Proto.Function$Properties} message Function message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Function.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Function message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Function} Function
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Function.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Function();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        message.param1 = reader.double();
                        break;
                    case 3:
                        message.param2 = reader.double();
                        break;
                    case 4:
                        message.innerfunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 5:
                        message.metafunctionparam = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 6:
                        if (!(message.keyframes && message.keyframes.length))
                            message.keyframes = [];
                        message.keyframes.push($root.JetSDL.Proto.Point.decode(reader, reader.uint32()));
                        break;
                    case 7:
                        message.extrapolate = reader.bool();
                        break;
                    case 8:
                        if (!(message.advancedkeyframes && message.advancedkeyframes.length))
                            message.advancedkeyframes = [];
                        message.advancedkeyframes.push($root.JetSDL.Proto.Function.KeyFrame.decode(reader, reader.uint32()));
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a Function message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Function} Function
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Function.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Function message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Function.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.type != null && message.hasOwnProperty("type"))
                    switch (message.type) {
                    default:
                        return "type: enum value expected";
                    case 1:
                    case 15:
                    case 3:
                    case 4:
                    case 5:
                    case 6:
                    case 7:
                    case 8:
                    case 9:
                    case 10:
                    case 11:
                    case 2:
                    case 12:
                    case 13:
                    case 14:
                    case 16:
                        break;
                    }
                if (message.param1 != null && message.hasOwnProperty("param1"))
                    if (typeof message.param1 !== "number")
                        return "param1: number expected";
                if (message.param2 != null && message.hasOwnProperty("param2"))
                    if (typeof message.param2 !== "number")
                        return "param2: number expected";
                if (message.innerfunction != null && message.hasOwnProperty("innerfunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.innerfunction);
                    if (error)
                        return "innerfunction." + error;
                }
                if (message.metafunctionparam != null && message.hasOwnProperty("metafunctionparam")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.metafunctionparam);
                    if (error)
                        return "metafunctionparam." + error;
                }
                if (message.keyframes != null && message.hasOwnProperty("keyframes")) {
                    if (!Array.isArray(message.keyframes))
                        return "keyframes: array expected";
                    for (var i = 0; i < message.keyframes.length; ++i) {
                        var error = $root.JetSDL.Proto.Point.verify(message.keyframes[i]);
                        if (error)
                            return "keyframes." + error;
                    }
                }
                if (message.extrapolate != null && message.hasOwnProperty("extrapolate"))
                    if (typeof message.extrapolate !== "boolean")
                        return "extrapolate: boolean expected";
                if (message.advancedkeyframes != null && message.hasOwnProperty("advancedkeyframes")) {
                    if (!Array.isArray(message.advancedkeyframes))
                        return "advancedkeyframes: array expected";
                    for (var i = 0; i < message.advancedkeyframes.length; ++i) {
                        var error = $root.JetSDL.Proto.Function.KeyFrame.verify(message.advancedkeyframes[i]);
                        if (error)
                            return "advancedkeyframes." + error;
                    }
                }
                return null;
            };

            /**
             * Creates a Function message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Function} Function
             */
            Function.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Function)
                    return object;
                var message = new $root.JetSDL.Proto.Function();
                switch (object.type) {
                case "inverted":
                case 1:
                    message.type = 1;
                    break;
                case "abs":
                case 15:
                    message.type = 15;
                    break;
                case "linear":
                case 3:
                    message.type = 3;
                    break;
                case "constant":
                case 4:
                    message.type = 4;
                    break;
                case "power":
                case 5:
                    message.type = 5;
                    break;
                case "sin":
                case 6:
                    message.type = 6;
                    break;
                case "factor":
                case 7:
                    message.type = 7;
                    break;
                case "overshoot":
                case 8:
                    message.type = 8;
                    break;
                case "undershoot":
                case 9:
                    message.type = 9;
                    break;
                case "sigmoid":
                case 10:
                    message.type = 10;
                    break;
                case "switched":
                case 11:
                    message.type = 11;
                    break;
                case "timed":
                case 2:
                    message.type = 2;
                    break;
                case "add":
                case 12:
                    message.type = 12;
                    break;
                case "subtract":
                case 13:
                    message.type = 13;
                    break;
                case "multiply":
                case 14:
                    message.type = 14;
                    break;
                case "keyframe":
                case 16:
                    message.type = 16;
                    break;
                }
                if (object.param1 != null)
                    message.param1 = Number(object.param1);
                if (object.param2 != null)
                    message.param2 = Number(object.param2);
                if (object.innerfunction != null) {
                    if (typeof object.innerfunction !== "object")
                        throw TypeError(".JetSDL.Proto.Function.innerfunction: object expected");
                    message.innerfunction = $root.JetSDL.Proto.Function.fromObject(object.innerfunction);
                }
                if (object.metafunctionparam != null) {
                    if (typeof object.metafunctionparam !== "object")
                        throw TypeError(".JetSDL.Proto.Function.metafunctionparam: object expected");
                    message.metafunctionparam = $root.JetSDL.Proto.Function.fromObject(object.metafunctionparam);
                }
                if (object.keyframes) {
                    if (!Array.isArray(object.keyframes))
                        throw TypeError(".JetSDL.Proto.Function.keyframes: array expected");
                    message.keyframes = [];
                    for (var i = 0; i < object.keyframes.length; ++i) {
                        if (typeof object.keyframes[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Function.keyframes: object expected");
                        message.keyframes[i] = $root.JetSDL.Proto.Point.fromObject(object.keyframes[i]);
                    }
                }
                if (object.extrapolate != null)
                    message.extrapolate = Boolean(object.extrapolate);
                if (object.advancedkeyframes) {
                    if (!Array.isArray(object.advancedkeyframes))
                        throw TypeError(".JetSDL.Proto.Function.advancedkeyframes: array expected");
                    message.advancedkeyframes = [];
                    for (var i = 0; i < object.advancedkeyframes.length; ++i) {
                        if (typeof object.advancedkeyframes[i] !== "object")
                            throw TypeError(".JetSDL.Proto.Function.advancedkeyframes: object expected");
                        message.advancedkeyframes[i] = $root.JetSDL.Proto.Function.KeyFrame.fromObject(object.advancedkeyframes[i]);
                    }
                }
                return message;
            };

            /**
             * Creates a Function message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Function.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Function} Function
             */
            Function.from = Function.fromObject;

            /**
             * Creates a plain object from a Function message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Function} message Function
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Function.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.keyframes = [];
                    object.advancedkeyframes = [];
                }
                if (options.defaults) {
                    object.type = options.enums === String ? "linear" : 3;
                    object.param1 = 0;
                    object.param2 = 0;
                    object.innerfunction = null;
                    object.metafunctionparam = null;
                    object.extrapolate = true;
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.Function.Type[message.type] : message.type;
                if (message.param1 != null && message.hasOwnProperty("param1"))
                    object.param1 = message.param1;
                if (message.param2 != null && message.hasOwnProperty("param2"))
                    object.param2 = message.param2;
                if (message.innerfunction != null && message.hasOwnProperty("innerfunction"))
                    object.innerfunction = $root.JetSDL.Proto.Function.toObject(message.innerfunction, options);
                if (message.metafunctionparam != null && message.hasOwnProperty("metafunctionparam"))
                    object.metafunctionparam = $root.JetSDL.Proto.Function.toObject(message.metafunctionparam, options);
                if (message.keyframes && message.keyframes.length) {
                    object.keyframes = [];
                    for (var j = 0; j < message.keyframes.length; ++j)
                        object.keyframes[j] = $root.JetSDL.Proto.Point.toObject(message.keyframes[j], options);
                }
                if (message.extrapolate != null && message.hasOwnProperty("extrapolate"))
                    object.extrapolate = message.extrapolate;
                if (message.advancedkeyframes && message.advancedkeyframes.length) {
                    object.advancedkeyframes = [];
                    for (var j = 0; j < message.advancedkeyframes.length; ++j)
                        object.advancedkeyframes[j] = $root.JetSDL.Proto.Function.KeyFrame.toObject(message.advancedkeyframes[j], options);
                }
                return object;
            };

            /**
             * Creates a plain object from this Function message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Function.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Function to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Function.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.Function
             * @enum {number}
             * @property {number} inverted=1 inverted value
             * @property {number} abs=15 abs value
             * @property {number} linear=3 linear value
             * @property {number} constant=4 constant value
             * @property {number} power=5 power value
             * @property {number} sin=6 sin value
             * @property {number} factor=7 factor value
             * @property {number} overshoot=8 overshoot value
             * @property {number} undershoot=9 undershoot value
             * @property {number} sigmoid=10 sigmoid value
             * @property {number} switched=11 switched value
             * @property {number} timed=2 timed value
             * @property {number} add=12 add value
             * @property {number} subtract=13 subtract value
             * @property {number} multiply=14 multiply value
             * @property {number} keyframe=16 keyframe value
             */
            Function.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "inverted"] = 1;
                values[valuesById[15] = "abs"] = 15;
                values[valuesById[3] = "linear"] = 3;
                values[valuesById[4] = "constant"] = 4;
                values[valuesById[5] = "power"] = 5;
                values[valuesById[6] = "sin"] = 6;
                values[valuesById[7] = "factor"] = 7;
                values[valuesById[8] = "overshoot"] = 8;
                values[valuesById[9] = "undershoot"] = 9;
                values[valuesById[10] = "sigmoid"] = 10;
                values[valuesById[11] = "switched"] = 11;
                values[valuesById[2] = "timed"] = 2;
                values[valuesById[12] = "add"] = 12;
                values[valuesById[13] = "subtract"] = 13;
                values[valuesById[14] = "multiply"] = 14;
                values[valuesById[16] = "keyframe"] = 16;
                return values;
            })();

            Function.KeyFrame = (function() {

                /**
                 * Properties of a KeyFrame.
                 * @typedef JetSDL.Proto.Function.KeyFrame$Properties
                 * @type {Object}
                 * @property {JetSDL.Proto.Function.KeyFrame.Type} [type] KeyFrame type.
                 * @property {number} [time] KeyFrame time.
                 * @property {number} [value] KeyFrame value.
                 * @property {JetSDL.Proto.Function.KeyFrame.OriginType} [origin] KeyFrame origin.
                 * @property {number} [incomingVelocity] KeyFrame incomingVelocity.
                 * @property {number} [incomingInfluence] KeyFrame incomingInfluence.
                 * @property {number} [outgoingVelocity] KeyFrame outgoingVelocity.
                 * @property {number} [outgoingInfluence] KeyFrame outgoingInfluence.
                 */

                /**
                 * Constructs a new KeyFrame.
                 * @exports JetSDL.Proto.Function.KeyFrame
                 * @constructor
                 * @param {JetSDL.Proto.Function.KeyFrame$Properties=} [properties] Properties to set
                 */
                function KeyFrame(properties) {
                    if (properties)
                        for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                            if (properties[keys[i]] != null)
                                this[keys[i]] = properties[keys[i]];
                }

                /**
                 * KeyFrame type.
                 * @type {JetSDL.Proto.Function.KeyFrame.Type}
                 */
                KeyFrame.prototype.type = 1;

                /**
                 * KeyFrame time.
                 * @type {number}
                 */
                KeyFrame.prototype.time = 0;

                /**
                 * KeyFrame value.
                 * @type {number}
                 */
                KeyFrame.prototype.value = 0;

                /**
                 * KeyFrame origin.
                 * @type {JetSDL.Proto.Function.KeyFrame.OriginType}
                 */
                KeyFrame.prototype.origin = 1;

                /**
                 * KeyFrame incomingVelocity.
                 * @type {number}
                 */
                KeyFrame.prototype.incomingVelocity = 0;

                /**
                 * KeyFrame incomingInfluence.
                 * @type {number}
                 */
                KeyFrame.prototype.incomingInfluence = 0;

                /**
                 * KeyFrame outgoingVelocity.
                 * @type {number}
                 */
                KeyFrame.prototype.outgoingVelocity = 0;

                /**
                 * KeyFrame outgoingInfluence.
                 * @type {number}
                 */
                KeyFrame.prototype.outgoingInfluence = 0;

                /**
                 * Creates a new KeyFrame instance using the specified properties.
                 * @param {JetSDL.Proto.Function.KeyFrame$Properties=} [properties] Properties to set
                 * @returns {JetSDL.Proto.Function.KeyFrame} KeyFrame instance
                 */
                KeyFrame.create = function create(properties) {
                    return new KeyFrame(properties);
                };

                /**
                 * Encodes the specified KeyFrame message. Does not implicitly {@link JetSDL.Proto.Function.KeyFrame.verify|verify} messages.
                 * @param {JetSDL.Proto.Function.KeyFrame$Properties} message KeyFrame message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                KeyFrame.encode = function encode(message, writer) {
                    if (!writer)
                        writer = $Writer.create();
                    if (message.type != null && message.hasOwnProperty("type"))
                        writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                    if (message.time != null && message.hasOwnProperty("time"))
                        writer.uint32(/* id 2, wireType 1 =*/17).double(message.time);
                    if (message.value != null && message.hasOwnProperty("value"))
                        writer.uint32(/* id 3, wireType 1 =*/25).double(message.value);
                    if (message.origin != null && message.hasOwnProperty("origin"))
                        writer.uint32(/* id 4, wireType 0 =*/32).uint32(message.origin);
                    if (message.incomingVelocity != null && message.hasOwnProperty("incomingVelocity"))
                        writer.uint32(/* id 5, wireType 1 =*/41).double(message.incomingVelocity);
                    if (message.incomingInfluence != null && message.hasOwnProperty("incomingInfluence"))
                        writer.uint32(/* id 6, wireType 1 =*/49).double(message.incomingInfluence);
                    if (message.outgoingVelocity != null && message.hasOwnProperty("outgoingVelocity"))
                        writer.uint32(/* id 7, wireType 1 =*/57).double(message.outgoingVelocity);
                    if (message.outgoingInfluence != null && message.hasOwnProperty("outgoingInfluence"))
                        writer.uint32(/* id 8, wireType 1 =*/65).double(message.outgoingInfluence);
                    return writer;
                };

                /**
                 * Encodes the specified KeyFrame message, length delimited. Does not implicitly {@link JetSDL.Proto.Function.KeyFrame.verify|verify} messages.
                 * @param {JetSDL.Proto.Function.KeyFrame$Properties} message KeyFrame message or plain object to encode
                 * @param {$protobuf.Writer} [writer] Writer to encode to
                 * @returns {$protobuf.Writer} Writer
                 */
                KeyFrame.encodeDelimited = function encodeDelimited(message, writer) {
                    return this.encode(message, writer).ldelim();
                };

                /**
                 * Decodes a KeyFrame message from the specified reader or buffer.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @param {number} [length] Message length if known beforehand
                 * @returns {JetSDL.Proto.Function.KeyFrame} KeyFrame
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                KeyFrame.decode = function decode(reader, length) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader.create(reader);
                    var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Function.KeyFrame();
                    while (reader.pos < end) {
                        var tag = reader.uint32();
                        switch (tag >>> 3) {
                        case 1:
                            message.type = reader.uint32();
                            break;
                        case 2:
                            message.time = reader.double();
                            break;
                        case 3:
                            message.value = reader.double();
                            break;
                        case 4:
                            message.origin = reader.uint32();
                            break;
                        case 5:
                            message.incomingVelocity = reader.double();
                            break;
                        case 6:
                            message.incomingInfluence = reader.double();
                            break;
                        case 7:
                            message.outgoingVelocity = reader.double();
                            break;
                        case 8:
                            message.outgoingInfluence = reader.double();
                            break;
                        default:
                            reader.skipType(tag & 7);
                            break;
                        }
                    }
                    return message;
                };

                /**
                 * Decodes a KeyFrame message from the specified reader or buffer, length delimited.
                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
                 * @returns {JetSDL.Proto.Function.KeyFrame} KeyFrame
                 * @throws {Error} If the payload is not a reader or valid buffer
                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
                 */
                KeyFrame.decodeDelimited = function decodeDelimited(reader) {
                    if (!(reader instanceof $Reader))
                        reader = $Reader(reader);
                    return this.decode(reader, reader.uint32());
                };

                /**
                 * Verifies a KeyFrame message.
                 * @param {Object.<string,*>} message Plain object to verify
                 * @returns {?string} `null` if valid, otherwise the reason why it is not
                 */
                KeyFrame.verify = function verify(message) {
                    if (typeof message !== "object" || message === null)
                        return "object expected";
                    if (message.type != null && message.hasOwnProperty("type"))
                        switch (message.type) {
                        default:
                            return "type: enum value expected";
                        case 1:
                        case 2:
                            break;
                        }
                    if (message.time != null && message.hasOwnProperty("time"))
                        if (typeof message.time !== "number")
                            return "time: number expected";
                    if (message.value != null && message.hasOwnProperty("value"))
                        if (typeof message.value !== "number")
                            return "value: number expected";
                    if (message.origin != null && message.hasOwnProperty("origin"))
                        switch (message.origin) {
                        default:
                            return "origin: enum value expected";
                        case 1:
                        case 2:
                            break;
                        }
                    if (message.incomingVelocity != null && message.hasOwnProperty("incomingVelocity"))
                        if (typeof message.incomingVelocity !== "number")
                            return "incomingVelocity: number expected";
                    if (message.incomingInfluence != null && message.hasOwnProperty("incomingInfluence"))
                        if (typeof message.incomingInfluence !== "number")
                            return "incomingInfluence: number expected";
                    if (message.outgoingVelocity != null && message.hasOwnProperty("outgoingVelocity"))
                        if (typeof message.outgoingVelocity !== "number")
                            return "outgoingVelocity: number expected";
                    if (message.outgoingInfluence != null && message.hasOwnProperty("outgoingInfluence"))
                        if (typeof message.outgoingInfluence !== "number")
                            return "outgoingInfluence: number expected";
                    return null;
                };

                /**
                 * Creates a KeyFrame message from a plain object. Also converts values to their respective internal types.
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.Function.KeyFrame} KeyFrame
                 */
                KeyFrame.fromObject = function fromObject(object) {
                    if (object instanceof $root.JetSDL.Proto.Function.KeyFrame)
                        return object;
                    var message = new $root.JetSDL.Proto.Function.KeyFrame();
                    switch (object.type) {
                    case "relative":
                    case 1:
                        message.type = 1;
                        break;
                    case "frame":
                    case 2:
                        message.type = 2;
                        break;
                    }
                    if (object.time != null)
                        message.time = Number(object.time);
                    if (object.value != null)
                        message.value = Number(object.value);
                    switch (object.origin) {
                    case "origin_start":
                    case 1:
                        message.origin = 1;
                        break;
                    case "origin_end":
                    case 2:
                        message.origin = 2;
                        break;
                    }
                    if (object.incomingVelocity != null)
                        message.incomingVelocity = Number(object.incomingVelocity);
                    if (object.incomingInfluence != null)
                        message.incomingInfluence = Number(object.incomingInfluence);
                    if (object.outgoingVelocity != null)
                        message.outgoingVelocity = Number(object.outgoingVelocity);
                    if (object.outgoingInfluence != null)
                        message.outgoingInfluence = Number(object.outgoingInfluence);
                    return message;
                };

                /**
                 * Creates a KeyFrame message from a plain object. Also converts values to their respective internal types.
                 * This is an alias of {@link JetSDL.Proto.Function.KeyFrame.fromObject}.
                 * @function
                 * @param {Object.<string,*>} object Plain object
                 * @returns {JetSDL.Proto.Function.KeyFrame} KeyFrame
                 */
                KeyFrame.from = KeyFrame.fromObject;

                /**
                 * Creates a plain object from a KeyFrame message. Also converts values to other types if specified.
                 * @param {JetSDL.Proto.Function.KeyFrame} message KeyFrame
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                KeyFrame.toObject = function toObject(message, options) {
                    if (!options)
                        options = {};
                    var object = {};
                    if (options.defaults) {
                        object.type = options.enums === String ? "relative" : 1;
                        object.time = 0;
                        object.value = 0;
                        object.origin = options.enums === String ? "origin_start" : 1;
                        object.incomingVelocity = 0;
                        object.incomingInfluence = 0;
                        object.outgoingVelocity = 0;
                        object.outgoingInfluence = 0;
                    }
                    if (message.type != null && message.hasOwnProperty("type"))
                        object.type = options.enums === String ? $root.JetSDL.Proto.Function.KeyFrame.Type[message.type] : message.type;
                    if (message.time != null && message.hasOwnProperty("time"))
                        object.time = message.time;
                    if (message.value != null && message.hasOwnProperty("value"))
                        object.value = message.value;
                    if (message.origin != null && message.hasOwnProperty("origin"))
                        object.origin = options.enums === String ? $root.JetSDL.Proto.Function.KeyFrame.OriginType[message.origin] : message.origin;
                    if (message.incomingVelocity != null && message.hasOwnProperty("incomingVelocity"))
                        object.incomingVelocity = message.incomingVelocity;
                    if (message.incomingInfluence != null && message.hasOwnProperty("incomingInfluence"))
                        object.incomingInfluence = message.incomingInfluence;
                    if (message.outgoingVelocity != null && message.hasOwnProperty("outgoingVelocity"))
                        object.outgoingVelocity = message.outgoingVelocity;
                    if (message.outgoingInfluence != null && message.hasOwnProperty("outgoingInfluence"))
                        object.outgoingInfluence = message.outgoingInfluence;
                    return object;
                };

                /**
                 * Creates a plain object from this KeyFrame message. Also converts values to other types if specified.
                 * @param {$protobuf.ConversionOptions} [options] Conversion options
                 * @returns {Object.<string,*>} Plain object
                 */
                KeyFrame.prototype.toObject = function toObject(options) {
                    return this.constructor.toObject(this, options);
                };

                /**
                 * Converts this KeyFrame to JSON.
                 * @returns {Object.<string,*>} JSON object
                 */
                KeyFrame.prototype.toJSON = function toJSON() {
                    return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
                };

                /**
                 * Type enum.
                 * @name Type
                 * @memberof JetSDL.Proto.Function.KeyFrame
                 * @enum {number}
                 * @property {number} relative=1 relative value
                 * @property {number} frame=2 frame value
                 */
                KeyFrame.Type = (function() {
                    var valuesById = {}, values = Object.create(valuesById);
                    values[valuesById[1] = "relative"] = 1;
                    values[valuesById[2] = "frame"] = 2;
                    return values;
                })();

                /**
                 * OriginType enum.
                 * @name OriginType
                 * @memberof JetSDL.Proto.Function.KeyFrame
                 * @enum {number}
                 * @property {number} origin_start=1 origin_start value
                 * @property {number} origin_end=2 origin_end value
                 */
                KeyFrame.OriginType = (function() {
                    var valuesById = {}, values = Object.create(valuesById);
                    values[valuesById[1] = "origin_start"] = 1;
                    values[valuesById[2] = "origin_end"] = 2;
                    return values;
                })();

                return KeyFrame;
            })();

            return Function;
        })();

        Proto.VariableInformation = (function() {

            /**
             * Properties of a VariableInformation.
             * @typedef JetSDL.Proto.VariableInformation$Properties
             * @type {Object}
             * @property {Array.<JetSDL.Proto.VariableInformationEntry$Properties>} [entries] VariableInformation entries.
             * @property {number} [maxcombinations] VariableInformation maxcombinations.
             * @property {Array.<JetSDL.Proto.DataSourceInformation$Properties>} [datasources] VariableInformation datasources.
             */

            /**
             * Constructs a new VariableInformation.
             * @exports JetSDL.Proto.VariableInformation
             * @constructor
             * @param {JetSDL.Proto.VariableInformation$Properties=} [properties] Properties to set
             */
            function VariableInformation(properties) {
                this.entries = [];
                this.datasources = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * VariableInformation entries.
             * @type {Array.<JetSDL.Proto.VariableInformationEntry$Properties>}
             */
            VariableInformation.prototype.entries = $util.emptyArray;

            /**
             * VariableInformation maxcombinations.
             * @type {number}
             */
            VariableInformation.prototype.maxcombinations = 1;

            /**
             * VariableInformation datasources.
             * @type {Array.<JetSDL.Proto.DataSourceInformation$Properties>}
             */
            VariableInformation.prototype.datasources = $util.emptyArray;

            /**
             * Creates a new VariableInformation instance using the specified properties.
             * @param {JetSDL.Proto.VariableInformation$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.VariableInformation} VariableInformation instance
             */
            VariableInformation.create = function create(properties) {
                return new VariableInformation(properties);
            };

            /**
             * Encodes the specified VariableInformation message. Does not implicitly {@link JetSDL.Proto.VariableInformation.verify|verify} messages.
             * @param {JetSDL.Proto.VariableInformation$Properties} message VariableInformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            VariableInformation.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.entries != null && message.entries.length)
                    for (var i = 0; i < message.entries.length; ++i)
                        $root.JetSDL.Proto.VariableInformationEntry.encode(message.entries[i], writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.maxcombinations != null && message.hasOwnProperty("maxcombinations"))
                    writer.uint32(/* id 3, wireType 0 =*/24).int32(message.maxcombinations);
                if (message.datasources != null && message.datasources.length)
                    for (var i = 0; i < message.datasources.length; ++i)
                        $root.JetSDL.Proto.DataSourceInformation.encode(message.datasources[i], writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified VariableInformation message, length delimited. Does not implicitly {@link JetSDL.Proto.VariableInformation.verify|verify} messages.
             * @param {JetSDL.Proto.VariableInformation$Properties} message VariableInformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            VariableInformation.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a VariableInformation message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.VariableInformation} VariableInformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            VariableInformation.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.VariableInformation();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        if (!(message.entries && message.entries.length))
                            message.entries = [];
                        message.entries.push($root.JetSDL.Proto.VariableInformationEntry.decode(reader, reader.uint32()));
                        break;
                    case 3:
                        message.maxcombinations = reader.int32();
                        break;
                    case 4:
                        if (!(message.datasources && message.datasources.length))
                            message.datasources = [];
                        message.datasources.push($root.JetSDL.Proto.DataSourceInformation.decode(reader, reader.uint32()));
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a VariableInformation message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.VariableInformation} VariableInformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            VariableInformation.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a VariableInformation message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            VariableInformation.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.entries != null && message.hasOwnProperty("entries")) {
                    if (!Array.isArray(message.entries))
                        return "entries: array expected";
                    for (var i = 0; i < message.entries.length; ++i) {
                        var error = $root.JetSDL.Proto.VariableInformationEntry.verify(message.entries[i]);
                        if (error)
                            return "entries." + error;
                    }
                }
                if (message.maxcombinations != null && message.hasOwnProperty("maxcombinations"))
                    if (!$util.isInteger(message.maxcombinations))
                        return "maxcombinations: integer expected";
                if (message.datasources != null && message.hasOwnProperty("datasources")) {
                    if (!Array.isArray(message.datasources))
                        return "datasources: array expected";
                    for (var i = 0; i < message.datasources.length; ++i) {
                        var error = $root.JetSDL.Proto.DataSourceInformation.verify(message.datasources[i]);
                        if (error)
                            return "datasources." + error;
                    }
                }
                return null;
            };

            /**
             * Creates a VariableInformation message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.VariableInformation} VariableInformation
             */
            VariableInformation.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.VariableInformation)
                    return object;
                var message = new $root.JetSDL.Proto.VariableInformation();
                if (object.entries) {
                    if (!Array.isArray(object.entries))
                        throw TypeError(".JetSDL.Proto.VariableInformation.entries: array expected");
                    message.entries = [];
                    for (var i = 0; i < object.entries.length; ++i) {
                        if (typeof object.entries[i] !== "object")
                            throw TypeError(".JetSDL.Proto.VariableInformation.entries: object expected");
                        message.entries[i] = $root.JetSDL.Proto.VariableInformationEntry.fromObject(object.entries[i]);
                    }
                }
                if (object.maxcombinations != null)
                    message.maxcombinations = object.maxcombinations | 0;
                if (object.datasources) {
                    if (!Array.isArray(object.datasources))
                        throw TypeError(".JetSDL.Proto.VariableInformation.datasources: array expected");
                    message.datasources = [];
                    for (var i = 0; i < object.datasources.length; ++i) {
                        if (typeof object.datasources[i] !== "object")
                            throw TypeError(".JetSDL.Proto.VariableInformation.datasources: object expected");
                        message.datasources[i] = $root.JetSDL.Proto.DataSourceInformation.fromObject(object.datasources[i]);
                    }
                }
                return message;
            };

            /**
             * Creates a VariableInformation message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.VariableInformation.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.VariableInformation} VariableInformation
             */
            VariableInformation.from = VariableInformation.fromObject;

            /**
             * Creates a plain object from a VariableInformation message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.VariableInformation} message VariableInformation
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            VariableInformation.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.entries = [];
                    object.datasources = [];
                }
                if (options.defaults)
                    object.maxcombinations = 1;
                if (message.entries && message.entries.length) {
                    object.entries = [];
                    for (var j = 0; j < message.entries.length; ++j)
                        object.entries[j] = $root.JetSDL.Proto.VariableInformationEntry.toObject(message.entries[j], options);
                }
                if (message.maxcombinations != null && message.hasOwnProperty("maxcombinations"))
                    object.maxcombinations = message.maxcombinations;
                if (message.datasources && message.datasources.length) {
                    object.datasources = [];
                    for (var j = 0; j < message.datasources.length; ++j)
                        object.datasources[j] = $root.JetSDL.Proto.DataSourceInformation.toObject(message.datasources[j], options);
                }
                return object;
            };

            /**
             * Creates a plain object from this VariableInformation message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            VariableInformation.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this VariableInformation to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            VariableInformation.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return VariableInformation;
        })();

        Proto.VariableInformationEntry = (function() {

            /**
             * Properties of a VariableInformationEntry.
             * @typedef JetSDL.Proto.VariableInformationEntry$Properties
             * @type {Object}
             * @property {string} key VariableInformationEntry key.
             * @property {Array.<string>} [values] VariableInformationEntry values.
             * @property {boolean} [undefinable] VariableInformationEntry undefinable.
             */

            /**
             * Constructs a new VariableInformationEntry.
             * @exports JetSDL.Proto.VariableInformationEntry
             * @constructor
             * @param {JetSDL.Proto.VariableInformationEntry$Properties=} [properties] Properties to set
             */
            function VariableInformationEntry(properties) {
                this.values = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * VariableInformationEntry key.
             * @type {string}
             */
            VariableInformationEntry.prototype.key = "";

            /**
             * VariableInformationEntry values.
             * @type {Array.<string>}
             */
            VariableInformationEntry.prototype.values = $util.emptyArray;

            /**
             * VariableInformationEntry undefinable.
             * @type {boolean}
             */
            VariableInformationEntry.prototype.undefinable = false;

            /**
             * Creates a new VariableInformationEntry instance using the specified properties.
             * @param {JetSDL.Proto.VariableInformationEntry$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.VariableInformationEntry} VariableInformationEntry instance
             */
            VariableInformationEntry.create = function create(properties) {
                return new VariableInformationEntry(properties);
            };

            /**
             * Encodes the specified VariableInformationEntry message. Does not implicitly {@link JetSDL.Proto.VariableInformationEntry.verify|verify} messages.
             * @param {JetSDL.Proto.VariableInformationEntry$Properties} message VariableInformationEntry message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            VariableInformationEntry.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 2, wireType 2 =*/18).string(message.key);
                if (message.values != null && message.values.length)
                    for (var i = 0; i < message.values.length; ++i)
                        writer.uint32(/* id 3, wireType 2 =*/26).string(message.values[i]);
                if (message.undefinable != null && message.hasOwnProperty("undefinable"))
                    writer.uint32(/* id 4, wireType 0 =*/32).bool(message.undefinable);
                return writer;
            };

            /**
             * Encodes the specified VariableInformationEntry message, length delimited. Does not implicitly {@link JetSDL.Proto.VariableInformationEntry.verify|verify} messages.
             * @param {JetSDL.Proto.VariableInformationEntry$Properties} message VariableInformationEntry message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            VariableInformationEntry.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a VariableInformationEntry message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.VariableInformationEntry} VariableInformationEntry
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            VariableInformationEntry.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.VariableInformationEntry();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.key = reader.string();
                        break;
                    case 3:
                        if (!(message.values && message.values.length))
                            message.values = [];
                        message.values.push(reader.string());
                        break;
                    case 4:
                        message.undefinable = reader.bool();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("key"))
                    throw $util.ProtocolError("missing required 'key'", { instance: message });
                return message;
            };

            /**
             * Decodes a VariableInformationEntry message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.VariableInformationEntry} VariableInformationEntry
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            VariableInformationEntry.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a VariableInformationEntry message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            VariableInformationEntry.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (!$util.isString(message.key))
                    return "key: string expected";
                if (message.values != null && message.hasOwnProperty("values")) {
                    if (!Array.isArray(message.values))
                        return "values: array expected";
                    for (var i = 0; i < message.values.length; ++i)
                        if (!$util.isString(message.values[i]))
                            return "values: string[] expected";
                }
                if (message.undefinable != null && message.hasOwnProperty("undefinable"))
                    if (typeof message.undefinable !== "boolean")
                        return "undefinable: boolean expected";
                return null;
            };

            /**
             * Creates a VariableInformationEntry message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.VariableInformationEntry} VariableInformationEntry
             */
            VariableInformationEntry.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.VariableInformationEntry)
                    return object;
                var message = new $root.JetSDL.Proto.VariableInformationEntry();
                if (object.key != null)
                    message.key = String(object.key);
                if (object.values) {
                    if (!Array.isArray(object.values))
                        throw TypeError(".JetSDL.Proto.VariableInformationEntry.values: array expected");
                    message.values = [];
                    for (var i = 0; i < object.values.length; ++i)
                        message.values[i] = String(object.values[i]);
                }
                if (object.undefinable != null)
                    message.undefinable = Boolean(object.undefinable);
                return message;
            };

            /**
             * Creates a VariableInformationEntry message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.VariableInformationEntry.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.VariableInformationEntry} VariableInformationEntry
             */
            VariableInformationEntry.from = VariableInformationEntry.fromObject;

            /**
             * Creates a plain object from a VariableInformationEntry message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.VariableInformationEntry} message VariableInformationEntry
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            VariableInformationEntry.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.values = [];
                if (options.defaults) {
                    object.key = "";
                    object.undefinable = false;
                }
                if (message.key != null && message.hasOwnProperty("key"))
                    object.key = message.key;
                if (message.values && message.values.length) {
                    object.values = [];
                    for (var j = 0; j < message.values.length; ++j)
                        object.values[j] = message.values[j];
                }
                if (message.undefinable != null && message.hasOwnProperty("undefinable"))
                    object.undefinable = message.undefinable;
                return object;
            };

            /**
             * Creates a plain object from this VariableInformationEntry message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            VariableInformationEntry.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this VariableInformationEntry to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            VariableInformationEntry.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return VariableInformationEntry;
        })();

        Proto.DataSourceInformation = (function() {

            /**
             * Properties of a DataSourceInformation.
             * @typedef JetSDL.Proto.DataSourceInformation$Properties
             * @type {Object}
             * @property {JetSDL.Proto.DataSourceInformation.Type} [type] DataSourceInformation type.
             * @property {string} key DataSourceInformation key.
             * @property {JetSDL.Proto.FileLocation$Properties} [source] DataSourceInformation source.
             * @property {string} [defaultrow] DataSourceInformation defaultrow.
             * @property {JetSDL.Proto.StringVariable$Properties} [variable] DataSourceInformation variable.
             * @property {JetSDL.Proto.EmbeddedDataSourceInformation$Properties} [embeddeddatasource] DataSourceInformation embeddeddatasource.
             */

            /**
             * Constructs a new DataSourceInformation.
             * @exports JetSDL.Proto.DataSourceInformation
             * @constructor
             * @param {JetSDL.Proto.DataSourceInformation$Properties=} [properties] Properties to set
             */
            function DataSourceInformation(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * DataSourceInformation type.
             * @type {JetSDL.Proto.DataSourceInformation.Type}
             */
            DataSourceInformation.prototype.type = 1;

            /**
             * DataSourceInformation key.
             * @type {string}
             */
            DataSourceInformation.prototype.key = "";

            /**
             * DataSourceInformation source.
             * @type {(JetSDL.Proto.FileLocation$Properties|null)}
             */
            DataSourceInformation.prototype.source = null;

            /**
             * DataSourceInformation defaultrow.
             * @type {string}
             */
            DataSourceInformation.prototype.defaultrow = "";

            /**
             * DataSourceInformation variable.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            DataSourceInformation.prototype.variable = null;

            /**
             * DataSourceInformation embeddeddatasource.
             * @type {(JetSDL.Proto.EmbeddedDataSourceInformation$Properties|null)}
             */
            DataSourceInformation.prototype.embeddeddatasource = null;

            /**
             * Creates a new DataSourceInformation instance using the specified properties.
             * @param {JetSDL.Proto.DataSourceInformation$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.DataSourceInformation} DataSourceInformation instance
             */
            DataSourceInformation.create = function create(properties) {
                return new DataSourceInformation(properties);
            };

            /**
             * Encodes the specified DataSourceInformation message. Does not implicitly {@link JetSDL.Proto.DataSourceInformation.verify|verify} messages.
             * @param {JetSDL.Proto.DataSourceInformation$Properties} message DataSourceInformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            DataSourceInformation.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.type != null && message.hasOwnProperty("type"))
                    writer.uint32(/* id 1, wireType 0 =*/8).uint32(message.type);
                writer.uint32(/* id 2, wireType 2 =*/18).string(message.key);
                if (message.source != null && message.hasOwnProperty("source"))
                    $root.JetSDL.Proto.FileLocation.encode(message.source, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.defaultrow != null && message.hasOwnProperty("defaultrow"))
                    writer.uint32(/* id 4, wireType 2 =*/34).string(message.defaultrow);
                if (message.variable != null && message.hasOwnProperty("variable"))
                    $root.JetSDL.Proto.StringVariable.encode(message.variable, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.embeddeddatasource != null && message.hasOwnProperty("embeddeddatasource"))
                    $root.JetSDL.Proto.EmbeddedDataSourceInformation.encode(message.embeddeddatasource, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified DataSourceInformation message, length delimited. Does not implicitly {@link JetSDL.Proto.DataSourceInformation.verify|verify} messages.
             * @param {JetSDL.Proto.DataSourceInformation$Properties} message DataSourceInformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            DataSourceInformation.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a DataSourceInformation message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.DataSourceInformation} DataSourceInformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            DataSourceInformation.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.DataSourceInformation();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 1:
                        message.type = reader.uint32();
                        break;
                    case 2:
                        message.key = reader.string();
                        break;
                    case 3:
                        message.source = $root.JetSDL.Proto.FileLocation.decode(reader, reader.uint32());
                        break;
                    case 4:
                        message.defaultrow = reader.string();
                        break;
                    case 5:
                        message.variable = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 6:
                        message.embeddeddatasource = $root.JetSDL.Proto.EmbeddedDataSourceInformation.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("key"))
                    throw $util.ProtocolError("missing required 'key'", { instance: message });
                return message;
            };

            /**
             * Decodes a DataSourceInformation message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.DataSourceInformation} DataSourceInformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            DataSourceInformation.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a DataSourceInformation message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            DataSourceInformation.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.type != null && message.hasOwnProperty("type"))
                    switch (message.type) {
                    default:
                        return "type: enum value expected";
                    case 1:
                    case 2:
                    case 3:
                        break;
                    }
                if (!$util.isString(message.key))
                    return "key: string expected";
                if (message.source != null && message.hasOwnProperty("source")) {
                    var error = $root.JetSDL.Proto.FileLocation.verify(message.source);
                    if (error)
                        return "source." + error;
                }
                if (message.defaultrow != null && message.hasOwnProperty("defaultrow"))
                    if (!$util.isString(message.defaultrow))
                        return "defaultrow: string expected";
                if (message.variable != null && message.hasOwnProperty("variable")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.variable);
                    if (error)
                        return "variable." + error;
                }
                if (message.embeddeddatasource != null && message.hasOwnProperty("embeddeddatasource")) {
                    var error = $root.JetSDL.Proto.EmbeddedDataSourceInformation.verify(message.embeddeddatasource);
                    if (error)
                        return "embeddeddatasource." + error;
                }
                return null;
            };

            /**
             * Creates a DataSourceInformation message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.DataSourceInformation} DataSourceInformation
             */
            DataSourceInformation.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.DataSourceInformation)
                    return object;
                var message = new $root.JetSDL.Proto.DataSourceInformation();
                switch (object.type) {
                case "file":
                case 1:
                    message.type = 1;
                    break;
                case "string":
                case 2:
                    message.type = 2;
                    break;
                case "embedded":
                case 3:
                    message.type = 3;
                    break;
                }
                if (object.key != null)
                    message.key = String(object.key);
                if (object.source != null) {
                    if (typeof object.source !== "object")
                        throw TypeError(".JetSDL.Proto.DataSourceInformation.source: object expected");
                    message.source = $root.JetSDL.Proto.FileLocation.fromObject(object.source);
                }
                if (object.defaultrow != null)
                    message.defaultrow = String(object.defaultrow);
                if (object.variable != null) {
                    if (typeof object.variable !== "object")
                        throw TypeError(".JetSDL.Proto.DataSourceInformation.variable: object expected");
                    message.variable = $root.JetSDL.Proto.StringVariable.fromObject(object.variable);
                }
                if (object.embeddeddatasource != null) {
                    if (typeof object.embeddeddatasource !== "object")
                        throw TypeError(".JetSDL.Proto.DataSourceInformation.embeddeddatasource: object expected");
                    message.embeddeddatasource = $root.JetSDL.Proto.EmbeddedDataSourceInformation.fromObject(object.embeddeddatasource);
                }
                return message;
            };

            /**
             * Creates a DataSourceInformation message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.DataSourceInformation.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.DataSourceInformation} DataSourceInformation
             */
            DataSourceInformation.from = DataSourceInformation.fromObject;

            /**
             * Creates a plain object from a DataSourceInformation message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.DataSourceInformation} message DataSourceInformation
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            DataSourceInformation.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.type = options.enums === String ? "file" : 1;
                    object.key = "";
                    object.source = null;
                    object.defaultrow = "";
                    object.variable = null;
                    object.embeddeddatasource = null;
                }
                if (message.type != null && message.hasOwnProperty("type"))
                    object.type = options.enums === String ? $root.JetSDL.Proto.DataSourceInformation.Type[message.type] : message.type;
                if (message.key != null && message.hasOwnProperty("key"))
                    object.key = message.key;
                if (message.source != null && message.hasOwnProperty("source"))
                    object.source = $root.JetSDL.Proto.FileLocation.toObject(message.source, options);
                if (message.defaultrow != null && message.hasOwnProperty("defaultrow"))
                    object.defaultrow = message.defaultrow;
                if (message.variable != null && message.hasOwnProperty("variable"))
                    object.variable = $root.JetSDL.Proto.StringVariable.toObject(message.variable, options);
                if (message.embeddeddatasource != null && message.hasOwnProperty("embeddeddatasource"))
                    object.embeddeddatasource = $root.JetSDL.Proto.EmbeddedDataSourceInformation.toObject(message.embeddeddatasource, options);
                return object;
            };

            /**
             * Creates a plain object from this DataSourceInformation message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            DataSourceInformation.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this DataSourceInformation to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            DataSourceInformation.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Type enum.
             * @name Type
             * @memberof JetSDL.Proto.DataSourceInformation
             * @enum {number}
             * @property {number} file=1 file value
             * @property {number} string=2 string value
             * @property {number} embedded=3 embedded value
             */
            DataSourceInformation.Type = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[1] = "file"] = 1;
                values[valuesById[2] = "string"] = 2;
                values[valuesById[3] = "embedded"] = 3;
                return values;
            })();

            return DataSourceInformation;
        })();

        Proto.EmbeddedDataSourceInformation = (function() {

            /**
             * Properties of an EmbeddedDataSourceInformation.
             * @typedef JetSDL.Proto.EmbeddedDataSourceInformation$Properties
             * @type {Object}
             * @property {Array.<string>} [columnnames] EmbeddedDataSourceInformation columnnames.
             * @property {Array.<JetSDL.Proto.EmbeddedDataSourceInformationRow$Properties>} [rows] EmbeddedDataSourceInformation rows.
             */

            /**
             * Constructs a new EmbeddedDataSourceInformation.
             * @exports JetSDL.Proto.EmbeddedDataSourceInformation
             * @constructor
             * @param {JetSDL.Proto.EmbeddedDataSourceInformation$Properties=} [properties] Properties to set
             */
            function EmbeddedDataSourceInformation(properties) {
                this.columnnames = [];
                this.rows = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * EmbeddedDataSourceInformation columnnames.
             * @type {Array.<string>}
             */
            EmbeddedDataSourceInformation.prototype.columnnames = $util.emptyArray;

            /**
             * EmbeddedDataSourceInformation rows.
             * @type {Array.<JetSDL.Proto.EmbeddedDataSourceInformationRow$Properties>}
             */
            EmbeddedDataSourceInformation.prototype.rows = $util.emptyArray;

            /**
             * Creates a new EmbeddedDataSourceInformation instance using the specified properties.
             * @param {JetSDL.Proto.EmbeddedDataSourceInformation$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformation} EmbeddedDataSourceInformation instance
             */
            EmbeddedDataSourceInformation.create = function create(properties) {
                return new EmbeddedDataSourceInformation(properties);
            };

            /**
             * Encodes the specified EmbeddedDataSourceInformation message. Does not implicitly {@link JetSDL.Proto.EmbeddedDataSourceInformation.verify|verify} messages.
             * @param {JetSDL.Proto.EmbeddedDataSourceInformation$Properties} message EmbeddedDataSourceInformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            EmbeddedDataSourceInformation.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.columnnames != null && message.columnnames.length)
                    for (var i = 0; i < message.columnnames.length; ++i)
                        writer.uint32(/* id 2, wireType 2 =*/18).string(message.columnnames[i]);
                if (message.rows != null && message.rows.length)
                    for (var i = 0; i < message.rows.length; ++i)
                        $root.JetSDL.Proto.EmbeddedDataSourceInformationRow.encode(message.rows[i], writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified EmbeddedDataSourceInformation message, length delimited. Does not implicitly {@link JetSDL.Proto.EmbeddedDataSourceInformation.verify|verify} messages.
             * @param {JetSDL.Proto.EmbeddedDataSourceInformation$Properties} message EmbeddedDataSourceInformation message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            EmbeddedDataSourceInformation.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an EmbeddedDataSourceInformation message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformation} EmbeddedDataSourceInformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            EmbeddedDataSourceInformation.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.EmbeddedDataSourceInformation();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        if (!(message.columnnames && message.columnnames.length))
                            message.columnnames = [];
                        message.columnnames.push(reader.string());
                        break;
                    case 3:
                        if (!(message.rows && message.rows.length))
                            message.rows = [];
                        message.rows.push($root.JetSDL.Proto.EmbeddedDataSourceInformationRow.decode(reader, reader.uint32()));
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes an EmbeddedDataSourceInformation message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformation} EmbeddedDataSourceInformation
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            EmbeddedDataSourceInformation.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an EmbeddedDataSourceInformation message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            EmbeddedDataSourceInformation.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.columnnames != null && message.hasOwnProperty("columnnames")) {
                    if (!Array.isArray(message.columnnames))
                        return "columnnames: array expected";
                    for (var i = 0; i < message.columnnames.length; ++i)
                        if (!$util.isString(message.columnnames[i]))
                            return "columnnames: string[] expected";
                }
                if (message.rows != null && message.hasOwnProperty("rows")) {
                    if (!Array.isArray(message.rows))
                        return "rows: array expected";
                    for (var i = 0; i < message.rows.length; ++i) {
                        var error = $root.JetSDL.Proto.EmbeddedDataSourceInformationRow.verify(message.rows[i]);
                        if (error)
                            return "rows." + error;
                    }
                }
                return null;
            };

            /**
             * Creates an EmbeddedDataSourceInformation message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformation} EmbeddedDataSourceInformation
             */
            EmbeddedDataSourceInformation.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.EmbeddedDataSourceInformation)
                    return object;
                var message = new $root.JetSDL.Proto.EmbeddedDataSourceInformation();
                if (object.columnnames) {
                    if (!Array.isArray(object.columnnames))
                        throw TypeError(".JetSDL.Proto.EmbeddedDataSourceInformation.columnnames: array expected");
                    message.columnnames = [];
                    for (var i = 0; i < object.columnnames.length; ++i)
                        message.columnnames[i] = String(object.columnnames[i]);
                }
                if (object.rows) {
                    if (!Array.isArray(object.rows))
                        throw TypeError(".JetSDL.Proto.EmbeddedDataSourceInformation.rows: array expected");
                    message.rows = [];
                    for (var i = 0; i < object.rows.length; ++i) {
                        if (typeof object.rows[i] !== "object")
                            throw TypeError(".JetSDL.Proto.EmbeddedDataSourceInformation.rows: object expected");
                        message.rows[i] = $root.JetSDL.Proto.EmbeddedDataSourceInformationRow.fromObject(object.rows[i]);
                    }
                }
                return message;
            };

            /**
             * Creates an EmbeddedDataSourceInformation message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.EmbeddedDataSourceInformation.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformation} EmbeddedDataSourceInformation
             */
            EmbeddedDataSourceInformation.from = EmbeddedDataSourceInformation.fromObject;

            /**
             * Creates a plain object from an EmbeddedDataSourceInformation message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.EmbeddedDataSourceInformation} message EmbeddedDataSourceInformation
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            EmbeddedDataSourceInformation.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults) {
                    object.columnnames = [];
                    object.rows = [];
                }
                if (message.columnnames && message.columnnames.length) {
                    object.columnnames = [];
                    for (var j = 0; j < message.columnnames.length; ++j)
                        object.columnnames[j] = message.columnnames[j];
                }
                if (message.rows && message.rows.length) {
                    object.rows = [];
                    for (var j = 0; j < message.rows.length; ++j)
                        object.rows[j] = $root.JetSDL.Proto.EmbeddedDataSourceInformationRow.toObject(message.rows[j], options);
                }
                return object;
            };

            /**
             * Creates a plain object from this EmbeddedDataSourceInformation message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            EmbeddedDataSourceInformation.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this EmbeddedDataSourceInformation to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            EmbeddedDataSourceInformation.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return EmbeddedDataSourceInformation;
        })();

        Proto.EmbeddedDataSourceInformationRow = (function() {

            /**
             * Properties of an EmbeddedDataSourceInformationRow.
             * @typedef JetSDL.Proto.EmbeddedDataSourceInformationRow$Properties
             * @type {Object}
             * @property {string} rowid EmbeddedDataSourceInformationRow rowid.
             * @property {Array.<string>} [columns] EmbeddedDataSourceInformationRow columns.
             */

            /**
             * Constructs a new EmbeddedDataSourceInformationRow.
             * @exports JetSDL.Proto.EmbeddedDataSourceInformationRow
             * @constructor
             * @param {JetSDL.Proto.EmbeddedDataSourceInformationRow$Properties=} [properties] Properties to set
             */
            function EmbeddedDataSourceInformationRow(properties) {
                this.columns = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * EmbeddedDataSourceInformationRow rowid.
             * @type {string}
             */
            EmbeddedDataSourceInformationRow.prototype.rowid = "";

            /**
             * EmbeddedDataSourceInformationRow columns.
             * @type {Array.<string>}
             */
            EmbeddedDataSourceInformationRow.prototype.columns = $util.emptyArray;

            /**
             * Creates a new EmbeddedDataSourceInformationRow instance using the specified properties.
             * @param {JetSDL.Proto.EmbeddedDataSourceInformationRow$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformationRow} EmbeddedDataSourceInformationRow instance
             */
            EmbeddedDataSourceInformationRow.create = function create(properties) {
                return new EmbeddedDataSourceInformationRow(properties);
            };

            /**
             * Encodes the specified EmbeddedDataSourceInformationRow message. Does not implicitly {@link JetSDL.Proto.EmbeddedDataSourceInformationRow.verify|verify} messages.
             * @param {JetSDL.Proto.EmbeddedDataSourceInformationRow$Properties} message EmbeddedDataSourceInformationRow message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            EmbeddedDataSourceInformationRow.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 2, wireType 2 =*/18).string(message.rowid);
                if (message.columns != null && message.columns.length)
                    for (var i = 0; i < message.columns.length; ++i)
                        writer.uint32(/* id 3, wireType 2 =*/26).string(message.columns[i]);
                return writer;
            };

            /**
             * Encodes the specified EmbeddedDataSourceInformationRow message, length delimited. Does not implicitly {@link JetSDL.Proto.EmbeddedDataSourceInformationRow.verify|verify} messages.
             * @param {JetSDL.Proto.EmbeddedDataSourceInformationRow$Properties} message EmbeddedDataSourceInformationRow message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            EmbeddedDataSourceInformationRow.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an EmbeddedDataSourceInformationRow message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformationRow} EmbeddedDataSourceInformationRow
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            EmbeddedDataSourceInformationRow.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.EmbeddedDataSourceInformationRow();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.rowid = reader.string();
                        break;
                    case 3:
                        if (!(message.columns && message.columns.length))
                            message.columns = [];
                        message.columns.push(reader.string());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("rowid"))
                    throw $util.ProtocolError("missing required 'rowid'", { instance: message });
                return message;
            };

            /**
             * Decodes an EmbeddedDataSourceInformationRow message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformationRow} EmbeddedDataSourceInformationRow
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            EmbeddedDataSourceInformationRow.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an EmbeddedDataSourceInformationRow message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            EmbeddedDataSourceInformationRow.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (!$util.isString(message.rowid))
                    return "rowid: string expected";
                if (message.columns != null && message.hasOwnProperty("columns")) {
                    if (!Array.isArray(message.columns))
                        return "columns: array expected";
                    for (var i = 0; i < message.columns.length; ++i)
                        if (!$util.isString(message.columns[i]))
                            return "columns: string[] expected";
                }
                return null;
            };

            /**
             * Creates an EmbeddedDataSourceInformationRow message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformationRow} EmbeddedDataSourceInformationRow
             */
            EmbeddedDataSourceInformationRow.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.EmbeddedDataSourceInformationRow)
                    return object;
                var message = new $root.JetSDL.Proto.EmbeddedDataSourceInformationRow();
                if (object.rowid != null)
                    message.rowid = String(object.rowid);
                if (object.columns) {
                    if (!Array.isArray(object.columns))
                        throw TypeError(".JetSDL.Proto.EmbeddedDataSourceInformationRow.columns: array expected");
                    message.columns = [];
                    for (var i = 0; i < object.columns.length; ++i)
                        message.columns[i] = String(object.columns[i]);
                }
                return message;
            };

            /**
             * Creates an EmbeddedDataSourceInformationRow message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.EmbeddedDataSourceInformationRow.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.EmbeddedDataSourceInformationRow} EmbeddedDataSourceInformationRow
             */
            EmbeddedDataSourceInformationRow.from = EmbeddedDataSourceInformationRow.fromObject;

            /**
             * Creates a plain object from an EmbeddedDataSourceInformationRow message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.EmbeddedDataSourceInformationRow} message EmbeddedDataSourceInformationRow
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            EmbeddedDataSourceInformationRow.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.columns = [];
                if (options.defaults)
                    object.rowid = "";
                if (message.rowid != null && message.hasOwnProperty("rowid"))
                    object.rowid = message.rowid;
                if (message.columns && message.columns.length) {
                    object.columns = [];
                    for (var j = 0; j < message.columns.length; ++j)
                        object.columns[j] = message.columns[j];
                }
                return object;
            };

            /**
             * Creates a plain object from this EmbeddedDataSourceInformationRow message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            EmbeddedDataSourceInformationRow.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this EmbeddedDataSourceInformationRow to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            EmbeddedDataSourceInformationRow.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return EmbeddedDataSourceInformationRow;
        })();

        Proto.Metadata = (function() {

            /**
             * Properties of a Metadata.
             * @typedef JetSDL.Proto.Metadata$Properties
             * @type {Object}
             * @property {string} key Metadata key.
             * @property {string} [value] Metadata value.
             */

            /**
             * Constructs a new Metadata.
             * @exports JetSDL.Proto.Metadata
             * @constructor
             * @param {JetSDL.Proto.Metadata$Properties=} [properties] Properties to set
             */
            function Metadata(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * Metadata key.
             * @type {string}
             */
            Metadata.prototype.key = "";

            /**
             * Metadata value.
             * @type {string}
             */
            Metadata.prototype.value = "";

            /**
             * Creates a new Metadata instance using the specified properties.
             * @param {JetSDL.Proto.Metadata$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.Metadata} Metadata instance
             */
            Metadata.create = function create(properties) {
                return new Metadata(properties);
            };

            /**
             * Encodes the specified Metadata message. Does not implicitly {@link JetSDL.Proto.Metadata.verify|verify} messages.
             * @param {JetSDL.Proto.Metadata$Properties} message Metadata message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Metadata.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 2, wireType 2 =*/18).string(message.key);
                if (message.value != null && message.hasOwnProperty("value"))
                    writer.uint32(/* id 3, wireType 2 =*/26).string(message.value);
                return writer;
            };

            /**
             * Encodes the specified Metadata message, length delimited. Does not implicitly {@link JetSDL.Proto.Metadata.verify|verify} messages.
             * @param {JetSDL.Proto.Metadata$Properties} message Metadata message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            Metadata.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a Metadata message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.Metadata} Metadata
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Metadata.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.Metadata();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.key = reader.string();
                        break;
                    case 3:
                        message.value = reader.string();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("key"))
                    throw $util.ProtocolError("missing required 'key'", { instance: message });
                return message;
            };

            /**
             * Decodes a Metadata message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.Metadata} Metadata
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            Metadata.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a Metadata message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            Metadata.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (!$util.isString(message.key))
                    return "key: string expected";
                if (message.value != null && message.hasOwnProperty("value"))
                    if (!$util.isString(message.value))
                        return "value: string expected";
                return null;
            };

            /**
             * Creates a Metadata message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Metadata} Metadata
             */
            Metadata.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.Metadata)
                    return object;
                var message = new $root.JetSDL.Proto.Metadata();
                if (object.key != null)
                    message.key = String(object.key);
                if (object.value != null)
                    message.value = String(object.value);
                return message;
            };

            /**
             * Creates a Metadata message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.Metadata.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.Metadata} Metadata
             */
            Metadata.from = Metadata.fromObject;

            /**
             * Creates a plain object from a Metadata message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.Metadata} message Metadata
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Metadata.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.key = "";
                    object.value = "";
                }
                if (message.key != null && message.hasOwnProperty("key"))
                    object.key = message.key;
                if (message.value != null && message.hasOwnProperty("value"))
                    object.value = message.value;
                return object;
            };

            /**
             * Creates a plain object from this Metadata message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            Metadata.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this Metadata to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            Metadata.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return Metadata;
        })();

        Proto.KeyValuePair = (function() {

            /**
             * Properties of a KeyValuePair.
             * @typedef JetSDL.Proto.KeyValuePair$Properties
             * @type {Object}
             * @property {string} key KeyValuePair key.
             * @property {string} [value] KeyValuePair value.
             */

            /**
             * Constructs a new KeyValuePair.
             * @exports JetSDL.Proto.KeyValuePair
             * @constructor
             * @param {JetSDL.Proto.KeyValuePair$Properties=} [properties] Properties to set
             */
            function KeyValuePair(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * KeyValuePair key.
             * @type {string}
             */
            KeyValuePair.prototype.key = "";

            /**
             * KeyValuePair value.
             * @type {string}
             */
            KeyValuePair.prototype.value = "";

            /**
             * Creates a new KeyValuePair instance using the specified properties.
             * @param {JetSDL.Proto.KeyValuePair$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.KeyValuePair} KeyValuePair instance
             */
            KeyValuePair.create = function create(properties) {
                return new KeyValuePair(properties);
            };

            /**
             * Encodes the specified KeyValuePair message. Does not implicitly {@link JetSDL.Proto.KeyValuePair.verify|verify} messages.
             * @param {JetSDL.Proto.KeyValuePair$Properties} message KeyValuePair message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            KeyValuePair.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                writer.uint32(/* id 2, wireType 2 =*/18).string(message.key);
                if (message.value != null && message.hasOwnProperty("value"))
                    writer.uint32(/* id 3, wireType 2 =*/26).string(message.value);
                return writer;
            };

            /**
             * Encodes the specified KeyValuePair message, length delimited. Does not implicitly {@link JetSDL.Proto.KeyValuePair.verify|verify} messages.
             * @param {JetSDL.Proto.KeyValuePair$Properties} message KeyValuePair message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            KeyValuePair.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a KeyValuePair message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.KeyValuePair} KeyValuePair
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            KeyValuePair.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.KeyValuePair();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.key = reader.string();
                        break;
                    case 3:
                        message.value = reader.string();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                if (!message.hasOwnProperty("key"))
                    throw $util.ProtocolError("missing required 'key'", { instance: message });
                return message;
            };

            /**
             * Decodes a KeyValuePair message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.KeyValuePair} KeyValuePair
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            KeyValuePair.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a KeyValuePair message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            KeyValuePair.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (!$util.isString(message.key))
                    return "key: string expected";
                if (message.value != null && message.hasOwnProperty("value"))
                    if (!$util.isString(message.value))
                        return "value: string expected";
                return null;
            };

            /**
             * Creates a KeyValuePair message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.KeyValuePair} KeyValuePair
             */
            KeyValuePair.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.KeyValuePair)
                    return object;
                var message = new $root.JetSDL.Proto.KeyValuePair();
                if (object.key != null)
                    message.key = String(object.key);
                if (object.value != null)
                    message.value = String(object.value);
                return message;
            };

            /**
             * Creates a KeyValuePair message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.KeyValuePair.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.KeyValuePair} KeyValuePair
             */
            KeyValuePair.from = KeyValuePair.fromObject;

            /**
             * Creates a plain object from a KeyValuePair message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.KeyValuePair} message KeyValuePair
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            KeyValuePair.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.key = "";
                    object.value = "";
                }
                if (message.key != null && message.hasOwnProperty("key"))
                    object.key = message.key;
                if (message.value != null && message.hasOwnProperty("value"))
                    object.value = message.value;
                return object;
            };

            /**
             * Creates a plain object from this KeyValuePair message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            KeyValuePair.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this KeyValuePair to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            KeyValuePair.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return KeyValuePair;
        })();

        Proto.PieChartArcDescription = (function() {

            /**
             * Properties of a PieChartArcDescription.
             * @typedef JetSDL.Proto.PieChartArcDescription$Properties
             * @type {Object}
             * @property {JetSDL.Proto.StringVariable$Properties} [percent] PieChartArcDescription percent.
             * @property {JetSDL.Proto.Color$Properties} [color] PieChartArcDescription color.
             */

            /**
             * Constructs a new PieChartArcDescription.
             * @exports JetSDL.Proto.PieChartArcDescription
             * @constructor
             * @param {JetSDL.Proto.PieChartArcDescription$Properties=} [properties] Properties to set
             */
            function PieChartArcDescription(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * PieChartArcDescription percent.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            PieChartArcDescription.prototype.percent = null;

            /**
             * PieChartArcDescription color.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            PieChartArcDescription.prototype.color = null;

            /**
             * Creates a new PieChartArcDescription instance using the specified properties.
             * @param {JetSDL.Proto.PieChartArcDescription$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.PieChartArcDescription} PieChartArcDescription instance
             */
            PieChartArcDescription.create = function create(properties) {
                return new PieChartArcDescription(properties);
            };

            /**
             * Encodes the specified PieChartArcDescription message. Does not implicitly {@link JetSDL.Proto.PieChartArcDescription.verify|verify} messages.
             * @param {JetSDL.Proto.PieChartArcDescription$Properties} message PieChartArcDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PieChartArcDescription.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.percent != null && message.hasOwnProperty("percent"))
                    $root.JetSDL.Proto.StringVariable.encode(message.percent, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.color != null && message.hasOwnProperty("color"))
                    $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified PieChartArcDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.PieChartArcDescription.verify|verify} messages.
             * @param {JetSDL.Proto.PieChartArcDescription$Properties} message PieChartArcDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PieChartArcDescription.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a PieChartArcDescription message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.PieChartArcDescription} PieChartArcDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PieChartArcDescription.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.PieChartArcDescription();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.percent = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 3:
                        message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a PieChartArcDescription message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.PieChartArcDescription} PieChartArcDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PieChartArcDescription.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a PieChartArcDescription message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            PieChartArcDescription.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.percent != null && message.hasOwnProperty("percent")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.percent);
                    if (error)
                        return "percent." + error;
                }
                if (message.color != null && message.hasOwnProperty("color")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.color);
                    if (error)
                        return "color." + error;
                }
                return null;
            };

            /**
             * Creates a PieChartArcDescription message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PieChartArcDescription} PieChartArcDescription
             */
            PieChartArcDescription.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.PieChartArcDescription)
                    return object;
                var message = new $root.JetSDL.Proto.PieChartArcDescription();
                if (object.percent != null) {
                    if (typeof object.percent !== "object")
                        throw TypeError(".JetSDL.Proto.PieChartArcDescription.percent: object expected");
                    message.percent = $root.JetSDL.Proto.StringVariable.fromObject(object.percent);
                }
                if (object.color != null) {
                    if (typeof object.color !== "object")
                        throw TypeError(".JetSDL.Proto.PieChartArcDescription.color: object expected");
                    message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                }
                return message;
            };

            /**
             * Creates a PieChartArcDescription message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.PieChartArcDescription.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PieChartArcDescription} PieChartArcDescription
             */
            PieChartArcDescription.from = PieChartArcDescription.fromObject;

            /**
             * Creates a plain object from a PieChartArcDescription message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.PieChartArcDescription} message PieChartArcDescription
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PieChartArcDescription.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.percent = null;
                    object.color = null;
                }
                if (message.percent != null && message.hasOwnProperty("percent"))
                    object.percent = $root.JetSDL.Proto.StringVariable.toObject(message.percent, options);
                if (message.color != null && message.hasOwnProperty("color"))
                    object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                return object;
            };

            /**
             * Creates a plain object from this PieChartArcDescription message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PieChartArcDescription.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this PieChartArcDescription to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            PieChartArcDescription.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return PieChartArcDescription;
        })();

        Proto.PieChartDescription = (function() {

            /**
             * Properties of a PieChartDescription.
             * @typedef JetSDL.Proto.PieChartDescription$Properties
             * @type {Object}
             * @property {Array.<JetSDL.Proto.PieChartArcDescription$Properties>} [finishedArcs] PieChartDescription finishedArcs.
             * @property {JetSDL.Proto.PieChartArcDescription$Properties} [currentArc] PieChartDescription currentArc.
             * @property {number} [currentArcCompletion] PieChartDescription currentArcCompletion.
             * @property {JetSDL.Proto.Function$Properties} [currentArcCompletionFunction] PieChartDescription currentArcCompletionFunction.
             * @property {JetSDL.Proto.PieChartDescription.Direction} [direction] PieChartDescription direction.
             * @property {number} [radius] PieChartDescription radius.
             * @property {number} [offset] PieChartDescription offset.
             */

            /**
             * Constructs a new PieChartDescription.
             * @exports JetSDL.Proto.PieChartDescription
             * @constructor
             * @param {JetSDL.Proto.PieChartDescription$Properties=} [properties] Properties to set
             */
            function PieChartDescription(properties) {
                this.finishedArcs = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * PieChartDescription finishedArcs.
             * @type {Array.<JetSDL.Proto.PieChartArcDescription$Properties>}
             */
            PieChartDescription.prototype.finishedArcs = $util.emptyArray;

            /**
             * PieChartDescription currentArc.
             * @type {(JetSDL.Proto.PieChartArcDescription$Properties|null)}
             */
            PieChartDescription.prototype.currentArc = null;

            /**
             * PieChartDescription currentArcCompletion.
             * @type {number}
             */
            PieChartDescription.prototype.currentArcCompletion = 1;

            /**
             * PieChartDescription currentArcCompletionFunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            PieChartDescription.prototype.currentArcCompletionFunction = null;

            /**
             * PieChartDescription direction.
             * @type {JetSDL.Proto.PieChartDescription.Direction}
             */
            PieChartDescription.prototype.direction = 0;

            /**
             * PieChartDescription radius.
             * @type {number}
             */
            PieChartDescription.prototype.radius = 50;

            /**
             * PieChartDescription offset.
             * @type {number}
             */
            PieChartDescription.prototype.offset = 0;

            /**
             * Creates a new PieChartDescription instance using the specified properties.
             * @param {JetSDL.Proto.PieChartDescription$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.PieChartDescription} PieChartDescription instance
             */
            PieChartDescription.create = function create(properties) {
                return new PieChartDescription(properties);
            };

            /**
             * Encodes the specified PieChartDescription message. Does not implicitly {@link JetSDL.Proto.PieChartDescription.verify|verify} messages.
             * @param {JetSDL.Proto.PieChartDescription$Properties} message PieChartDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PieChartDescription.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.finishedArcs != null && message.finishedArcs.length)
                    for (var i = 0; i < message.finishedArcs.length; ++i)
                        $root.JetSDL.Proto.PieChartArcDescription.encode(message.finishedArcs[i], writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.currentArc != null && message.hasOwnProperty("currentArc"))
                    $root.JetSDL.Proto.PieChartArcDescription.encode(message.currentArc, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.currentArcCompletion != null && message.hasOwnProperty("currentArcCompletion"))
                    writer.uint32(/* id 4, wireType 1 =*/33).double(message.currentArcCompletion);
                if (message.currentArcCompletionFunction != null && message.hasOwnProperty("currentArcCompletionFunction"))
                    $root.JetSDL.Proto.Function.encode(message.currentArcCompletionFunction, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.direction != null && message.hasOwnProperty("direction"))
                    writer.uint32(/* id 6, wireType 0 =*/48).uint32(message.direction);
                if (message.radius != null && message.hasOwnProperty("radius"))
                    writer.uint32(/* id 7, wireType 1 =*/57).double(message.radius);
                if (message.offset != null && message.hasOwnProperty("offset"))
                    writer.uint32(/* id 8, wireType 1 =*/65).double(message.offset);
                return writer;
            };

            /**
             * Encodes the specified PieChartDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.PieChartDescription.verify|verify} messages.
             * @param {JetSDL.Proto.PieChartDescription$Properties} message PieChartDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            PieChartDescription.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a PieChartDescription message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.PieChartDescription} PieChartDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PieChartDescription.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.PieChartDescription();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        if (!(message.finishedArcs && message.finishedArcs.length))
                            message.finishedArcs = [];
                        message.finishedArcs.push($root.JetSDL.Proto.PieChartArcDescription.decode(reader, reader.uint32()));
                        break;
                    case 3:
                        message.currentArc = $root.JetSDL.Proto.PieChartArcDescription.decode(reader, reader.uint32());
                        break;
                    case 4:
                        message.currentArcCompletion = reader.double();
                        break;
                    case 5:
                        message.currentArcCompletionFunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 6:
                        message.direction = reader.uint32();
                        break;
                    case 7:
                        message.radius = reader.double();
                        break;
                    case 8:
                        message.offset = reader.double();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a PieChartDescription message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.PieChartDescription} PieChartDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            PieChartDescription.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a PieChartDescription message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            PieChartDescription.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.finishedArcs != null && message.hasOwnProperty("finishedArcs")) {
                    if (!Array.isArray(message.finishedArcs))
                        return "finishedArcs: array expected";
                    for (var i = 0; i < message.finishedArcs.length; ++i) {
                        var error = $root.JetSDL.Proto.PieChartArcDescription.verify(message.finishedArcs[i]);
                        if (error)
                            return "finishedArcs." + error;
                    }
                }
                if (message.currentArc != null && message.hasOwnProperty("currentArc")) {
                    var error = $root.JetSDL.Proto.PieChartArcDescription.verify(message.currentArc);
                    if (error)
                        return "currentArc." + error;
                }
                if (message.currentArcCompletion != null && message.hasOwnProperty("currentArcCompletion"))
                    if (typeof message.currentArcCompletion !== "number")
                        return "currentArcCompletion: number expected";
                if (message.currentArcCompletionFunction != null && message.hasOwnProperty("currentArcCompletionFunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.currentArcCompletionFunction);
                    if (error)
                        return "currentArcCompletionFunction." + error;
                }
                if (message.direction != null && message.hasOwnProperty("direction"))
                    switch (message.direction) {
                    default:
                        return "direction: enum value expected";
                    case 0:
                    case 1:
                        break;
                    }
                if (message.radius != null && message.hasOwnProperty("radius"))
                    if (typeof message.radius !== "number")
                        return "radius: number expected";
                if (message.offset != null && message.hasOwnProperty("offset"))
                    if (typeof message.offset !== "number")
                        return "offset: number expected";
                return null;
            };

            /**
             * Creates a PieChartDescription message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PieChartDescription} PieChartDescription
             */
            PieChartDescription.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.PieChartDescription)
                    return object;
                var message = new $root.JetSDL.Proto.PieChartDescription();
                if (object.finishedArcs) {
                    if (!Array.isArray(object.finishedArcs))
                        throw TypeError(".JetSDL.Proto.PieChartDescription.finishedArcs: array expected");
                    message.finishedArcs = [];
                    for (var i = 0; i < object.finishedArcs.length; ++i) {
                        if (typeof object.finishedArcs[i] !== "object")
                            throw TypeError(".JetSDL.Proto.PieChartDescription.finishedArcs: object expected");
                        message.finishedArcs[i] = $root.JetSDL.Proto.PieChartArcDescription.fromObject(object.finishedArcs[i]);
                    }
                }
                if (object.currentArc != null) {
                    if (typeof object.currentArc !== "object")
                        throw TypeError(".JetSDL.Proto.PieChartDescription.currentArc: object expected");
                    message.currentArc = $root.JetSDL.Proto.PieChartArcDescription.fromObject(object.currentArc);
                }
                if (object.currentArcCompletion != null)
                    message.currentArcCompletion = Number(object.currentArcCompletion);
                if (object.currentArcCompletionFunction != null) {
                    if (typeof object.currentArcCompletionFunction !== "object")
                        throw TypeError(".JetSDL.Proto.PieChartDescription.currentArcCompletionFunction: object expected");
                    message.currentArcCompletionFunction = $root.JetSDL.Proto.Function.fromObject(object.currentArcCompletionFunction);
                }
                switch (object.direction) {
                case "clockwise":
                case 0:
                    message.direction = 0;
                    break;
                case "counterclockwise":
                case 1:
                    message.direction = 1;
                    break;
                }
                if (object.radius != null)
                    message.radius = Number(object.radius);
                if (object.offset != null)
                    message.offset = Number(object.offset);
                return message;
            };

            /**
             * Creates a PieChartDescription message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.PieChartDescription.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.PieChartDescription} PieChartDescription
             */
            PieChartDescription.from = PieChartDescription.fromObject;

            /**
             * Creates a plain object from a PieChartDescription message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.PieChartDescription} message PieChartDescription
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PieChartDescription.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.finishedArcs = [];
                if (options.defaults) {
                    object.currentArc = null;
                    object.currentArcCompletion = 1;
                    object.currentArcCompletionFunction = null;
                    object.direction = options.enums === String ? "clockwise" : 0;
                    object.radius = 50;
                    object.offset = 0;
                }
                if (message.finishedArcs && message.finishedArcs.length) {
                    object.finishedArcs = [];
                    for (var j = 0; j < message.finishedArcs.length; ++j)
                        object.finishedArcs[j] = $root.JetSDL.Proto.PieChartArcDescription.toObject(message.finishedArcs[j], options);
                }
                if (message.currentArc != null && message.hasOwnProperty("currentArc"))
                    object.currentArc = $root.JetSDL.Proto.PieChartArcDescription.toObject(message.currentArc, options);
                if (message.currentArcCompletion != null && message.hasOwnProperty("currentArcCompletion"))
                    object.currentArcCompletion = message.currentArcCompletion;
                if (message.currentArcCompletionFunction != null && message.hasOwnProperty("currentArcCompletionFunction"))
                    object.currentArcCompletionFunction = $root.JetSDL.Proto.Function.toObject(message.currentArcCompletionFunction, options);
                if (message.direction != null && message.hasOwnProperty("direction"))
                    object.direction = options.enums === String ? $root.JetSDL.Proto.PieChartDescription.Direction[message.direction] : message.direction;
                if (message.radius != null && message.hasOwnProperty("radius"))
                    object.radius = message.radius;
                if (message.offset != null && message.hasOwnProperty("offset"))
                    object.offset = message.offset;
                return object;
            };

            /**
             * Creates a plain object from this PieChartDescription message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            PieChartDescription.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this PieChartDescription to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            PieChartDescription.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            /**
             * Direction enum.
             * @name Direction
             * @memberof JetSDL.Proto.PieChartDescription
             * @enum {number}
             * @property {number} clockwise=0 clockwise value
             * @property {number} counterclockwise=1 counterclockwise value
             */
            PieChartDescription.Direction = (function() {
                var valuesById = {}, values = Object.create(valuesById);
                values[valuesById[0] = "clockwise"] = 0;
                values[valuesById[1] = "counterclockwise"] = 1;
                return values;
            })();

            return PieChartDescription;
        })();

        Proto.BarChartBarDescription = (function() {

            /**
             * Properties of a BarChartBarDescription.
             * @typedef JetSDL.Proto.BarChartBarDescription$Properties
             * @type {Object}
             * @property {JetSDL.Proto.StringVariable$Properties} [value] BarChartBarDescription value.
             * @property {JetSDL.Proto.Color$Properties} [color] BarChartBarDescription color.
             */

            /**
             * Constructs a new BarChartBarDescription.
             * @exports JetSDL.Proto.BarChartBarDescription
             * @constructor
             * @param {JetSDL.Proto.BarChartBarDescription$Properties=} [properties] Properties to set
             */
            function BarChartBarDescription(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * BarChartBarDescription value.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            BarChartBarDescription.prototype.value = null;

            /**
             * BarChartBarDescription color.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            BarChartBarDescription.prototype.color = null;

            /**
             * Creates a new BarChartBarDescription instance using the specified properties.
             * @param {JetSDL.Proto.BarChartBarDescription$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.BarChartBarDescription} BarChartBarDescription instance
             */
            BarChartBarDescription.create = function create(properties) {
                return new BarChartBarDescription(properties);
            };

            /**
             * Encodes the specified BarChartBarDescription message. Does not implicitly {@link JetSDL.Proto.BarChartBarDescription.verify|verify} messages.
             * @param {JetSDL.Proto.BarChartBarDescription$Properties} message BarChartBarDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            BarChartBarDescription.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.value != null && message.hasOwnProperty("value"))
                    $root.JetSDL.Proto.StringVariable.encode(message.value, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.color != null && message.hasOwnProperty("color"))
                    $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified BarChartBarDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.BarChartBarDescription.verify|verify} messages.
             * @param {JetSDL.Proto.BarChartBarDescription$Properties} message BarChartBarDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            BarChartBarDescription.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a BarChartBarDescription message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.BarChartBarDescription} BarChartBarDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            BarChartBarDescription.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.BarChartBarDescription();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.value = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 3:
                        message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a BarChartBarDescription message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.BarChartBarDescription} BarChartBarDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            BarChartBarDescription.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a BarChartBarDescription message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            BarChartBarDescription.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.value != null && message.hasOwnProperty("value")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.value);
                    if (error)
                        return "value." + error;
                }
                if (message.color != null && message.hasOwnProperty("color")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.color);
                    if (error)
                        return "color." + error;
                }
                return null;
            };

            /**
             * Creates a BarChartBarDescription message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.BarChartBarDescription} BarChartBarDescription
             */
            BarChartBarDescription.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.BarChartBarDescription)
                    return object;
                var message = new $root.JetSDL.Proto.BarChartBarDescription();
                if (object.value != null) {
                    if (typeof object.value !== "object")
                        throw TypeError(".JetSDL.Proto.BarChartBarDescription.value: object expected");
                    message.value = $root.JetSDL.Proto.StringVariable.fromObject(object.value);
                }
                if (object.color != null) {
                    if (typeof object.color !== "object")
                        throw TypeError(".JetSDL.Proto.BarChartBarDescription.color: object expected");
                    message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                }
                return message;
            };

            /**
             * Creates a BarChartBarDescription message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.BarChartBarDescription.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.BarChartBarDescription} BarChartBarDescription
             */
            BarChartBarDescription.from = BarChartBarDescription.fromObject;

            /**
             * Creates a plain object from a BarChartBarDescription message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.BarChartBarDescription} message BarChartBarDescription
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            BarChartBarDescription.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.value = null;
                    object.color = null;
                }
                if (message.value != null && message.hasOwnProperty("value"))
                    object.value = $root.JetSDL.Proto.StringVariable.toObject(message.value, options);
                if (message.color != null && message.hasOwnProperty("color"))
                    object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                return object;
            };

            /**
             * Creates a plain object from this BarChartBarDescription message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            BarChartBarDescription.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this BarChartBarDescription to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            BarChartBarDescription.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return BarChartBarDescription;
        })();

        Proto.BarChartDescription = (function() {

            /**
             * Properties of a BarChartDescription.
             * @typedef JetSDL.Proto.BarChartDescription$Properties
             * @type {Object}
             * @property {Array.<JetSDL.Proto.BarChartBarDescription$Properties>} [finishedBars] BarChartDescription finishedBars.
             * @property {JetSDL.Proto.BarChartBarDescription$Properties} [currentBar] BarChartDescription currentBar.
             * @property {number} [currentBarCompletion] BarChartDescription currentBarCompletion.
             * @property {JetSDL.Proto.Function$Properties} [currentBarCompletionFunction] BarChartDescription currentBarCompletionFunction.
             * @property {number} [numBars] BarChartDescription numBars.
             * @property {number} [maxVal] BarChartDescription maxVal.
             */

            /**
             * Constructs a new BarChartDescription.
             * @exports JetSDL.Proto.BarChartDescription
             * @constructor
             * @param {JetSDL.Proto.BarChartDescription$Properties=} [properties] Properties to set
             */
            function BarChartDescription(properties) {
                this.finishedBars = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * BarChartDescription finishedBars.
             * @type {Array.<JetSDL.Proto.BarChartBarDescription$Properties>}
             */
            BarChartDescription.prototype.finishedBars = $util.emptyArray;

            /**
             * BarChartDescription currentBar.
             * @type {(JetSDL.Proto.BarChartBarDescription$Properties|null)}
             */
            BarChartDescription.prototype.currentBar = null;

            /**
             * BarChartDescription currentBarCompletion.
             * @type {number}
             */
            BarChartDescription.prototype.currentBarCompletion = 1;

            /**
             * BarChartDescription currentBarCompletionFunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            BarChartDescription.prototype.currentBarCompletionFunction = null;

            /**
             * BarChartDescription numBars.
             * @type {number}
             */
            BarChartDescription.prototype.numBars = 3;

            /**
             * BarChartDescription maxVal.
             * @type {number}
             */
            BarChartDescription.prototype.maxVal = 100;

            /**
             * Creates a new BarChartDescription instance using the specified properties.
             * @param {JetSDL.Proto.BarChartDescription$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.BarChartDescription} BarChartDescription instance
             */
            BarChartDescription.create = function create(properties) {
                return new BarChartDescription(properties);
            };

            /**
             * Encodes the specified BarChartDescription message. Does not implicitly {@link JetSDL.Proto.BarChartDescription.verify|verify} messages.
             * @param {JetSDL.Proto.BarChartDescription$Properties} message BarChartDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            BarChartDescription.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.finishedBars != null && message.finishedBars.length)
                    for (var i = 0; i < message.finishedBars.length; ++i)
                        $root.JetSDL.Proto.BarChartBarDescription.encode(message.finishedBars[i], writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.currentBar != null && message.hasOwnProperty("currentBar"))
                    $root.JetSDL.Proto.BarChartBarDescription.encode(message.currentBar, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.currentBarCompletion != null && message.hasOwnProperty("currentBarCompletion"))
                    writer.uint32(/* id 4, wireType 1 =*/33).double(message.currentBarCompletion);
                if (message.currentBarCompletionFunction != null && message.hasOwnProperty("currentBarCompletionFunction"))
                    $root.JetSDL.Proto.Function.encode(message.currentBarCompletionFunction, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.numBars != null && message.hasOwnProperty("numBars"))
                    writer.uint32(/* id 6, wireType 0 =*/48).int32(message.numBars);
                if (message.maxVal != null && message.hasOwnProperty("maxVal"))
                    writer.uint32(/* id 9, wireType 1 =*/73).double(message.maxVal);
                return writer;
            };

            /**
             * Encodes the specified BarChartDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.BarChartDescription.verify|verify} messages.
             * @param {JetSDL.Proto.BarChartDescription$Properties} message BarChartDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            BarChartDescription.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a BarChartDescription message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.BarChartDescription} BarChartDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            BarChartDescription.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.BarChartDescription();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        if (!(message.finishedBars && message.finishedBars.length))
                            message.finishedBars = [];
                        message.finishedBars.push($root.JetSDL.Proto.BarChartBarDescription.decode(reader, reader.uint32()));
                        break;
                    case 3:
                        message.currentBar = $root.JetSDL.Proto.BarChartBarDescription.decode(reader, reader.uint32());
                        break;
                    case 4:
                        message.currentBarCompletion = reader.double();
                        break;
                    case 5:
                        message.currentBarCompletionFunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 6:
                        message.numBars = reader.int32();
                        break;
                    case 9:
                        message.maxVal = reader.double();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a BarChartDescription message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.BarChartDescription} BarChartDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            BarChartDescription.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a BarChartDescription message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            BarChartDescription.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.finishedBars != null && message.hasOwnProperty("finishedBars")) {
                    if (!Array.isArray(message.finishedBars))
                        return "finishedBars: array expected";
                    for (var i = 0; i < message.finishedBars.length; ++i) {
                        var error = $root.JetSDL.Proto.BarChartBarDescription.verify(message.finishedBars[i]);
                        if (error)
                            return "finishedBars." + error;
                    }
                }
                if (message.currentBar != null && message.hasOwnProperty("currentBar")) {
                    var error = $root.JetSDL.Proto.BarChartBarDescription.verify(message.currentBar);
                    if (error)
                        return "currentBar." + error;
                }
                if (message.currentBarCompletion != null && message.hasOwnProperty("currentBarCompletion"))
                    if (typeof message.currentBarCompletion !== "number")
                        return "currentBarCompletion: number expected";
                if (message.currentBarCompletionFunction != null && message.hasOwnProperty("currentBarCompletionFunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.currentBarCompletionFunction);
                    if (error)
                        return "currentBarCompletionFunction." + error;
                }
                if (message.numBars != null && message.hasOwnProperty("numBars"))
                    if (!$util.isInteger(message.numBars))
                        return "numBars: integer expected";
                if (message.maxVal != null && message.hasOwnProperty("maxVal"))
                    if (typeof message.maxVal !== "number")
                        return "maxVal: number expected";
                return null;
            };

            /**
             * Creates a BarChartDescription message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.BarChartDescription} BarChartDescription
             */
            BarChartDescription.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.BarChartDescription)
                    return object;
                var message = new $root.JetSDL.Proto.BarChartDescription();
                if (object.finishedBars) {
                    if (!Array.isArray(object.finishedBars))
                        throw TypeError(".JetSDL.Proto.BarChartDescription.finishedBars: array expected");
                    message.finishedBars = [];
                    for (var i = 0; i < object.finishedBars.length; ++i) {
                        if (typeof object.finishedBars[i] !== "object")
                            throw TypeError(".JetSDL.Proto.BarChartDescription.finishedBars: object expected");
                        message.finishedBars[i] = $root.JetSDL.Proto.BarChartBarDescription.fromObject(object.finishedBars[i]);
                    }
                }
                if (object.currentBar != null) {
                    if (typeof object.currentBar !== "object")
                        throw TypeError(".JetSDL.Proto.BarChartDescription.currentBar: object expected");
                    message.currentBar = $root.JetSDL.Proto.BarChartBarDescription.fromObject(object.currentBar);
                }
                if (object.currentBarCompletion != null)
                    message.currentBarCompletion = Number(object.currentBarCompletion);
                if (object.currentBarCompletionFunction != null) {
                    if (typeof object.currentBarCompletionFunction !== "object")
                        throw TypeError(".JetSDL.Proto.BarChartDescription.currentBarCompletionFunction: object expected");
                    message.currentBarCompletionFunction = $root.JetSDL.Proto.Function.fromObject(object.currentBarCompletionFunction);
                }
                if (object.numBars != null)
                    message.numBars = object.numBars | 0;
                if (object.maxVal != null)
                    message.maxVal = Number(object.maxVal);
                return message;
            };

            /**
             * Creates a BarChartDescription message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.BarChartDescription.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.BarChartDescription} BarChartDescription
             */
            BarChartDescription.from = BarChartDescription.fromObject;

            /**
             * Creates a plain object from a BarChartDescription message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.BarChartDescription} message BarChartDescription
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            BarChartDescription.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.finishedBars = [];
                if (options.defaults) {
                    object.currentBar = null;
                    object.currentBarCompletion = 1;
                    object.currentBarCompletionFunction = null;
                    object.numBars = 3;
                    object.maxVal = 100;
                }
                if (message.finishedBars && message.finishedBars.length) {
                    object.finishedBars = [];
                    for (var j = 0; j < message.finishedBars.length; ++j)
                        object.finishedBars[j] = $root.JetSDL.Proto.BarChartBarDescription.toObject(message.finishedBars[j], options);
                }
                if (message.currentBar != null && message.hasOwnProperty("currentBar"))
                    object.currentBar = $root.JetSDL.Proto.BarChartBarDescription.toObject(message.currentBar, options);
                if (message.currentBarCompletion != null && message.hasOwnProperty("currentBarCompletion"))
                    object.currentBarCompletion = message.currentBarCompletion;
                if (message.currentBarCompletionFunction != null && message.hasOwnProperty("currentBarCompletionFunction"))
                    object.currentBarCompletionFunction = $root.JetSDL.Proto.Function.toObject(message.currentBarCompletionFunction, options);
                if (message.numBars != null && message.hasOwnProperty("numBars"))
                    object.numBars = message.numBars;
                if (message.maxVal != null && message.hasOwnProperty("maxVal"))
                    object.maxVal = message.maxVal;
                return object;
            };

            /**
             * Creates a plain object from this BarChartDescription message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            BarChartDescription.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this BarChartDescription to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            BarChartDescription.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return BarChartDescription;
        })();

        Proto.ImageBarChartBarDescription = (function() {

            /**
             * Properties of an ImageBarChartBarDescription.
             * @typedef JetSDL.Proto.ImageBarChartBarDescription$Properties
             * @type {Object}
             * @property {JetSDL.Proto.StringVariable$Properties} [value] ImageBarChartBarDescription value.
             * @property {JetSDL.Proto.ImageProvider$Properties} [image] ImageBarChartBarDescription image.
             * @property {number} [imageEquivalent] ImageBarChartBarDescription imageEquivalent.
             */

            /**
             * Constructs a new ImageBarChartBarDescription.
             * @exports JetSDL.Proto.ImageBarChartBarDescription
             * @constructor
             * @param {JetSDL.Proto.ImageBarChartBarDescription$Properties=} [properties] Properties to set
             */
            function ImageBarChartBarDescription(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * ImageBarChartBarDescription value.
             * @type {(JetSDL.Proto.StringVariable$Properties|null)}
             */
            ImageBarChartBarDescription.prototype.value = null;

            /**
             * ImageBarChartBarDescription image.
             * @type {(JetSDL.Proto.ImageProvider$Properties|null)}
             */
            ImageBarChartBarDescription.prototype.image = null;

            /**
             * ImageBarChartBarDescription imageEquivalent.
             * @type {number}
             */
            ImageBarChartBarDescription.prototype.imageEquivalent = 1;

            /**
             * Creates a new ImageBarChartBarDescription instance using the specified properties.
             * @param {JetSDL.Proto.ImageBarChartBarDescription$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.ImageBarChartBarDescription} ImageBarChartBarDescription instance
             */
            ImageBarChartBarDescription.create = function create(properties) {
                return new ImageBarChartBarDescription(properties);
            };

            /**
             * Encodes the specified ImageBarChartBarDescription message. Does not implicitly {@link JetSDL.Proto.ImageBarChartBarDescription.verify|verify} messages.
             * @param {JetSDL.Proto.ImageBarChartBarDescription$Properties} message ImageBarChartBarDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            ImageBarChartBarDescription.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.value != null && message.hasOwnProperty("value"))
                    $root.JetSDL.Proto.StringVariable.encode(message.value, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.image != null && message.hasOwnProperty("image"))
                    $root.JetSDL.Proto.ImageProvider.encode(message.image, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.imageEquivalent != null && message.hasOwnProperty("imageEquivalent"))
                    writer.uint32(/* id 4, wireType 1 =*/33).double(message.imageEquivalent);
                return writer;
            };

            /**
             * Encodes the specified ImageBarChartBarDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.ImageBarChartBarDescription.verify|verify} messages.
             * @param {JetSDL.Proto.ImageBarChartBarDescription$Properties} message ImageBarChartBarDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            ImageBarChartBarDescription.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an ImageBarChartBarDescription message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.ImageBarChartBarDescription} ImageBarChartBarDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            ImageBarChartBarDescription.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.ImageBarChartBarDescription();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.value = $root.JetSDL.Proto.StringVariable.decode(reader, reader.uint32());
                        break;
                    case 3:
                        message.image = $root.JetSDL.Proto.ImageProvider.decode(reader, reader.uint32());
                        break;
                    case 4:
                        message.imageEquivalent = reader.double();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes an ImageBarChartBarDescription message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.ImageBarChartBarDescription} ImageBarChartBarDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            ImageBarChartBarDescription.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an ImageBarChartBarDescription message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            ImageBarChartBarDescription.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.value != null && message.hasOwnProperty("value")) {
                    var error = $root.JetSDL.Proto.StringVariable.verify(message.value);
                    if (error)
                        return "value." + error;
                }
                if (message.image != null && message.hasOwnProperty("image")) {
                    var error = $root.JetSDL.Proto.ImageProvider.verify(message.image);
                    if (error)
                        return "image." + error;
                }
                if (message.imageEquivalent != null && message.hasOwnProperty("imageEquivalent"))
                    if (typeof message.imageEquivalent !== "number")
                        return "imageEquivalent: number expected";
                return null;
            };

            /**
             * Creates an ImageBarChartBarDescription message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.ImageBarChartBarDescription} ImageBarChartBarDescription
             */
            ImageBarChartBarDescription.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.ImageBarChartBarDescription)
                    return object;
                var message = new $root.JetSDL.Proto.ImageBarChartBarDescription();
                if (object.value != null) {
                    if (typeof object.value !== "object")
                        throw TypeError(".JetSDL.Proto.ImageBarChartBarDescription.value: object expected");
                    message.value = $root.JetSDL.Proto.StringVariable.fromObject(object.value);
                }
                if (object.image != null) {
                    if (typeof object.image !== "object")
                        throw TypeError(".JetSDL.Proto.ImageBarChartBarDescription.image: object expected");
                    message.image = $root.JetSDL.Proto.ImageProvider.fromObject(object.image);
                }
                if (object.imageEquivalent != null)
                    message.imageEquivalent = Number(object.imageEquivalent);
                return message;
            };

            /**
             * Creates an ImageBarChartBarDescription message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.ImageBarChartBarDescription.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.ImageBarChartBarDescription} ImageBarChartBarDescription
             */
            ImageBarChartBarDescription.from = ImageBarChartBarDescription.fromObject;

            /**
             * Creates a plain object from an ImageBarChartBarDescription message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.ImageBarChartBarDescription} message ImageBarChartBarDescription
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            ImageBarChartBarDescription.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.value = null;
                    object.image = null;
                    object.imageEquivalent = 1;
                }
                if (message.value != null && message.hasOwnProperty("value"))
                    object.value = $root.JetSDL.Proto.StringVariable.toObject(message.value, options);
                if (message.image != null && message.hasOwnProperty("image"))
                    object.image = $root.JetSDL.Proto.ImageProvider.toObject(message.image, options);
                if (message.imageEquivalent != null && message.hasOwnProperty("imageEquivalent"))
                    object.imageEquivalent = message.imageEquivalent;
                return object;
            };

            /**
             * Creates a plain object from this ImageBarChartBarDescription message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            ImageBarChartBarDescription.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this ImageBarChartBarDescription to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            ImageBarChartBarDescription.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return ImageBarChartBarDescription;
        })();

        Proto.ImageBarChartDescription = (function() {

            /**
             * Properties of an ImageBarChartDescription.
             * @typedef JetSDL.Proto.ImageBarChartDescription$Properties
             * @type {Object}
             * @property {Array.<JetSDL.Proto.ImageBarChartBarDescription$Properties>} [finishedBars] ImageBarChartDescription finishedBars.
             * @property {JetSDL.Proto.ImageBarChartBarDescription$Properties} [currentBar] ImageBarChartDescription currentBar.
             * @property {number} [currentBarCompletion] ImageBarChartDescription currentBarCompletion.
             * @property {JetSDL.Proto.Function$Properties} [currentBarCompletionFunction] ImageBarChartDescription currentBarCompletionFunction.
             * @property {number} [numBars] ImageBarChartDescription numBars.
             */

            /**
             * Constructs a new ImageBarChartDescription.
             * @exports JetSDL.Proto.ImageBarChartDescription
             * @constructor
             * @param {JetSDL.Proto.ImageBarChartDescription$Properties=} [properties] Properties to set
             */
            function ImageBarChartDescription(properties) {
                this.finishedBars = [];
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * ImageBarChartDescription finishedBars.
             * @type {Array.<JetSDL.Proto.ImageBarChartBarDescription$Properties>}
             */
            ImageBarChartDescription.prototype.finishedBars = $util.emptyArray;

            /**
             * ImageBarChartDescription currentBar.
             * @type {(JetSDL.Proto.ImageBarChartBarDescription$Properties|null)}
             */
            ImageBarChartDescription.prototype.currentBar = null;

            /**
             * ImageBarChartDescription currentBarCompletion.
             * @type {number}
             */
            ImageBarChartDescription.prototype.currentBarCompletion = 1;

            /**
             * ImageBarChartDescription currentBarCompletionFunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            ImageBarChartDescription.prototype.currentBarCompletionFunction = null;

            /**
             * ImageBarChartDescription numBars.
             * @type {number}
             */
            ImageBarChartDescription.prototype.numBars = 3;

            /**
             * Creates a new ImageBarChartDescription instance using the specified properties.
             * @param {JetSDL.Proto.ImageBarChartDescription$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.ImageBarChartDescription} ImageBarChartDescription instance
             */
            ImageBarChartDescription.create = function create(properties) {
                return new ImageBarChartDescription(properties);
            };

            /**
             * Encodes the specified ImageBarChartDescription message. Does not implicitly {@link JetSDL.Proto.ImageBarChartDescription.verify|verify} messages.
             * @param {JetSDL.Proto.ImageBarChartDescription$Properties} message ImageBarChartDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            ImageBarChartDescription.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.finishedBars != null && message.finishedBars.length)
                    for (var i = 0; i < message.finishedBars.length; ++i)
                        $root.JetSDL.Proto.ImageBarChartBarDescription.encode(message.finishedBars[i], writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.currentBar != null && message.hasOwnProperty("currentBar"))
                    $root.JetSDL.Proto.ImageBarChartBarDescription.encode(message.currentBar, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
                if (message.currentBarCompletion != null && message.hasOwnProperty("currentBarCompletion"))
                    writer.uint32(/* id 4, wireType 1 =*/33).double(message.currentBarCompletion);
                if (message.currentBarCompletionFunction != null && message.hasOwnProperty("currentBarCompletionFunction"))
                    $root.JetSDL.Proto.Function.encode(message.currentBarCompletionFunction, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.numBars != null && message.hasOwnProperty("numBars"))
                    writer.uint32(/* id 6, wireType 0 =*/48).int32(message.numBars);
                return writer;
            };

            /**
             * Encodes the specified ImageBarChartDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.ImageBarChartDescription.verify|verify} messages.
             * @param {JetSDL.Proto.ImageBarChartDescription$Properties} message ImageBarChartDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            ImageBarChartDescription.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes an ImageBarChartDescription message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.ImageBarChartDescription} ImageBarChartDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            ImageBarChartDescription.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.ImageBarChartDescription();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        if (!(message.finishedBars && message.finishedBars.length))
                            message.finishedBars = [];
                        message.finishedBars.push($root.JetSDL.Proto.ImageBarChartBarDescription.decode(reader, reader.uint32()));
                        break;
                    case 3:
                        message.currentBar = $root.JetSDL.Proto.ImageBarChartBarDescription.decode(reader, reader.uint32());
                        break;
                    case 4:
                        message.currentBarCompletion = reader.double();
                        break;
                    case 5:
                        message.currentBarCompletionFunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 6:
                        message.numBars = reader.int32();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes an ImageBarChartDescription message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.ImageBarChartDescription} ImageBarChartDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            ImageBarChartDescription.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies an ImageBarChartDescription message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            ImageBarChartDescription.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.finishedBars != null && message.hasOwnProperty("finishedBars")) {
                    if (!Array.isArray(message.finishedBars))
                        return "finishedBars: array expected";
                    for (var i = 0; i < message.finishedBars.length; ++i) {
                        var error = $root.JetSDL.Proto.ImageBarChartBarDescription.verify(message.finishedBars[i]);
                        if (error)
                            return "finishedBars." + error;
                    }
                }
                if (message.currentBar != null && message.hasOwnProperty("currentBar")) {
                    var error = $root.JetSDL.Proto.ImageBarChartBarDescription.verify(message.currentBar);
                    if (error)
                        return "currentBar." + error;
                }
                if (message.currentBarCompletion != null && message.hasOwnProperty("currentBarCompletion"))
                    if (typeof message.currentBarCompletion !== "number")
                        return "currentBarCompletion: number expected";
                if (message.currentBarCompletionFunction != null && message.hasOwnProperty("currentBarCompletionFunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.currentBarCompletionFunction);
                    if (error)
                        return "currentBarCompletionFunction." + error;
                }
                if (message.numBars != null && message.hasOwnProperty("numBars"))
                    if (!$util.isInteger(message.numBars))
                        return "numBars: integer expected";
                return null;
            };

            /**
             * Creates an ImageBarChartDescription message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.ImageBarChartDescription} ImageBarChartDescription
             */
            ImageBarChartDescription.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.ImageBarChartDescription)
                    return object;
                var message = new $root.JetSDL.Proto.ImageBarChartDescription();
                if (object.finishedBars) {
                    if (!Array.isArray(object.finishedBars))
                        throw TypeError(".JetSDL.Proto.ImageBarChartDescription.finishedBars: array expected");
                    message.finishedBars = [];
                    for (var i = 0; i < object.finishedBars.length; ++i) {
                        if (typeof object.finishedBars[i] !== "object")
                            throw TypeError(".JetSDL.Proto.ImageBarChartDescription.finishedBars: object expected");
                        message.finishedBars[i] = $root.JetSDL.Proto.ImageBarChartBarDescription.fromObject(object.finishedBars[i]);
                    }
                }
                if (object.currentBar != null) {
                    if (typeof object.currentBar !== "object")
                        throw TypeError(".JetSDL.Proto.ImageBarChartDescription.currentBar: object expected");
                    message.currentBar = $root.JetSDL.Proto.ImageBarChartBarDescription.fromObject(object.currentBar);
                }
                if (object.currentBarCompletion != null)
                    message.currentBarCompletion = Number(object.currentBarCompletion);
                if (object.currentBarCompletionFunction != null) {
                    if (typeof object.currentBarCompletionFunction !== "object")
                        throw TypeError(".JetSDL.Proto.ImageBarChartDescription.currentBarCompletionFunction: object expected");
                    message.currentBarCompletionFunction = $root.JetSDL.Proto.Function.fromObject(object.currentBarCompletionFunction);
                }
                if (object.numBars != null)
                    message.numBars = object.numBars | 0;
                return message;
            };

            /**
             * Creates an ImageBarChartDescription message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.ImageBarChartDescription.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.ImageBarChartDescription} ImageBarChartDescription
             */
            ImageBarChartDescription.from = ImageBarChartDescription.fromObject;

            /**
             * Creates a plain object from an ImageBarChartDescription message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.ImageBarChartDescription} message ImageBarChartDescription
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            ImageBarChartDescription.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.arrays || options.defaults)
                    object.finishedBars = [];
                if (options.defaults) {
                    object.currentBar = null;
                    object.currentBarCompletion = 1;
                    object.currentBarCompletionFunction = null;
                    object.numBars = 3;
                }
                if (message.finishedBars && message.finishedBars.length) {
                    object.finishedBars = [];
                    for (var j = 0; j < message.finishedBars.length; ++j)
                        object.finishedBars[j] = $root.JetSDL.Proto.ImageBarChartBarDescription.toObject(message.finishedBars[j], options);
                }
                if (message.currentBar != null && message.hasOwnProperty("currentBar"))
                    object.currentBar = $root.JetSDL.Proto.ImageBarChartBarDescription.toObject(message.currentBar, options);
                if (message.currentBarCompletion != null && message.hasOwnProperty("currentBarCompletion"))
                    object.currentBarCompletion = message.currentBarCompletion;
                if (message.currentBarCompletionFunction != null && message.hasOwnProperty("currentBarCompletionFunction"))
                    object.currentBarCompletionFunction = $root.JetSDL.Proto.Function.toObject(message.currentBarCompletionFunction, options);
                if (message.numBars != null && message.hasOwnProperty("numBars"))
                    object.numBars = message.numBars;
                return object;
            };

            /**
             * Creates a plain object from this ImageBarChartDescription message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            ImageBarChartDescription.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this ImageBarChartDescription to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            ImageBarChartDescription.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return ImageBarChartDescription;
        })();

        /**
         * LineCapStyle enum.
         * @name LineCapStyle
         * @memberof JetSDL.Proto
         * @enum {number}
         * @property {number} cap_square=0 cap_square value
         * @property {number} cap_round=1 cap_round value
         * @property {number} cap_butt=2 cap_butt value
         */
        Proto.LineCapStyle = (function() {
            var valuesById = {}, values = Object.create(valuesById);
            values[valuesById[0] = "cap_square"] = 0;
            values[valuesById[1] = "cap_round"] = 1;
            values[valuesById[2] = "cap_butt"] = 2;
            return values;
        })();

        Proto.LineChartDescription = (function() {

            /**
             * Properties of a LineChartDescription.
             * @typedef JetSDL.Proto.LineChartDescription$Properties
             * @type {Object}
             * @property {JetSDL.Proto.TrackData$Properties} [points] LineChartDescription points.
             * @property {number} [numFinishedLines] LineChartDescription numFinishedLines.
             * @property {number} [currentLine] LineChartDescription currentLine.
             * @property {number} [currentLineCompletion] LineChartDescription currentLineCompletion.
             * @property {JetSDL.Proto.Function$Properties} [currentLineCompletionFunction] LineChartDescription currentLineCompletionFunction.
             * @property {JetSDL.Proto.Color$Properties} [color] LineChartDescription color.
             * @property {number} [lineWidth] LineChartDescription lineWidth.
             * @property {JetSDL.Proto.LineCapStyle} [capStyle] LineChartDescription capStyle.
             * @property {number} [minX] LineChartDescription minX.
             * @property {number} [minY] LineChartDescription minY.
             * @property {number} [maxX] LineChartDescription maxX.
             * @property {number} [maxY] LineChartDescription maxY.
             */

            /**
             * Constructs a new LineChartDescription.
             * @exports JetSDL.Proto.LineChartDescription
             * @constructor
             * @param {JetSDL.Proto.LineChartDescription$Properties=} [properties] Properties to set
             */
            function LineChartDescription(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * LineChartDescription points.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            LineChartDescription.prototype.points = null;

            /**
             * LineChartDescription numFinishedLines.
             * @type {number}
             */
            LineChartDescription.prototype.numFinishedLines = 0;

            /**
             * LineChartDescription currentLine.
             * @type {number}
             */
            LineChartDescription.prototype.currentLine = 0;

            /**
             * LineChartDescription currentLineCompletion.
             * @type {number}
             */
            LineChartDescription.prototype.currentLineCompletion = 1;

            /**
             * LineChartDescription currentLineCompletionFunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            LineChartDescription.prototype.currentLineCompletionFunction = null;

            /**
             * LineChartDescription color.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            LineChartDescription.prototype.color = null;

            /**
             * LineChartDescription lineWidth.
             * @type {number}
             */
            LineChartDescription.prototype.lineWidth = 1;

            /**
             * LineChartDescription capStyle.
             * @type {JetSDL.Proto.LineCapStyle}
             */
            LineChartDescription.prototype.capStyle = 1;

            /**
             * LineChartDescription minX.
             * @type {number}
             */
            LineChartDescription.prototype.minX = 0;

            /**
             * LineChartDescription minY.
             * @type {number}
             */
            LineChartDescription.prototype.minY = 0;

            /**
             * LineChartDescription maxX.
             * @type {number}
             */
            LineChartDescription.prototype.maxX = 1;

            /**
             * LineChartDescription maxY.
             * @type {number}
             */
            LineChartDescription.prototype.maxY = 1;

            /**
             * Creates a new LineChartDescription instance using the specified properties.
             * @param {JetSDL.Proto.LineChartDescription$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.LineChartDescription} LineChartDescription instance
             */
            LineChartDescription.create = function create(properties) {
                return new LineChartDescription(properties);
            };

            /**
             * Encodes the specified LineChartDescription message. Does not implicitly {@link JetSDL.Proto.LineChartDescription.verify|verify} messages.
             * @param {JetSDL.Proto.LineChartDescription$Properties} message LineChartDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            LineChartDescription.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.points != null && message.hasOwnProperty("points"))
                    $root.JetSDL.Proto.TrackData.encode(message.points, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.numFinishedLines != null && message.hasOwnProperty("numFinishedLines"))
                    writer.uint32(/* id 3, wireType 0 =*/24).int32(message.numFinishedLines);
                if (message.currentLine != null && message.hasOwnProperty("currentLine"))
                    writer.uint32(/* id 4, wireType 0 =*/32).int32(message.currentLine);
                if (message.currentLineCompletion != null && message.hasOwnProperty("currentLineCompletion"))
                    writer.uint32(/* id 5, wireType 1 =*/41).double(message.currentLineCompletion);
                if (message.currentLineCompletionFunction != null && message.hasOwnProperty("currentLineCompletionFunction"))
                    $root.JetSDL.Proto.Function.encode(message.currentLineCompletionFunction, writer.uint32(/* id 6, wireType 2 =*/50).fork()).ldelim();
                if (message.color != null && message.hasOwnProperty("color"))
                    $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 7, wireType 2 =*/58).fork()).ldelim();
                if (message.lineWidth != null && message.hasOwnProperty("lineWidth"))
                    writer.uint32(/* id 8, wireType 1 =*/65).double(message.lineWidth);
                if (message.capStyle != null && message.hasOwnProperty("capStyle"))
                    writer.uint32(/* id 9, wireType 0 =*/72).uint32(message.capStyle);
                if (message.minX != null && message.hasOwnProperty("minX"))
                    writer.uint32(/* id 10, wireType 1 =*/81).double(message.minX);
                if (message.minY != null && message.hasOwnProperty("minY"))
                    writer.uint32(/* id 11, wireType 1 =*/89).double(message.minY);
                if (message.maxX != null && message.hasOwnProperty("maxX"))
                    writer.uint32(/* id 12, wireType 1 =*/97).double(message.maxX);
                if (message.maxY != null && message.hasOwnProperty("maxY"))
                    writer.uint32(/* id 13, wireType 1 =*/105).double(message.maxY);
                return writer;
            };

            /**
             * Encodes the specified LineChartDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.LineChartDescription.verify|verify} messages.
             * @param {JetSDL.Proto.LineChartDescription$Properties} message LineChartDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            LineChartDescription.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a LineChartDescription message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.LineChartDescription} LineChartDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            LineChartDescription.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.LineChartDescription();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.points = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 3:
                        message.numFinishedLines = reader.int32();
                        break;
                    case 4:
                        message.currentLine = reader.int32();
                        break;
                    case 5:
                        message.currentLineCompletion = reader.double();
                        break;
                    case 6:
                        message.currentLineCompletionFunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    case 7:
                        message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    case 8:
                        message.lineWidth = reader.double();
                        break;
                    case 9:
                        message.capStyle = reader.uint32();
                        break;
                    case 10:
                        message.minX = reader.double();
                        break;
                    case 11:
                        message.minY = reader.double();
                        break;
                    case 12:
                        message.maxX = reader.double();
                        break;
                    case 13:
                        message.maxY = reader.double();
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a LineChartDescription message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.LineChartDescription} LineChartDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            LineChartDescription.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a LineChartDescription message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            LineChartDescription.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.points != null && message.hasOwnProperty("points")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.points);
                    if (error)
                        return "points." + error;
                }
                if (message.numFinishedLines != null && message.hasOwnProperty("numFinishedLines"))
                    if (!$util.isInteger(message.numFinishedLines))
                        return "numFinishedLines: integer expected";
                if (message.currentLine != null && message.hasOwnProperty("currentLine"))
                    if (!$util.isInteger(message.currentLine))
                        return "currentLine: integer expected";
                if (message.currentLineCompletion != null && message.hasOwnProperty("currentLineCompletion"))
                    if (typeof message.currentLineCompletion !== "number")
                        return "currentLineCompletion: number expected";
                if (message.currentLineCompletionFunction != null && message.hasOwnProperty("currentLineCompletionFunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.currentLineCompletionFunction);
                    if (error)
                        return "currentLineCompletionFunction." + error;
                }
                if (message.color != null && message.hasOwnProperty("color")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.color);
                    if (error)
                        return "color." + error;
                }
                if (message.lineWidth != null && message.hasOwnProperty("lineWidth"))
                    if (typeof message.lineWidth !== "number")
                        return "lineWidth: number expected";
                if (message.capStyle != null && message.hasOwnProperty("capStyle"))
                    switch (message.capStyle) {
                    default:
                        return "capStyle: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                        break;
                    }
                if (message.minX != null && message.hasOwnProperty("minX"))
                    if (typeof message.minX !== "number")
                        return "minX: number expected";
                if (message.minY != null && message.hasOwnProperty("minY"))
                    if (typeof message.minY !== "number")
                        return "minY: number expected";
                if (message.maxX != null && message.hasOwnProperty("maxX"))
                    if (typeof message.maxX !== "number")
                        return "maxX: number expected";
                if (message.maxY != null && message.hasOwnProperty("maxY"))
                    if (typeof message.maxY !== "number")
                        return "maxY: number expected";
                return null;
            };

            /**
             * Creates a LineChartDescription message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.LineChartDescription} LineChartDescription
             */
            LineChartDescription.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.LineChartDescription)
                    return object;
                var message = new $root.JetSDL.Proto.LineChartDescription();
                if (object.points != null) {
                    if (typeof object.points !== "object")
                        throw TypeError(".JetSDL.Proto.LineChartDescription.points: object expected");
                    message.points = $root.JetSDL.Proto.TrackData.fromObject(object.points);
                }
                if (object.numFinishedLines != null)
                    message.numFinishedLines = object.numFinishedLines | 0;
                if (object.currentLine != null)
                    message.currentLine = object.currentLine | 0;
                if (object.currentLineCompletion != null)
                    message.currentLineCompletion = Number(object.currentLineCompletion);
                if (object.currentLineCompletionFunction != null) {
                    if (typeof object.currentLineCompletionFunction !== "object")
                        throw TypeError(".JetSDL.Proto.LineChartDescription.currentLineCompletionFunction: object expected");
                    message.currentLineCompletionFunction = $root.JetSDL.Proto.Function.fromObject(object.currentLineCompletionFunction);
                }
                if (object.color != null) {
                    if (typeof object.color !== "object")
                        throw TypeError(".JetSDL.Proto.LineChartDescription.color: object expected");
                    message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                }
                if (object.lineWidth != null)
                    message.lineWidth = Number(object.lineWidth);
                switch (object.capStyle) {
                case "cap_square":
                case 0:
                    message.capStyle = 0;
                    break;
                case "cap_round":
                case 1:
                    message.capStyle = 1;
                    break;
                case "cap_butt":
                case 2:
                    message.capStyle = 2;
                    break;
                }
                if (object.minX != null)
                    message.minX = Number(object.minX);
                if (object.minY != null)
                    message.minY = Number(object.minY);
                if (object.maxX != null)
                    message.maxX = Number(object.maxX);
                if (object.maxY != null)
                    message.maxY = Number(object.maxY);
                return message;
            };

            /**
             * Creates a LineChartDescription message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.LineChartDescription.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.LineChartDescription} LineChartDescription
             */
            LineChartDescription.from = LineChartDescription.fromObject;

            /**
             * Creates a plain object from a LineChartDescription message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.LineChartDescription} message LineChartDescription
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            LineChartDescription.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.points = null;
                    object.numFinishedLines = 0;
                    object.currentLine = 0;
                    object.currentLineCompletion = 1;
                    object.currentLineCompletionFunction = null;
                    object.color = null;
                    object.lineWidth = 1;
                    object.capStyle = options.enums === String ? "cap_round" : 1;
                    object.minX = 0;
                    object.minY = 0;
                    object.maxX = 1;
                    object.maxY = 1;
                }
                if (message.points != null && message.hasOwnProperty("points"))
                    object.points = $root.JetSDL.Proto.TrackData.toObject(message.points, options);
                if (message.numFinishedLines != null && message.hasOwnProperty("numFinishedLines"))
                    object.numFinishedLines = message.numFinishedLines;
                if (message.currentLine != null && message.hasOwnProperty("currentLine"))
                    object.currentLine = message.currentLine;
                if (message.currentLineCompletion != null && message.hasOwnProperty("currentLineCompletion"))
                    object.currentLineCompletion = message.currentLineCompletion;
                if (message.currentLineCompletionFunction != null && message.hasOwnProperty("currentLineCompletionFunction"))
                    object.currentLineCompletionFunction = $root.JetSDL.Proto.Function.toObject(message.currentLineCompletionFunction, options);
                if (message.color != null && message.hasOwnProperty("color"))
                    object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                if (message.lineWidth != null && message.hasOwnProperty("lineWidth"))
                    object.lineWidth = message.lineWidth;
                if (message.capStyle != null && message.hasOwnProperty("capStyle"))
                    object.capStyle = options.enums === String ? $root.JetSDL.Proto.LineCapStyle[message.capStyle] : message.capStyle;
                if (message.minX != null && message.hasOwnProperty("minX"))
                    object.minX = message.minX;
                if (message.minY != null && message.hasOwnProperty("minY"))
                    object.minY = message.minY;
                if (message.maxX != null && message.hasOwnProperty("maxX"))
                    object.maxX = message.maxX;
                if (message.maxY != null && message.hasOwnProperty("maxY"))
                    object.maxY = message.maxY;
                return object;
            };

            /**
             * Creates a plain object from this LineChartDescription message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            LineChartDescription.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this LineChartDescription to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            LineChartDescription.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return LineChartDescription;
        })();

        Proto.BezierDescription = (function() {

            /**
             * Properties of a BezierDescription.
             * @typedef JetSDL.Proto.BezierDescription$Properties
             * @type {Object}
             * @property {JetSDL.Proto.TrackData$Properties} [points] BezierDescription points.
             * @property {JetSDL.Proto.Color$Properties} [color] BezierDescription color.
             * @property {number} [lineWidth] BezierDescription lineWidth.
             * @property {JetSDL.Proto.LineCapStyle} [capStyle] BezierDescription capStyle.
             * @property {number} [completion] BezierDescription completion.
             * @property {JetSDL.Proto.Function$Properties} [completionFunction] BezierDescription completionFunction.
             */

            /**
             * Constructs a new BezierDescription.
             * @exports JetSDL.Proto.BezierDescription
             * @constructor
             * @param {JetSDL.Proto.BezierDescription$Properties=} [properties] Properties to set
             */
            function BezierDescription(properties) {
                if (properties)
                    for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                        if (properties[keys[i]] != null)
                            this[keys[i]] = properties[keys[i]];
            }

            /**
             * BezierDescription points.
             * @type {(JetSDL.Proto.TrackData$Properties|null)}
             */
            BezierDescription.prototype.points = null;

            /**
             * BezierDescription color.
             * @type {(JetSDL.Proto.Color$Properties|null)}
             */
            BezierDescription.prototype.color = null;

            /**
             * BezierDescription lineWidth.
             * @type {number}
             */
            BezierDescription.prototype.lineWidth = 1;

            /**
             * BezierDescription capStyle.
             * @type {JetSDL.Proto.LineCapStyle}
             */
            BezierDescription.prototype.capStyle = 1;

            /**
             * BezierDescription completion.
             * @type {number}
             */
            BezierDescription.prototype.completion = 1;

            /**
             * BezierDescription completionFunction.
             * @type {(JetSDL.Proto.Function$Properties|null)}
             */
            BezierDescription.prototype.completionFunction = null;

            /**
             * Creates a new BezierDescription instance using the specified properties.
             * @param {JetSDL.Proto.BezierDescription$Properties=} [properties] Properties to set
             * @returns {JetSDL.Proto.BezierDescription} BezierDescription instance
             */
            BezierDescription.create = function create(properties) {
                return new BezierDescription(properties);
            };

            /**
             * Encodes the specified BezierDescription message. Does not implicitly {@link JetSDL.Proto.BezierDescription.verify|verify} messages.
             * @param {JetSDL.Proto.BezierDescription$Properties} message BezierDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            BezierDescription.encode = function encode(message, writer) {
                if (!writer)
                    writer = $Writer.create();
                if (message.points != null && message.hasOwnProperty("points"))
                    $root.JetSDL.Proto.TrackData.encode(message.points, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                if (message.color != null && message.hasOwnProperty("color"))
                    $root.JetSDL.Proto.Color.encode(message.color, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                if (message.lineWidth != null && message.hasOwnProperty("lineWidth"))
                    writer.uint32(/* id 6, wireType 1 =*/49).double(message.lineWidth);
                if (message.capStyle != null && message.hasOwnProperty("capStyle"))
                    writer.uint32(/* id 7, wireType 0 =*/56).uint32(message.capStyle);
                if (message.completion != null && message.hasOwnProperty("completion"))
                    writer.uint32(/* id 8, wireType 1 =*/65).double(message.completion);
                if (message.completionFunction != null && message.hasOwnProperty("completionFunction"))
                    $root.JetSDL.Proto.Function.encode(message.completionFunction, writer.uint32(/* id 9, wireType 2 =*/74).fork()).ldelim();
                return writer;
            };

            /**
             * Encodes the specified BezierDescription message, length delimited. Does not implicitly {@link JetSDL.Proto.BezierDescription.verify|verify} messages.
             * @param {JetSDL.Proto.BezierDescription$Properties} message BezierDescription message or plain object to encode
             * @param {$protobuf.Writer} [writer] Writer to encode to
             * @returns {$protobuf.Writer} Writer
             */
            BezierDescription.encodeDelimited = function encodeDelimited(message, writer) {
                return this.encode(message, writer).ldelim();
            };

            /**
             * Decodes a BezierDescription message from the specified reader or buffer.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @param {number} [length] Message length if known beforehand
             * @returns {JetSDL.Proto.BezierDescription} BezierDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            BezierDescription.decode = function decode(reader, length) {
                if (!(reader instanceof $Reader))
                    reader = $Reader.create(reader);
                var end = length === undefined ? reader.len : reader.pos + length, message = new $root.JetSDL.Proto.BezierDescription();
                while (reader.pos < end) {
                    var tag = reader.uint32();
                    switch (tag >>> 3) {
                    case 2:
                        message.points = $root.JetSDL.Proto.TrackData.decode(reader, reader.uint32());
                        break;
                    case 5:
                        message.color = $root.JetSDL.Proto.Color.decode(reader, reader.uint32());
                        break;
                    case 6:
                        message.lineWidth = reader.double();
                        break;
                    case 7:
                        message.capStyle = reader.uint32();
                        break;
                    case 8:
                        message.completion = reader.double();
                        break;
                    case 9:
                        message.completionFunction = $root.JetSDL.Proto.Function.decode(reader, reader.uint32());
                        break;
                    default:
                        reader.skipType(tag & 7);
                        break;
                    }
                }
                return message;
            };

            /**
             * Decodes a BezierDescription message from the specified reader or buffer, length delimited.
             * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
             * @returns {JetSDL.Proto.BezierDescription} BezierDescription
             * @throws {Error} If the payload is not a reader or valid buffer
             * @throws {$protobuf.util.ProtocolError} If required fields are missing
             */
            BezierDescription.decodeDelimited = function decodeDelimited(reader) {
                if (!(reader instanceof $Reader))
                    reader = $Reader(reader);
                return this.decode(reader, reader.uint32());
            };

            /**
             * Verifies a BezierDescription message.
             * @param {Object.<string,*>} message Plain object to verify
             * @returns {?string} `null` if valid, otherwise the reason why it is not
             */
            BezierDescription.verify = function verify(message) {
                if (typeof message !== "object" || message === null)
                    return "object expected";
                if (message.points != null && message.hasOwnProperty("points")) {
                    var error = $root.JetSDL.Proto.TrackData.verify(message.points);
                    if (error)
                        return "points." + error;
                }
                if (message.color != null && message.hasOwnProperty("color")) {
                    var error = $root.JetSDL.Proto.Color.verify(message.color);
                    if (error)
                        return "color." + error;
                }
                if (message.lineWidth != null && message.hasOwnProperty("lineWidth"))
                    if (typeof message.lineWidth !== "number")
                        return "lineWidth: number expected";
                if (message.capStyle != null && message.hasOwnProperty("capStyle"))
                    switch (message.capStyle) {
                    default:
                        return "capStyle: enum value expected";
                    case 0:
                    case 1:
                    case 2:
                        break;
                    }
                if (message.completion != null && message.hasOwnProperty("completion"))
                    if (typeof message.completion !== "number")
                        return "completion: number expected";
                if (message.completionFunction != null && message.hasOwnProperty("completionFunction")) {
                    var error = $root.JetSDL.Proto.Function.verify(message.completionFunction);
                    if (error)
                        return "completionFunction." + error;
                }
                return null;
            };

            /**
             * Creates a BezierDescription message from a plain object. Also converts values to their respective internal types.
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.BezierDescription} BezierDescription
             */
            BezierDescription.fromObject = function fromObject(object) {
                if (object instanceof $root.JetSDL.Proto.BezierDescription)
                    return object;
                var message = new $root.JetSDL.Proto.BezierDescription();
                if (object.points != null) {
                    if (typeof object.points !== "object")
                        throw TypeError(".JetSDL.Proto.BezierDescription.points: object expected");
                    message.points = $root.JetSDL.Proto.TrackData.fromObject(object.points);
                }
                if (object.color != null) {
                    if (typeof object.color !== "object")
                        throw TypeError(".JetSDL.Proto.BezierDescription.color: object expected");
                    message.color = $root.JetSDL.Proto.Color.fromObject(object.color);
                }
                if (object.lineWidth != null)
                    message.lineWidth = Number(object.lineWidth);
                switch (object.capStyle) {
                case "cap_square":
                case 0:
                    message.capStyle = 0;
                    break;
                case "cap_round":
                case 1:
                    message.capStyle = 1;
                    break;
                case "cap_butt":
                case 2:
                    message.capStyle = 2;
                    break;
                }
                if (object.completion != null)
                    message.completion = Number(object.completion);
                if (object.completionFunction != null) {
                    if (typeof object.completionFunction !== "object")
                        throw TypeError(".JetSDL.Proto.BezierDescription.completionFunction: object expected");
                    message.completionFunction = $root.JetSDL.Proto.Function.fromObject(object.completionFunction);
                }
                return message;
            };

            /**
             * Creates a BezierDescription message from a plain object. Also converts values to their respective internal types.
             * This is an alias of {@link JetSDL.Proto.BezierDescription.fromObject}.
             * @function
             * @param {Object.<string,*>} object Plain object
             * @returns {JetSDL.Proto.BezierDescription} BezierDescription
             */
            BezierDescription.from = BezierDescription.fromObject;

            /**
             * Creates a plain object from a BezierDescription message. Also converts values to other types if specified.
             * @param {JetSDL.Proto.BezierDescription} message BezierDescription
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            BezierDescription.toObject = function toObject(message, options) {
                if (!options)
                    options = {};
                var object = {};
                if (options.defaults) {
                    object.points = null;
                    object.color = null;
                    object.lineWidth = 1;
                    object.capStyle = options.enums === String ? "cap_round" : 1;
                    object.completion = 1;
                    object.completionFunction = null;
                }
                if (message.points != null && message.hasOwnProperty("points"))
                    object.points = $root.JetSDL.Proto.TrackData.toObject(message.points, options);
                if (message.color != null && message.hasOwnProperty("color"))
                    object.color = $root.JetSDL.Proto.Color.toObject(message.color, options);
                if (message.lineWidth != null && message.hasOwnProperty("lineWidth"))
                    object.lineWidth = message.lineWidth;
                if (message.capStyle != null && message.hasOwnProperty("capStyle"))
                    object.capStyle = options.enums === String ? $root.JetSDL.Proto.LineCapStyle[message.capStyle] : message.capStyle;
                if (message.completion != null && message.hasOwnProperty("completion"))
                    object.completion = message.completion;
                if (message.completionFunction != null && message.hasOwnProperty("completionFunction"))
                    object.completionFunction = $root.JetSDL.Proto.Function.toObject(message.completionFunction, options);
                return object;
            };

            /**
             * Creates a plain object from this BezierDescription message. Also converts values to other types if specified.
             * @param {$protobuf.ConversionOptions} [options] Conversion options
             * @returns {Object.<string,*>} Plain object
             */
            BezierDescription.prototype.toObject = function toObject(options) {
                return this.constructor.toObject(this, options);
            };

            /**
             * Converts this BezierDescription to JSON.
             * @returns {Object.<string,*>} JSON object
             */
            BezierDescription.prototype.toJSON = function toJSON() {
                return this.constructor.toObject(this, __WEBPACK_IMPORTED_MODULE_2_protobufjs__["util"].toJSONOptions);
            };

            return BezierDescription;
        })();

        return Proto;
    })();

    return JetSDL;
})();

//module.exports = $root;
//export default $root;

var JetSDL = $root.JetSDL;
//export JetSDL;


/***/ }),

/***/ 0:
/***/ (function(module, exports) {

/* (ignored) */

/***/ }),

/***/ 1:
/***/ (function(module, exports) {

/* (ignored) */

/***/ }),

/***/ 3:
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__("./src/apps/qx/main.ts");


/***/ })

},[3]);
//# sourceMappingURL=main.bundle.js.map