armature/es5/bundle.js

(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.armature = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
'use strict';
/* eslint-disable no-unused-vars */
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
function toObject(val) {
    if (val === null || val === undefined) {
        throw new TypeError('Object.assign cannot be called with null or undefined');
    }
    return Object(val);
}
function shouldUseNative() {
    try {
        if (!Object.assign) {
            return false;
        }
        // Detect buggy property enumeration order in older V8 versions.
        // https://bugs.chromium.org/p/v8/issues/detail?id=4118
        var test1 = new String('abc'); // eslint-disable-line
        test1[5] = 'de';
        if (Object.getOwnPropertyNames(test1)[0] === '5') {
            return false;
        }
        // https://bugs.chromium.org/p/v8/issues/detail?id=3056
        var test2 = {};
        for (var i = 0; i < 10; i++) {
            test2['_' + String.fromCharCode(i)] = i;
        }
        var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
            return test2[n];
        });
        if (order2.join('') !== '0123456789') {
            return false;
        }
        // https://bugs.chromium.org/p/v8/issues/detail?id=3056
        var test3 = {};
        'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
            test3[letter] = letter;
        });
        if (Object.keys(Object.assign({}, test3)).join('') !==
            'abcdefghijklmnopqrst') {
            return false;
        }
        return true;
    }
    catch (e) {
        // We don't expect any of the above to throw, but better to be safe.
        return false;
    }
}
module.exports = shouldUseNative() ? Object.assign : function (target, source) {
    var from;
    var to = toObject(target);
    var symbols;
    for (var s = 1; s < arguments.length; s++) {
        from = Object(arguments[s]);
        for (var key in from) {
            if (hasOwnProperty.call(from, key)) {
                to[key] = from[key];
            }
        }
        if (Object.getOwnPropertySymbols) {
            symbols = Object.getOwnPropertySymbols(from);
            for (var i = 0; i < symbols.length; i++) {
                if (propIsEnumerable.call(from, symbols[i])) {
                    to[symbols[i]] = from[symbols[i]];
                }
            }
        }
    }
    return to;
};

},{}],2:[function(require,module,exports){

},{}],3:[function(require,module,exports){
"use strict";
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 UUID_1 = require("./UUID");
var Decorators_1 = require("./Decorators");
var ComponentStore_1 = require("./ComponentStore");
var assign = require("object-assign");
/**
 * The base for all Armature components.
 */
var Component = (function () {
    /**
     * Creates a new component with the given data.
     *
     * @param data The data to initialize the component with
     */
    function Component(data) {
        /**
         * The components this component contains.
         */
        this.$children = [];
        this.$data = data;
        this.$id = UUID_1.default.get();
    }
    /**
     * Creates or retrieves a component that is attached to another component.
     * Using the same parent and 'label' parameters will retrieve the same object.
     * Pass null to the data attribute to throw if a new component is created.
     *
     * @param parent The component to attach to
     * @param label The label to use when creating or retrieving the component
     * @param data The data to initialize the component with if it hasn't been created
     */
    Component.$for = function (parent, label, data) {
        var identifier = this.$getIdentifier(label);
        var existing = parent.$children.find(function (v) { return v.$getIdentifier() === identifier; });
        if (existing) {
            return existing;
        }
        if (data === null) {
            throw new Error("Subcomponent was created with no data!");
        }
        var inst = new this(data);
        inst.$label = label;
        inst.$parent = parent;
        parent.$children.push(inst);
        return inst;
    };
    /**
     * Serializes the component's data for potential recreation.
     */
    Component.prototype.$serializeData = function () {
        return assign({}, this.$data);
    };
    /**
     * Returns a way to uniquely identify this component type.
     */
    Component.$getTypeName = function () {
        var classString = this.$classNames.map(function (v) { return "." + v; }).join("");
        return this.$tagName + classString;
    };
    /**
     * Creates an object that can be used to recreate this component.
     */
    Component.prototype.$deflate = function () {
        var thisClass = this.constructor;
        return {
            type: thisClass.$getTypeName(),
            data: this.$serializeData(),
            id: this.$id,
            label: this.$label,
            children: this.$children.map(function (v) { return v.$deflate(); })
        };
    };
    /**
     * Creates an instance of a component from data generated by $deflate.
     *
     * @param deflated The deflated component data to use
     * @param inst An optional existing object to inflate
     */
    Component.$inflate = function (deflated, inst) {
        if (!inst) {
            inst = new this(deflated.data);
        }
        inst.$id = deflated.id;
        inst.$label = deflated.label;
        if (deflated.children) {
            for (var _i = 0, _a = deflated.children; _i < _a.length; _i++) {
                var child = _a[_i];
                var thatClass = ComponentStore_1.default.get(child.type);
                var childInst = thatClass.$for(inst, child.label, child.data);
                thatClass.$inflate(child, childInst);
            }
        }
        return inst;
    };
    /**
     * Returns an identifier that should be unique among a component's siblings.
     *
     * @param label The label of the component to create the label for
     */
    Component.$getIdentifier = function (label) {
        return this.$getTypeName() + "__" + label;
    };
    /**
     * Returns an identifier that should be unique among a component's siblings.
     */
    Component.prototype.$getIdentifier = function () {
        var thisClass = this.constructor;
        return thisClass.$getIdentifier(this.$label);
    };
    Component.prototype.toString = function () {
        return this.$getHTML();
    };
    /**
     * Builds the HTML associated with this component.
     */
    Component.prototype.$getHTML = function () {
        var thisClass = this.constructor;
        return "<" + thisClass.$tagName + "\n\t\t\tclass=\"" + thisClass.$classNames.join(" ") + "\"\n\t\t\tdata-armid=\"" + this.$id + "\"\n\t\t\t" + (this.$label ? "data-label=\"" + this.$label + "\"" : "") + "\n\t\t\t>" + this.$template(this) + "</" + thisClass.$tagName + ">";
    };
    /**
     * Creates an HTML element for this component if one does not exist.
     */
    Component.prototype.$ensureElement = function () {
        if (!this.$element) {
            var thisClass = this.constructor;
            var el = document.createElement(thisClass.$tagName);
            (_a = el.classList).add.apply(_a, thisClass.$classNames);
            this.$attachTo(el);
        }
        var _a;
    };
    /**
     * Attaches this component to an existing HTML element.
     *
     * @param element The element to attach to
     */
    Component.prototype.$attachTo = function (element) {
        this.$element = element;
        element.setAttribute("data-armid", this.$id.toString());
        if (this.$label) {
            element.setAttribute("data-label", this.$label);
        }
    };
    /**
     * Attempts to locate this component's element from a parent element.
     *
     * @param parent The element to search in
     */
    Component.prototype.$locate = function (parent) {
        if (parent === void 0) { parent = document.body; }
        var thisClass = this.constructor;
        var el = parent.querySelector(thisClass.$tagName + "[data-armid=\"" + this.$id + "\"]");
        if (el) {
            this.$element = el;
            this.$children.forEach(function (child) {
                child.$locate(el);
            });
            return el;
        }
    };
    /**
     * Evaluates the component's template and puts the result into the component's element
     */
    Component.prototype.$render = function () {
        this.$element.innerHTML = this.$template(this);
    };
    /**
     * Attaches event handlers for the component and its children.
     * Often used after $render, or as part of $reify.
     */
    Component.prototype.$hydrate = function () {
        for (var _i = 0, _a = this.$children; _i < _a.length; _i++) {
            var child = _a[_i];
            if (child.$locate(this.$element)) {
                child.$hydrate();
            }
        }
    };
    /**
     * Ensures this component's element exists, then renders and hydrates it.
     */
    Component.prototype.$reify = function () {
        this.$ensureElement();
        this.$render();
        this.$hydrate();
    };
    /**
     * A list of class names to apply to the component's root element.
     */
    Component.$classNames = [];
    Component = __decorate([
        Decorators_1.TagName("arm-component"),
        Decorators_1.Template(function () { return ""; })
    ], Component);
    return Component;
}());
exports.Component = Component;

},{"./ComponentStore":4,"./Decorators":5,"./UUID":7,"object-assign":1}],4:[function(require,module,exports){
"use strict";
var ComponentStore = {
    store: new Map(),
    register: function (componentType) {
        this.store.set(componentType.$getTypeName(), componentType);
    },
    get: function (typeName) {
        return this.store.get(typeName);
    }
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = ComponentStore;

},{}],5:[function(require,module,exports){
"use strict";
/**
 * Attaches a template to a Component
 * @param template The template to attach
 */
function Template(template) {
    return function (target) {
        target.prototype.$template = template;
    };
}
exports.Template = Template;
/**
 * Sets the HTML tag name of a Component
 * @param name The tag name to attach
 */
function TagName(name) {
    return function (target) {
        target.$tagName = name;
    };
}
exports.TagName = TagName;
/**
 * Attaches HTML class names to a Component's element
 * @param names The names to attach
 */
function ClassNames() {
    var names = [];
    for (var _i = 0; _i < arguments.length; _i++) {
        names[_i - 0] = arguments[_i];
    }
    return function (target) {
        (_a = target.$classNames).push.apply(_a, names);
        var _a;
    };
}
exports.ClassNames = ClassNames;

},{}],6:[function(require,module,exports){
"use strict";
var ComponentStore_1 = require("./ComponentStore");
function Properties(data) {
    return function (target) {
        target.prototype.$template = data.template;
        target.$tagName = data.tag;
        if (data.classes) {
            target.$classNames = target.$classNames.concat(data.classes);
        }
        ComponentStore_1.default.register(target);
    };
}
exports.Properties = Properties;

},{"./ComponentStore":4}],7:[function(require,module,exports){
"use strict";
var randomBuffer = new Uint16Array(1);
/**
 * Returns a random number on [0, 1)
 * Uses window.crypto if available
 */
function rand() {
    if (typeof crypto !== "undefined") {
        crypto.getRandomValues(randomBuffer);
        return randomBuffer[0] / Math.pow(2, 16);
    }
    else {
        return Math.random();
    }
}
var UUID = {
    /**
     * Generates a v4 UUID.
     */
    get: function () {
        var template = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";
        var value = template.replace(/[xy]/g, function (c) {
            var v = Math.floor(rand() * 16);
            if (c !== "x") {
                v = v & 0x3 | 0x8;
            }
            return v.toString(16);
        });
        return value;
    }
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = UUID;

},{}],8:[function(require,module,exports){
"use strict";
function __export(m) {
    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
__export(require("./Component"));
var ComponentStore_1 = require("./ComponentStore");
exports.ComponentStore = ComponentStore_1.default;
var UUID_1 = require("./UUID");
exports.UUID = UUID_1.default;
__export(require("./Decorators"));
__export(require("./Properties"));

},{"./Component":3,"./ComponentStore":4,"./Decorators":5,"./Properties":6,"./UUID":7}],9:[function(require,module,exports){
arguments[4][2][0].apply(exports,arguments)
},{"dup":2}]},{},[8,2,9])(9)
});


//# sourceMappingURL=bundle.js.map