bobjoll 1.0.3

package/ts/partials/upload-v1.0.ts

@@ -0,0 +1,17 @@
+import { delegate } from 'bobjoll/ts/library/dom';
+
+(function() {
+	var upload_wrapper: any = document.querySelectorAll(upload_wrapper);
+
+	delegate('.upload input', 'change', function(this: HTMLInputElement) {
+		let label = (this.nextElementSibling as HTMLElement | null);
+
+		if (label && this.files && this.files.length > 0) {
+			if (this.files.length > 1) {
+				label.innerText = this.files.length + ' files selected.';
+			} else {
+				label.innerText = this.files[0].name;
+			}
+		}
+	});
+})();

package/ts/views/hbs/alert-v1.0/element.html.hbs

@@ -0,0 +1,35 @@
+var Handlebars = require('/workspace/code/node_modules/handlebars/runtime.js');
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    var helper, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return " "
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"class") || (depth0 != null ? lookupProperty(depth0,"class") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"class","hash":{},"data":data,"loc":{"start":{"line":3,"column":54},"end":{"line":3,"column":63}}}) : helper)));
+},"3":function(container,depth0,helpers,partials,data) {
+    return " data-recurrent=\"true\" ";
+},"5":function(container,depth0,helpers,partials,data) {
+    return "	<button class=\"notification__close button button--sm button--icon button--link-inverted\">\n		<i class=\"icon--cross\"></i>\n	</button>\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3="function", lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "<div \n	id=\""
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"id") || (depth0 != null ? lookupProperty(depth0,"id") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"id","hash":{},"data":data,"loc":{"start":{"line":2,"column":5},"end":{"line":2,"column":11}}}) : helper)))
+    + "\" \n	class=\"notification notification--alert"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"class") : depth0),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":3,"column":40},"end":{"line":3,"column":70}}})) != null ? stack1 : "")
+    + "\" \n    "
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"recurrent") : depth0),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":4,"column":4},"end":{"line":4,"column":51}}})) != null ? stack1 : "")
+    + ">\n\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"fixed") : depth0),{"name":"if","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":6,"column":1},"end":{"line":10,"column":8}}})) != null ? stack1 : "")
+    + "\n	<div class=\"notification__content\">\n		<div class=\"notification__state\">\n			<i class=\"icon icon--sm\"></i>\n		</div>\n\n		<div class=\"notification__message\">\n			"
+    + ((stack1 = ((helper = (helper = lookupProperty(helpers,"html") || (depth0 != null ? lookupProperty(depth0,"html") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"html","hash":{},"data":data,"loc":{"start":{"line":18,"column":3},"end":{"line":18,"column":13}}}) : helper))) != null ? stack1 : "")
+    + "\n		</div>		\n	</div>\n</div>";
+},"useData":true});

package/ts/views/hbs/countdown-v1.0/countdown-inner.hbs

@@ -0,0 +1,39 @@
+var Handlebars = require('/workspace/code/node_modules/handlebars/runtime.js');
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return ((stack1 = lookupProperty(helpers,"each").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,"date") : depth0),{"name":"each","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":3,"column":8},"end":{"line":8,"column":17}}})) != null ? stack1 : "");
+},"2":function(container,depth0,helpers,partials,data) {
+    var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "        <li class=\"countdown__"
+    + alias3(((helper = (helper = lookupProperty(helpers,"key") || (data && lookupProperty(data,"key"))) != null ? helper : alias2),(typeof helper === "function" ? helper.call(alias1,{"name":"key","hash":{},"data":data,"loc":{"start":{"line":4,"column":30},"end":{"line":4,"column":38}}}) : helper)))
+    + "\">\n            <span class=\"countdown__value\">"
+    + alias3(container.lambda(depth0, depth0))
+    + "</span>\n            <span class=\"countdown__description\">"
+    + alias3((lookupProperty(helpers,"language")||(depth0 && lookupProperty(depth0,"language"))||alias2).call(alias1,(data && lookupProperty(data,"key")),{"name":"language","hash":{},"data":data,"loc":{"start":{"line":6,"column":49},"end":{"line":6,"column":68}}}))
+    + "</span>\n        </li>\n";
+},"4":function(container,depth0,helpers,partials,data) {
+    return "        <li class=\"uppercase\">00:00:00</li>\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "<ul>\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,"date") : depth0),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(4, data, 0),"data":data,"loc":{"start":{"line":2,"column":4},"end":{"line":11,"column":11}}})) != null ? stack1 : "")
+    + "</ul>";
+},"useData":true});

package/ts/views/hbs/countdown-v1.0/countdown.hbs

