build/lib/Component.js
"use strict";
var _prototypeProperties = function (child, staticProps, instanceProps) { if (staticProps) Object.defineProperties(child, staticProps); if (instanceProps) Object.defineProperties(child.prototype, instanceProps); };
var _get = function get(object, property, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc && desc.writable) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _inherits = function (subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; };
var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } };
require("babel/polyfill");
var Module = require("../Module.js").Module;
// # Kronicle.Component class
// depends: [Kronicle.Module](Module.html)
// The Component class is used to create components which are added to Views or other components.
// A component is a small, reusable module implementation.
// The constructor takes an args object that contains the properties:
// - components - an array of components
// - template - a function that returns a string
// - name - the name of the component - will have Component appeded to it during initialization
var Component = exports.Component = (function (Module) {
function Component() {
var args = arguments[0] === undefined ? { components: [], template: function () {
return "";
}, name: "" } : arguments[0];
_classCallCheck(this, Component);
this.template = args.template;
this.modules = {
components: {}
};
if (args.components) {
this.addComponents(args.components);
}
_get(Object.getPrototypeOf(Component.prototype), "constructor", this).call(this, { name: args.name + "Component" });
}
_inherits(Component, Module);
_prototypeProperties(Component, null, {
render: {
// ## render method
// The render method passes any data avaialbe to a template and returns the rendered string
// Takes two arguments
// - err - an error that occured in the parent function
// - data - the data to be passed to template
value: function render(err, data) {
if (!err) {
return this.template(data);
}
},
writable: true,
configurable: true
},
addComponents: {
// ## addComponents method
// This medthod add sub-components to the component, use this method to build a component with other components.
// Takes one argument:
// - components - an array of Kronicle Components
value: function addComponents(components) {
var aryComponents = components;
if (!(components instanceof Array)) {
aryComponents = [components];
}
this.components = components;
for (var _iterator = aryComponents[Symbol.iterator](), _step; !(_step = _iterator.next()).done;) {
var component = _step.value;
if (component.name) {
this.addComponentModule(component);
} else {
throw new Error("Error: components must have a unique name");
}
}
},
writable: true,
configurable: true
},
addComponentModule: {
// ## addComponentModule method
// This method adds an individual sub-component to the component.
// Takes one argument:
// - component - a Kronicle Component
value: function addComponentModule(component) {
this.modules.components[component.name] = component;
},
writable: true,
configurable: true
}
});
return Component;
})(Module);
Object.defineProperty(exports, "__esModule", {
value: true
});