@@ -0,0 +1,4 @@
+var Handlebars = require('/workspace/code/node_modules/handlebars/runtime.js');
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    return "<div class=\"countdown\"></div>";
+},"useData":true});

package/ts/views/hbs/dropdown-v1.0/element.html.hbs

@@ -0,0 +1,70 @@
+var Handlebars = require('/workspace/code/node_modules/handlebars/runtime.js');
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    var stack1;
+
+  return ((stack1 = (helpers.compare||(depth0 && depth0.compare)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),(data && data.key),"==",((stack1 = (data && data.root)) && stack1.selectedIndex),{"name":"compare","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":4,"column":12},"end":{"line":6,"column":24}}})) != null ? stack1 : "");
+},"2":function(container,depth0,helpers,partials,data) {
+    var stack1;
+
+  return "                "
+    + ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.innerText : depth0),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.program(5, data, 0),"data":data,"loc":{"start":{"line":5,"column":16},"end":{"line":5,"column":78}}})) != null ? stack1 : "")
+    + "\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    var helper;
+
+  return " "
+    + container.escapeExpression(((helper = (helper = helpers.innerText || (depth0 != null ? depth0.innerText : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"innerText","hash":{},"data":data,"loc":{"start":{"line":5,"column":34},"end":{"line":5,"column":47}}}) : helper)))
+    + " ";
+},"5":function(container,depth0,helpers,partials,data) {
+    var helper;
+
+  return " "
+    + container.escapeExpression(((helper = (helper = helpers.innerHTML || (depth0 != null ? depth0.innerHTML : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"innerHTML","hash":{},"data":data,"loc":{"start":{"line":5,"column":57},"end":{"line":5,"column":70}}}) : helper)))
+    + " ";
+},"7":function(container,depth0,helpers,partials,data) {
+    return " dropdown__check";
+},"9":function(container,depth0,helpers,partials,data) {
+    var helper;
+
+  return "            <div class=\"dropdown__search\">\n                <div class=\"group mg-none\">\n                    <input type=\"text\"\n                        name=\""
+    + container.escapeExpression(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"name","hash":{},"data":data,"loc":{"start":{"line":14,"column":30},"end":{"line":14,"column":38}}}) : helper)))
+    + "-search\"\n                        placeholder=\"Search\">\n                    <i class=\"icon icon--sm icon--mg-md icon--search\"></i>\n                </div>\n            </div>\n";
+},"11":function(container,depth0,helpers,partials,data) {
+    var stack1;
+
+  return ((stack1 = (helpers.compare||(depth0 && depth0.compare)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.disabled : depth0),"==",false,{"name":"compare","hash":{},"fn":container.program(12, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":23,"column":20},"end":{"line":32,"column":32}}})) != null ? stack1 : "");
+},"12":function(container,depth0,helpers,partials,data) {
+    var stack1;
+
+  return ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.value : depth0),{"name":"if","hash":{},"fn":container.program(13, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":24,"column":24},"end":{"line":31,"column":31}}})) != null ? stack1 : "");
+},"13":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return "                            <li data-value=\""
+    + container.escapeExpression(((helper = (helper = helpers.value || (depth0 != null ? depth0.value : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(alias1,{"name":"value","hash":{},"data":data,"loc":{"start":{"line":25,"column":44},"end":{"line":25,"column":53}}}) : helper)))
+    + "\">\n"
+    + ((stack1 = helpers["if"].call(alias1,((stack1 = (data && data.root)) && stack1.checkList),{"name":"if","hash":{},"fn":container.program(14, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":26,"column":32},"end":{"line":28,"column":39}}})) != null ? stack1 : "")
+    + "                                "
+    + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.innerText : depth0),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.program(5, data, 0),"data":data,"loc":{"start":{"line":29,"column":32},"end":{"line":29,"column":94}}})) != null ? stack1 : "")
+    + "\n                            </li>\n";
+},"14":function(container,depth0,helpers,partials,data) {
+    var stack1;
+
+  return "                                    <i class=\""
+    + ((stack1 = (helpers.compare||(depth0 && depth0.compare)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),(data && data.key),"!=",((stack1 = (data && data.root)) && stack1.selectedIndex),{"name":"compare","hash":{},"fn":container.program(15, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":27,"column":46},"end":{"line":27,"column":110}}})) != null ? stack1 : "")
+    + "icon icon--md icon--check inline v-alignc\"></i>\n";
+},"15":function(container,depth0,helpers,partials,data) {
+    return "invisible ";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return "<div class=\"dropdown__container\">\n    <p class=\"dropdown__button\">\n"
+    + ((stack1 = helpers.each.call(alias1,(depth0 != null ? depth0.options : depth0),{"name":"each","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":3,"column":8},"end":{"line":7,"column":17}}})) != null ? stack1 : "")
+    + "    </p>\n    <div class=\"dropdown__select"
+    + ((stack1 = helpers["if"].call(alias1,((stack1 = (data && data.root)) && stack1.checkList),{"name":"if","hash":{},"fn":container.program(7, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":9,"column":32},"end":{"line":9,"column":78}}})) != null ? stack1 : "")
+    + "\">\n"
+    + ((stack1 = helpers["if"].call(alias1,((stack1 = (depth0 != null ? depth0.dataset : depth0)) != null ? stack1.search : stack1),{"name":"if","hash":{},"fn":container.program(9, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":10,"column":8},"end":{"line":19,"column":15}}})) != null ? stack1 : "")
+    + "        <div class=\"scrollable\">\n            <ul>\n"
+    + ((stack1 = helpers.each.call(alias1,(depth0 != null ? depth0.options : depth0),{"name":"each","hash":{},"fn":container.program(11, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":22,"column":16},"end":{"line":33,"column":25}}})) != null ? stack1 : "")
+    + "            </ul>\n        </div>\n    </div>\n</div>";
+},"useData":true});

package/ts/views/hbs/helpers.js

@@ -0,0 +1,58 @@
+var Handlebars = require('handlebars-template-loader/runtime');
+
+Handlebars.registerHelper('get_length', function (obj) {
+	return obj.length;
+});
+
+Handlebars.registerHelper('compare', function (lvalue, operator, rvalue, options) {
+
+    var operators, result;
+    
+    if (arguments.length < 3) {
+        throw new Error("Handlerbars Helper 'compare' needs 2 parameters");
+    }
+    
+    if (options === undefined) {
+        options = rvalue;
+        rvalue = operator;
+        operator = "===";
+    }
+    
+    operators = {
+        '==': function (l, r) { return l == r; },
+        '===': function (l, r) { return l === r; },
+        '!=': function (l, r) { return l != r; },
+        '!==': function (l, r) { return l !== r; },
+        '<': function (l, r) { return l < r; },
+        '>': function (l, r) { return l > r; },
+        '<=': function (l, r) { return l <= r; },
+        '>=': function (l, r) { return l >= r; },
+        'typeof': function (l, r) { return typeof l == r; }
+    };
+    
+    if (!operators[operator]) {
+        throw new Error("Handlerbars Helper 'compare' doesn't know the operator " + operator);
+    }
+    
+    result = operators[operator](lvalue, rvalue);
+    
+    if (result) {
+        return options.fn(this);
+    } else {
+        return options.inverse(this);
+    }
+
+});
+
+Handlebars.registerHelper("math", function(lvalue, operator, rvalue, options) {
+    lvalue = parseFloat(lvalue);
+    rvalue = parseFloat(rvalue);
+        
+    return {
+        "+": lvalue + rvalue,
+        "-": lvalue - rvalue,
+        "*": lvalue * rvalue,
+        "/": lvalue / rvalue,
+        "%": lvalue % rvalue
+    }[operator];
+});

package/ts/views/hbs/modal-v1.0/element.html.hbs

@@ -0,0 +1,17 @@
+var Handlebars = require('/workspace/code/node_modules/handlebars/runtime.js');
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3="function", lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "<div id=\"modal-"
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"name") || (depth0 != null ? lookupProperty(depth0,"name") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"name","hash":{},"data":data,"loc":{"start":{"line":1,"column":15},"end":{"line":1,"column":23}}}) : helper)))
+    + "\" class=\"modal\">\n    <div class=\"modal__container\">\n        <button class=\"modal__close button button--sm button--icon button--link-dark\">\n            <i class=\"icon--cross\"></i>\n        </button>\n        <div class=\"content\">\n        	"
+    + ((stack1 = ((helper = (helper = lookupProperty(helpers,"html") || (depth0 != null ? lookupProperty(depth0,"html") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"html","hash":{},"data":data,"loc":{"start":{"line":7,"column":9},"end":{"line":7,"column":19}}}) : helper))) != null ? stack1 : "")
+    + "\n        </div>\n    </div>\n\n    "
+    + ((stack1 = ((helper = (helper = lookupProperty(helpers,"containerHtml") || (depth0 != null ? lookupProperty(depth0,"containerHtml") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"containerHtml","hash":{},"data":data,"loc":{"start":{"line":11,"column":4},"end":{"line":11,"column":23}}}) : helper))) != null ? stack1 : "")
+    + "\n</div>";
+},"useData":true});

package/ts/views/hbs/notification-v1.1/element-disable.html.hbs

@@ -0,0 +1,26 @@
+var Handlebars = require('/workspace/code/node_modules/handlebars/runtime.js');
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    var helper, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "    	<label class=\"checkbox checkbox--sm checkbox--left mg-none-i\">\n            <input type=\"checkbox\" name=\"notification-group\">\n            <span class=\"checkbox__indicator\">\n                <i class=\"icon icon--check\"></i>\n            </span>\n            <span class=\"checkbox__link font-xs\">Don't show any \""
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"group") || (depth0 != null ? lookupProperty(depth0,"group") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"group","hash":{},"data":data,"loc":{"start":{"line":8,"column":65},"end":{"line":8,"column":74}}}) : helper)))
+    + "\" notifications again.</span>\n        </label>\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    return "    	<label class=\"checkbox checkbox--sm checkbox--left mg-none-i\">\n            <input type=\"checkbox\" name=\"notification-persistant\">\n            <span class=\"checkbox__indicator\">\n                <i class=\"icon icon--check\"></i>\n            </span>\n            <span class=\"checkbox__link font-xs\">Don't show this notification again.</span>\n        </label>\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "<div class=\"notification__disable\">\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,"group") : depth0),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(3, data, 0),"data":data,"loc":{"start":{"line":2,"column":4},"end":{"line":18,"column":11}}})) != null ? stack1 : "")
+    + "</div>";
+},"useData":true});

package/ts/views/hbs/notification-v1.1/element.html.hbs

@@ -0,0 +1,43 @@
+var Handlebars = require('/workspace/code/node_modules/handlebars/runtime.js');
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    var helper, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return " "
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"class") || (depth0 != null ? lookupProperty(depth0,"class") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"class","hash":{},"data":data,"loc":{"start":{"line":3,"column":34},"end":{"line":3,"column":43}}}) : helper)));
+},"3":function(container,depth0,helpers,partials,data) {
+    return " data-recurrent=\"true\" ";
+},"5":function(container,depth0,helpers,partials,data) {
+    return "	<button class=\"notification__close button button--md button--icon button--link text__gray--oxford\">\n		<i class=\"icon--cross\"></i>\n	</button>\n";
+},"7":function(container,depth0,helpers,partials,data) {
+    return "			" + require("./element-disable.html.hbs").apply(null, Array.prototype.slice.call(arguments, arguments.length > 6)) + "\n";
+},"9":function(container,depth0,helpers,partials,data) {
+    return "<div class=\"notification__triangle\"></div>";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3="function", lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "<div \n	id=\""
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"id") || (depth0 != null ? lookupProperty(depth0,"id") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"id","hash":{},"data":data,"loc":{"start":{"line":2,"column":5},"end":{"line":2,"column":11}}}) : helper)))
+    + "\" \n	class=\"notification"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"class") : depth0),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":3,"column":20},"end":{"line":3,"column":50}}})) != null ? stack1 : "")
+    + "\" \n    "
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"recurrent") : depth0),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":4,"column":4},"end":{"line":4,"column":51}}})) != null ? stack1 : "")
+    + ">\n\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"fixed") : depth0),{"name":"if","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":6,"column":4},"end":{"line":10,"column":11}}})) != null ? stack1 : "")
+    + "\n	<div class=\"notification__content\">\n		"
+    + ((stack1 = ((helper = (helper = lookupProperty(helpers,"html") || (depth0 != null ? lookupProperty(depth0,"html") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"html","hash":{},"data":data,"loc":{"start":{"line":13,"column":2},"end":{"line":13,"column":12}}}) : helper))) != null ? stack1 : "")
+    + "\n\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"recurrent") : depth0),{"name":"if","hash":{},"fn":container.program(7, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":15,"column":2},"end":{"line":17,"column":9}}})) != null ? stack1 : "")
+    + "	</div>\n\n	"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(depth0 != null ? lookupProperty(depth0,"target") : depth0),{"name":"if","hash":{},"fn":container.program(9, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":20,"column":1},"end":{"line":20,"column":64}}})) != null ? stack1 : "")
+    + "\n</div>";
+},"useData":true});

package/ts/views/hbs/notification-v1.1/wrapper.html.hbs

@@ -0,0 +1,4 @@
+var Handlebars = require('/workspace/code/node_modules/handlebars/runtime.js');
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    return "<div id=\"notifications\" class=\"notifications\"></div>";
+},"useData":true});