jails-js 4.2.1 → 5.0.0-beta.2

package/dist/jails.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("jails",[],t):"object"==typeof exports?exports.jails=t():e.jails=t()}(self,(function(){return(()=>{var e={857:function(e){e.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1);Object.keys(r).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return r[e]}})}));var o=n(3);Object.defineProperty(t,"pandora",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},function(e,t,n){(function(e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.log=function(t){return function(n){return e&&"production"!==e.env.NODE_ENV&&(console.groupCollapsed(t+" / INITIAL STATE"),console.log("+ state",n.getState()),console.groupEnd(),n.subscribe((function(e,n){var r=n.action,o=n.payload,i=JSON.parse(JSON.stringify(e));console.groupCollapsed(t+" / ACTION => "+(r||"SET")),console.log("+ payload",o),console.log("+ state",i),console.groupEnd()}))),n}}}).call(t,n(2))},function(e,t){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function o(e){if(u===setTimeout)return setTimeout(e,0);if((u===n||!u)&&setTimeout)return u=setTimeout,setTimeout(e,0);try{return u(e,0)}catch(t){try{return u.call(null,e,0)}catch(t){return u.call(this,e,0)}}}function i(){m&&f&&(m=!1,f.length?p=f.concat(p):v=-1,p.length&&a())}function a(){if(!m){var e=o(i);m=!0;for(var t=p.length;t;){for(f=p,p=[];++v<t;)f&&f[v].run();v=-1,t=p.length}f=null,m=!1,function(e){if(c===clearTimeout)return clearTimeout(e);if((c===r||!c)&&clearTimeout)return c=clearTimeout,clearTimeout(e);try{c(e)}catch(t){try{return c.call(null,e)}catch(t){return c.call(this,e)}}}(e)}}function s(e,t){this.fun=e,this.array=t}function l(){}var u,c,d=e.exports={};!function(){try{u="function"==typeof setTimeout?setTimeout:n}catch(e){u=n}try{c="function"==typeof clearTimeout?clearTimeout:r}catch(e){c=r}}();var f,p=[],m=!1,v=-1;d.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];p.push(new s(e,t)),1!==p.length||m||o(a)},s.prototype.run=function(){this.fun.apply(null,this.array)},d.title="browser",d.browser=!0,d.env={},d.argv=[],d.version="",d.versions={},d.on=l,d.addListener=l,d.once=l,d.off=l,d.removeListener=l,d.removeAllListeners=l,d.emit=l,d.prependListener=l,d.prependOnceListener=l,d.listeners=function(e){return[]},d.binding=function(e){throw new Error("process.binding is not supported")},d.cwd=function(){return"/"},d.chdir=function(e){throw new Error("process.chdir is not supported")},d.umask=function(){return 0}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.model,n=void 0===t?{}:t,r=e.actions,o=void 0===r?{}:r,i=e.middlewares,a=void 0===i?[]:i,s=e.autostart,l=void 0===s||s,u=e.callback,c=[],d=[],f=JSON.parse(JSON.stringify(n)),p="undefined"!=typeof window&&window.document&&window.document.createElement?requestAnimationFrame||setTimeout:function(e){return e()},m=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).autostart,n=void 0!==t&&t;e&&(e.call?(e.ref=e,d.push(e),n&&e(Object.assign({},f),{action:null,payload:null,haschanged:!0})):Object.keys(e).forEach((function(t){var r=e[t],o=function(t,n){n.action in e&&e[n.action](t,n)};o.ref=r,d.push(o),n&&o(Object.assign({},f),{action:t,payload:null,haschanged:!0})})))},v=function(e){d=d.filter((function(t){return t.ref!=e}))},_=function(e,t,n){var r=!1;if(e in o){var i=Object.assign({},f),a=o[e](i,t,h);a&&(f=Object.assign(f,a),r=!0)}if(c.shift(),!c.length){var s={action:e,payload:t,haschanged:r};d.forEach((function(e){return e(f,s)})),n(f,s)}},h={set:function(e){e(f),d.forEach((function(e){return e(f,{haschanged:!0})}))},when:function(e){return new Promise((function(t){m(function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e,(function e(n,r){var o=r.payload;t(Object.assign({},n,o)),v(e)})))}))},getState:function(){return Object.assign({},f)},dispatch:function(e,t){return new Promise((function(n){c.push({action:e,payload:t}),1==c.length&&p((function(){for(;c.length;)_(c[0].action,c[0].payload,n)}))}))},subscribe:m,unsubscribe:v,getActions:function(){return o},setActions:function(e){o=e}};return u&&(m((function(e,t){return t.haschanged?u(e,t):null})),l&&u(f)),a.forEach((function(e){return e(h)})),h}}])},17:function(e){var t;t=function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(1),a=n(2);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var l="undefined"!=typeof document?document:{},u=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"soda-";s(this,e),this._prefix=t}return o(e,[{key:"setDocument",value:function(e){l=e}},{key:"run",value:function(e,t){var n=this,r=l.createElement("div");l.documentMode<9&&(r.style.display="none",l.body.appendChild(r)),r.innerHTML=e,(0,a.nodes2Arr)(r.childNodes).map((function(e){n.compileNode(e,t)}));var o=r.innerHTML;return l.documentMode<9&&l.body.removeChild(r),o}},{key:"prefix",value:function(e){this._prefix=e}},{key:"_getPrefixReg",value:function(){return new RegExp("^"+this._prefix)}},{key:"_getPrefixedDirectiveMap",value:function(){var t=this,n={};return e.sodaDirectives.map((function(e){var r=t._prefix+e.name;n[r]=e})),n}},{key:"_removeSodaMark",value:function(e,t){e.removeAttribute(t)}},{key:"compileNode",value:function(t,n){var o=this,s=this._getPrefixReg(),u=e.sodaDirectives,c=this._getPrefixedDirectiveMap();!function e(t,n){t.nodeType===(t.TEXT_NODE||3)&&(t.nodeValue=t.nodeValue.replace(i.VALUE_OUT_REG,(function(e,t){var i=o.parseSodaExpression(t,n);return"object"===(void 0===i?"undefined":r(i))&&(i=JSON.stringify(i,null,2)),i}))),t.attributes&&t.attributes.length&&(u.map((function(e){var r=e.name,i=e.opt,s=o._prefix+r;if((0,a.exist)(t.getAttribute(s))){var u=t.getAttribute(s);i.link.bind(o)({expression:u,scope:n,el:t,parseSodaExpression:o.parseSodaExpression.bind(o),getValue:o.getValue.bind(o),compileNode:o.compileNode.bind(o),document:l}),o._removeSodaMark(t,s)}})),(0,a.nodes2Arr)(t.attributes).filter((function(e){return!c[e.name]})).map((function(e){if(s.test(e.name)){var r=e.name.replace(s,"");if(r&&(0,a.exist)(e.value)){var i=o.parseComplexExpression(e.value,n);!1!==i&&(0,a.exist)(i)&&t.setAttribute(r,i),o._removeSodaMark(t,e.name)}}else(0,a.exist)(e.value)&&(e.value=o.parseComplexExpression(e.value,n))}))),(0,a.nodes2Arr)(t.childNodes).map((function(t){e(t,n)}))}(t,n)}},{key:"getEvalFunc",value:function(t){return new Function("getValue","sodaFilterMap","return function sodaExp(scope){ return "+t+"}")(this.getValue,e.sodaFilterMap)}},{key:"getValue",value:function(e,t){return i.CONST_REGG.lastIndex=0,t.replace(i.CONST_REGG,(function(t){return void 0===e[t]?t:e[t]})),"true"===t||"false"!==t&&function t(n,r){var o=r.indexOf(".");if(o>-1){var a=r.substr(0,o);return r=r.substr(o+1),void 0!==e[a]&&i.CONST_REG.test(a)&&(a=e[a]),void 0!==n[a]&&null!==n[a]?t(n[a],r):""}return r=r.trim(),void 0!==e[r]&&i.CONST_REG.test(r)&&(r=e[r]),void 0!==n[r]?n[r]:""}(e,t)}},{key:"parseComplexExpression",value:function(e,t){var n=this,r=i.ONLY_VALUE_OUT_REG.exec(e);if(r){var o=r[1];return this.parseSodaExpression(o,t)}return e.replace(i.VALUE_OUT_REG,(function(e,r){return n.parseSodaExpression(r,t)}))}},{key:"parseSodaExpression",value:function(e,t){var n=this;e=(e=e.replace(i.STRING_REG,(function(e,n,r){var o=(0,a.getRandom)();return t[o]=n||r,o}))).replace(i.OR_REG,i.OR_REPLACE).split("|");for(var r=0;r<e.length;r++)e[r]=(e[r].replace(new RegExp(i.OR_REPLACE,"g"),"||")||"").trim();for(var o=e[0]||"",s=e.slice(1);i.ATTR_REG_NG.test(o);)i.ATTR_REG.lastIndex=0,o=o.replace(i.ATTR_REG,(function(e,r){var o=(0,a.getAttrVarKey)(),i=n.parseSodaExpression(r,t);return t[o]=i,"."+o}));return o=o.replace(i.OBJECT_REG,(function(e){return"getValue(scope,'"+e.trim()+"')"})),o=this.parseFilter(s,o),this.getEvalFunc(o)(t)}},{key:"parseFilter",value:function(t,n){var r=e.sodaFilterMap;return function e(){if(o=t.shift()){for(var o,a=(o=o.split(":")).slice(1)||[],s=(o[0]||"").trim(),l=0;l<a.length;l++)i.OBJECT_REG_NG.test(a[l])&&(a[l]="getValue(scope,'"+a[l]+"')");r[s]&&(a.unshift(n),a=a.join(","),n="sodaFilterMap['"+s+"']("+a+")"),e()}}(),n}}],[{key:"filter",value:function(e,t){this.sodaFilterMap[e]=t}},{key:"getFilter",value:function(e){return this.sodaFilterMap[e]}},{key:"directive",value:function(e,t){var n=t.priority,r=void 0===n?0:n,o=void 0;for(o=0;o<this.sodaDirectives.length;o++){var i=this.sodaDirectives[o].opt.priority,a=void 0===i?0:i;if(r<a);else if(r>=a)break}this.sodaDirectives.splice(o,0,{name:e,opt:t})}},{key:"discribe",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{compile:!0};this.template[e]={funcOrStr:t,option:n}}},{key:"getTmpl",value:function(e,t){var n=this.template[e],r=n.funcOrStr,o=n.option,i=void 0===o?{}:o;return{template:"function"==typeof r?r.apply(null,t):r,option:i}}}]),e}();u.sodaDirectives=[],u.sodaFilterMap={},u.template={},t.default=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.IDENTOR_REG=/[a-zA-Z_\$]+[\w\$]*/g,t.STRING_REG=/"([^"]*)"|'([^']*)'/g,t.NUMBER_REG=/\d+|\d*\.\d+/g,t.OBJECT_REG=/[a-zA-Z_\$]+[\w\$]*(?:\s*\.\s*(?:[a-zA-Z_\$]+[\w\$]*|\d+))*/g,t.OBJECT_REG_NG=/[a-zA-Z_\$]+[\w\$]*(?:\s*\.\s*(?:[a-zA-Z_\$]+[\w\$]*|\d+))*/,t.ATTR_REG=/\[([^\[\]]*)\]/g,t.ATTR_REG_NG=/\[([^\[\]]*)\]/,t.ATTR_REG_DOT=/\.([a-zA-Z_\$]+[\w\$]*)/g,t.NOT_ATTR_REG=/[^\.|]([a-zA-Z_\$]+[\w\$]*)/g,t.OR_REG=/\|\|/g,t.OR_REPLACE="OR_OPERATOR",t.CONST_PRIFIX="_$C$_",t.CONST_REG=/^_\$C\$_/,t.CONST_REGG=/_\$C\$_[^\.]+/g,t.VALUE_OUT_REG=/\{\{([^\}]*)\}\}/g,t.ONLY_VALUE_OUT_REG=/^\{\{([^\}]*)\}\}$/},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.assign=t.nodes2Arr=t.exist=t.getRandom=t.getAttrVarKey=void 0;var r=n(1),o=(t.getAttrVarKey=function(){return r.CONST_PRIFIX+~~(1e6*Math.random())},t.getRandom=function(){return"$$"+~~(1e6*Math.random())},t.exist=function(e){return null!=e&&""!==e&&void 0!==e},t.nodes2Arr=function(e){for(var t=[],n=0;n<e.length;n++)t.push(e[n]);return t},Object.getOwnPropertySymbols),i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)};t.assign=Object.assign||function(e,t){for(var n,r,l=s(e),u=1;u<arguments.length;u++){for(var c in n=Object(arguments[u]))i.call(n,c)&&(l[c]=n[c]);if(o){r=o(n);for(var d=0;d<r.length;d++)a.call(n,r[d])&&(l[r[d]]=n[r[d]])}}return l}},function(e,t,n){"use strict";var r,o=(r=n(0))&&r.__esModule?r:{default:r},i=n(2);n(4),n(5),n(6),n(7),n(8),n(9),n(10);var a=new o.default,s={prefix:function(e){a.prefix(e)},filter:function(e,t){o.default.filter(e,t)},directive:function(e,t){o.default.directive(e,t)},setDocument:function(e){a.setDocument(e)},discribe:function(e,t,n){o.default.discribe(e,t,n)},Soda:o.default},l=(0,i.assign)((function(e,t){return a.run(e,t)}),s);e.exports=l},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("repeat",{priority:10,link:function(e){var t,n,r,o=this,i=e.scope,a=e.el,s=e.expression,l=e.getValue,u=(e.parseSodaExpression,e.compileNode),c=s.replace(/\s+by\s+([^\s]+)$/,(function(e,t){return t&&(r=(t||"").trim()),""})),d=/([^\s]+)\s+in\s+([^\s]+)|\(([^,]+)\s*,\s*([^)]+)\)\s+in\s+([^\s]+)/.exec(c);if(d){if(d[1]&&d[2]){if(t=(d[1]||"").trim(),n=(d[2]||"").trim(),!t||!n)return}else d[3]&&d[4]&&d[5]&&(r=(d[3]||"").trim(),t=(d[4]||"").trim(),n=(d[5]||"").trim());r=r||"$index";var f=l(i,n)||[],p=function(e){var n=a.cloneNode(!0),s=Object.create(i);s[r]=e,s[t]=f[e],n.removeAttribute(o._prefix+"repeat"),a.parentNode.insertBefore(n,a),u(n,s)};if("length"in f)for(var m=0;m<f.length;m++)p(m);else for(var m in f)f.hasOwnProperty(m)&&p(m);a.parentNode.removeChild(a),a.childNodes&&a.childNodes.length&&(a.innerHTML="")}}})},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("if",{priority:9,link:function(e){var t=e.expression,n=e.parseSodaExpression,r=e.scope,o=e.el;n(t,r)||(o.parentNode&&o.parentNode.removeChild(o),o.innerHTML="")}})},function(e,t,n){"use strict";var r,o=(r=n(0))&&r.__esModule?r:{default:r};o.default.directive("class",{link:function(e){var t=e.scope,n=e.el,r=e.expression,o=(0,e.parseSodaExpression)(r,t);o&&function(e,t){e.className?e.className.match(function(e){return new RegExp("(^|\\s+)"+e+"(\\s+|$)","g")}(t))||(e.className+=" "+t):e.className=t}(n,o)}})},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("html",{link:function(e){var t=e.expression,n=e.scope,r=e.el,o=(0,e.parseSodaExpression)(t,n);o&&(r.innerHTML=o)}})},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("replace",{link:function(e){var t=e.scope,n=e.el,r=e.expression,o=e.parseSodaExpression,i=e.document,a=o(r,t);if(a){var s=i.createElement("div");if(s.innerHTML=a,n.parentNode)for(;s.childNodes[0];)n.parentNode.insertBefore(s.childNodes[0],n)}n.parentNode&&n.parentNode.removeChild(n)}})},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("style",{link:function(e){var t=e.scope,n=e.el,r=e.expression,o=(0,e.parseSodaExpression)(r,t),i=function(e,t){return/opacity|z-index/.test(e)?parseFloat(t):isNaN(t)?t:t+"px"};if(o){var a=[];for(var s in o)if(o.hasOwnProperty(s)){var l=i(s,o[s]);a.push([s,l].join(":"))}var u=n.style;for(s=0;s<u.length;s++){var c=u[s];o[c]||a.push([c,u[c]].join(":"))}var d=a.join(";");n.setAttribute("style",d)}}})},function(e,t,n){"use strict";var r,o=(r=n(0))&&r.__esModule?r:{default:r};o.default.directive("include",{priority:8,link:function(e){var t=e.scope,n=e.el,r=e.parseSodaExpression,i=e.expression.replace(/\{\{([^\}]*)\}\}/g,(function(e,n){return r(n,t)})),a=(i=i.split(":"))[0],s=i.slice(1),l=o.default.getTmpl(a,s),u=l.template,c=l.option;u&&((void 0===c?{}:c).compile?n.outerHTML=this.run(u,t):n.outerHTML=u)}})}])},e.exports=t()},968:(e,t,n)=>{"use strict";var r;n.r(t),n.d(t,{default:()=>q});var o="undefined"==typeof document?void 0:document,i=!!o&&"content"in o.createElement("template"),a=!!o&&o.createRange&&"createContextualFragment"in o.createRange();function s(e,t){var n,r,o=e.nodeName,i=t.nodeName;return o===i||(n=o.charCodeAt(0),r=i.charCodeAt(0),n<=90&&r>=97?o===i.toUpperCase():r<=90&&n>=97&&i===o.toUpperCase())}function l(e,t,n){e[n]!==t[n]&&(e[n]=t[n],e[n]?e.setAttribute(n,""):e.removeAttribute(n))}var u={OPTION:function(e,t){var n=e.parentNode;if(n){var r=n.nodeName.toUpperCase();"OPTGROUP"===r&&(r=(n=n.parentNode)&&n.nodeName.toUpperCase()),"SELECT"!==r||n.hasAttribute("multiple")||(e.hasAttribute("selected")&&!t.selected&&(e.setAttribute("selected","selected"),e.removeAttribute("selected")),n.selectedIndex=-1)}l(e,t,"selected")},INPUT:function(e,t){l(e,t,"checked"),l(e,t,"disabled"),e.value!==t.value&&(e.value=t.value),t.hasAttribute("value")||e.removeAttribute("value")},TEXTAREA:function(e,t){var n=t.value;e.value!==n&&(e.value=n);var r=e.firstChild;if(r){var o=r.nodeValue;if(o==n||!n&&o==e.placeholder)return;r.nodeValue=n}},SELECT:function(e,t){if(!t.hasAttribute("multiple")){for(var n,r,o=-1,i=0,a=e.firstChild;a;)if("OPTGROUP"===(r=a.nodeName&&a.nodeName.toUpperCase()))a=(n=a).firstChild;else{if("OPTION"===r){if(a.hasAttribute("selected")){o=i;break}i++}!(a=a.nextSibling)&&n&&(a=n.nextSibling,n=null)}e.selectedIndex=o}}};function c(){}function d(e){if(e)return e.getAttribute&&e.getAttribute("id")||e.id}const f=function(e,t,n){if(n||(n={}),"string"==typeof t)if("#document"===e.nodeName||"HTML"===e.nodeName||"BODY"===e.nodeName){var l=t;(t=o.createElement("html")).innerHTML=l}else f=(f=t).trim(),t=i?function(e){var t=o.createElement("template");return t.innerHTML=e,t.content.childNodes[0]}(f):a?function(e){return r||(r=o.createRange()).selectNode(o.body),r.createContextualFragment(e).childNodes[0]}(f):function(e){var t=o.createElement("body");return t.innerHTML=e,t.childNodes[0]}(f);var f,p=n.getNodeKey||d,m=n.onBeforeNodeAdded||c,v=n.onNodeAdded||c,_=n.onBeforeElUpdated||c,h=n.onElUpdated||c,g=n.onBeforeNodeDiscarded||c,y=n.onNodeDiscarded||c,b=n.onBeforeElChildrenUpdated||c,E=!0===n.childrenOnly,x=Object.create(null),T=[];function N(e){T.push(e)}function A(e,t){if(1===e.nodeType)for(var n=e.firstChild;n;){var r=void 0;t&&(r=p(n))?N(r):(y(n),n.firstChild&&A(n,t)),n=n.nextSibling}}function O(e,t,n){!1!==g(e)&&(t&&t.removeChild(e),y(e),A(e,n))}function S(e){v(e);for(var t=e.firstChild;t;){var n=t.nextSibling,r=p(t);if(r){var o=x[r];o&&s(t,o)?(t.parentNode.replaceChild(o,t),w(o,t)):S(t)}else S(t);t=n}}function w(e,t,n){var r=p(t);if(r&&delete x[r],!n){if(!1===_(e,t))return;if(function(e,t){var n,r,o,i,a=t.attributes;if(11!==t.nodeType&&11!==e.nodeType){for(var s=a.length-1;s>=0;s--)r=(n=a[s]).name,o=n.namespaceURI,i=n.value,o?(r=n.localName||r,e.getAttributeNS(o,r)!==i&&("xmlns"===n.prefix&&(r=n.name),e.setAttributeNS(o,r,i))):e.getAttribute(r)!==i&&e.setAttribute(r,i);for(var l=e.attributes,u=l.length-1;u>=0;u--)r=(n=l[u]).name,(o=n.namespaceURI)?(r=n.localName||r,t.hasAttributeNS(o,r)||e.removeAttributeNS(o,r)):t.hasAttribute(r)||e.removeAttribute(r)}}(e,t),h(e),!1===b(e,t))return}"TEXTAREA"!==e.nodeName?function(e,t){var n,r,i,a,l,c=t.firstChild,d=e.firstChild;e:for(;c;){for(a=c.nextSibling,n=p(c);d;){if(i=d.nextSibling,c.isSameNode&&c.isSameNode(d)){c=a,d=i;continue e}r=p(d);var f=d.nodeType,v=void 0;if(f===c.nodeType&&(1===f?(n?n!==r&&((l=x[n])?i===l?v=!1:(e.insertBefore(l,d),r?N(r):O(d,e,!0),d=l):v=!1):r&&(v=!1),(v=!1!==v&&s(d,c))&&w(d,c)):3!==f&&8!=f||(v=!0,d.nodeValue!==c.nodeValue&&(d.nodeValue=c.nodeValue))),v){c=a,d=i;continue e}r?N(r):O(d,e,!0),d=i}if(n&&(l=x[n])&&s(l,c))e.appendChild(l),w(l,c);else{var _=m(c);!1!==_&&(_&&(c=_),c.actualize&&(c=c.actualize(e.ownerDocument||o)),e.appendChild(c),S(c))}c=a,d=i}!function(e,t,n){for(;t;){var r=t.nextSibling;(n=p(t))?N(n):O(t,e,!0),t=r}}(e,d,r);var h=u[e.nodeName];h&&h(e,t)}(e,t):u.TEXTAREA(e,t)}!function e(t){if(1===t.nodeType||11===t.nodeType)for(var n=t.firstChild;n;){var r=p(n);r&&(x[r]=n),e(n),n=n.nextSibling}}(e);var R,C,M=e,j=M.nodeType,L=t.nodeType;if(!E)if(1===j)1===L?s(e,t)||(y(e),M=function(e,t){for(var n=e.firstChild;n;){var r=n.nextSibling;t.appendChild(n),n=r}return t}(e,(R=t.nodeName,(C=t.namespaceURI)&&"http://www.w3.org/1999/xhtml"!==C?o.createElementNS(C,R):o.createElement(R)))):M=t;else if(3===j||8===j){if(L===j)return M.nodeValue!==t.nodeValue&&(M.nodeValue=t.nodeValue),M;M=t}if(M===t)y(e);else{if(t.isSameNode&&t.isSameNode(M))return;if(w(M,t,E),T)for(var $=0,k=T.length;$<k;$++){var P=x[T[$]];P&&O(P,P.parentNode,!1)}}return!E&&M!==e&&e.parentNode&&(M.actualize&&(M=M.actualize(e.ownerDocument||o)),e.parentNode.replaceChild(M,e)),M};var p=n(17),m=n.n(p);const v=e=>{(requestAnimationFrame||setTimeout)(e,1e3/60)},_=e=>{v((()=>v(e)))},h=e=>t=>{t.split(/\s/).map((t=>e.classList.add(t)))},g=e=>t=>{t.split(/\s/).map((t=>e.classList.remove(t)))},y=e=>{for(let t in e)if(t in document.body.style)return e[t]},b=y({animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"}),E=y({transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"}),x=()=>"xxxxxxxx".replace(/[xy]/g,(e=>{const t=8*Math.random()|0;return("x"==e?t:3&t|8).toString(8)})),T=(e,t)=>{const n=x();return t.setAttribute("data-reactor-id",n),e[n]=t.outerHTML.replace(/<(x-)?template*.>|<\/(x-)?template>/g,""),e},N=(e,t)=>{const n=`${t}-enter`,r=`${t}-enter-active`;h(e)(`${n} ${r}`)},A=(e,t)=>{const n=`${t}-enter`,r=`${t}-enter-active`,o=`${t}-enter-to`,i=g(e),a=h(e),s=()=>{i(`${n} ${r} ${o}`),e.removeEventListener(E,s),e.removeEventListener(b,s)};e.addEventListener(E,s),e.addEventListener(b,s),_((()=>{a(o),i(n)}))},O=(e,t)=>{const n=`${t}-leave`,r=`${t}-leave-active`,o=`${t}-leave-to`,i=g(e),a=h(e);let s=window.getComputedStyle(e).transitionProperty.split(",").length;const l=t=>{"transitionend"==t.type?t.target==e&&(s-=1,s<=1&&(i(`${r} ${o}`),e.removeEventListener(E,l),e.parentNode&&e.parentNode.removeChild(e))):(i(`${r} ${o}`),e.removeEventListener(b,l),e.parentNode&&e.parentNode.removeChild(e))};e.addEventListener(E,l),e.addEventListener(b,l),a(`${n} ${r}`),_((()=>{i(n),a(o)}))},S=(e,t)=>{const n=1==e.nodeType?Array.prototype.slice.call(e.querySelectorAll("[data-animation]")):[],r=e.dataset&&e.dataset.animation?[e].concat(n):n;return r.forEach((e=>t(e,e.dataset.animation))),r.length>0},w=({sodajs:e,models:t})=>{e.directive("repeat",{priority:10,link({scope:e,el:n,expression:r,getValue:o,compileNode:i}){let a,s,l;const u=r.replace(/\s+by\s+([^\s]+)$/,((e,t)=>(t&&(l=(t||"").trim()),""))),c=/([^\s]+)\s+in\s+([^\s]+)|\(([^,]+)\s*,\s*([^)]+)\)\s+in\s+([^\s]+)/.exec(u);if(!c)return;if(c[1]&&c[2]){if(a=(c[1]||"").trim(),s=(c[2]||"").trim(),!a||!s)return}else c[3]&&c[4]&&c[5]&&(l=(c[3]||"").trim(),a=(c[4]||"").trim(),s=(c[5]||"").trim());l=l||"$index";const d=o(e,s)||[],f=r=>{const o=n.cloneNode(!0),s=Object.create(e);s[l]=r,s[a]=d[r],function(e){const t=e.getAttribute("data-component")?[e]:[],n=Array.prototype.slice.call(e.querySelectorAll("[data-component]"));return t.concat(n)}(o).forEach((e=>{const n=x();e.setAttribute("data-model-id",n),t[n]=s})),o.removeAttribute(`${this._prefix}repeat`),n.parentNode.insertBefore(o,n),i(o,s)};if("length"in d)for(var p=0;p<d.length;p++)f(p);else for(var p in d)d.hasOwnProperty(p)&&f(p);n.parentNode.removeChild(n),n.childNodes&&n.childNodes.length&&(n.innerHTML="")}})},R="[data-component]";const C=e=>{const t=new MutationObserver((t=>t.forEach(M(e))));return t.observe(document.body,{childList:!0,subtree:!0}),t},M=e=>t=>{"childList"===t.type&&(t.addedNodes.length?e.onAdd(j()):t.removedNodes.length&&e.onRemove(t.removedNodes))},j=()=>Array.from(document.querySelectorAll(R)).reverse(),L=(e,t,n)=>({getNodeKey:e=>1===e.nodeType&&(e.dataset.key||e.dataset.reactorId),onBeforeElUpdated:r=>$(e,t,n,r),onBeforeElChildrenUpdated:(r,o)=>$(e,t,n,r),onNodeAdded(e){S(e,A)},onBeforeNodeAdded(e){S(e,N)},onBeforeNodeDiscarded:e=>!S(e,O)}),$=(e,t,n,r)=>{if(1===r.nodeType){if("static"in r.dataset)return!1;if(r!==e&&r.dataset.component&&r.__update__){const e=Object.assign(n,t);return r.__update__(e),Array.from(r.querySelectorAll(R)).forEach((t=>{t.dataset.component&&t.__update__&&t.__update__(e)})),!1}}};var k=n(857);const P="CustomEvent"in window&&"function"==typeof window.CustomEvent?(e,t)=>new CustomEvent(e,t):(e,t)=>{const n=document.createEvent("CustomEvent");return n.initCustomEvent(e,!0,!0,t),n},G=(e,t)=>function(n){const r=this,o=n.detail||{};e.__events[t].forEach((e=>{e.handler.apply(r,[n].concat(o.args))}))},V=(e,t)=>{e.__events[t]&&e.__events[t].listener&&(e.removeEventListener(t,e.__events[t].listener,"focus"==t||"blur"==t||"mouseenter"==t||"mouseleave"==t),delete e.__events[t])},U=(e,t,n)=>function(r){const o=this,i=r.detail||{};let a=r.target;for(;a&&(a.matches(t)&&(r.delegateTarget=a,n.apply(o,[r].concat(i.args))),a!==e);)a=a.parentNode},I=(e,t,n)=>{e.dispatchEvent(P(t,{bubbles:!0,detail:n}))},D={},F={},B=(e,t)=>{F[e]=Object.assign({},F[e],t),D[e]&&D[e].forEach((e=>e(t)))},H=e=>{D[e.name]=(D[e.name]||[]).filter((t=>t!=e.method)),D[e.name].length||(delete D[e.name],delete F[e.name])};const z=({element:e,name:t,module:n,view:r})=>{const o=n.view?n.view:e=>e,i=r.models[e.dataset.modelId],a=Object.assign({},n.model,i),s=t.charAt(0).toUpperCase()+t.substring(1),l="development"===r.mode?[(0,k.log)(`Component ${s}`)]:[],u=n.actions||{},c=(0,k.pandora)({model:a,actions:u,middlewares:l,autostart:!1,callback(t){r.update(e,o(t))}});return n.model&&Object.keys(n.model).length&&r.update(e,o(a)),c},J={},q={register(e,t,n){J[e]={name:e,module:t,dependencies:n}},start(){const e=Z();e.mode="production",e.observe()},devStart(){console.time("jails");const e=Z();e.mode="development",e.observe(),console.timeEnd("jails")}},Z=()=>{const e=function(e){const t=document.body,{templates:n,html:r}=((e,t="div")=>{const n=document.createElement(t);return n.innerHTML=e.replace(/<template*.>/g,"<x-template>").replace(/<\/template>/g,"</x-template>"),{templates:Array.from(n.querySelectorAll("[data-component]:not([data-reactor-id])")).reverse().reduce(T,{}),html:n.innerHTML.replace(/<x-template*.>/g,"<template>").replace(/<\/x-template>/g,"</template>")}})(t.innerHTML,"html"),o={},i={};return m().prefix("v-"),w({sodajs:m(),models:o}),{mode:"production",templates:n,models:o,SST:i,update(e,t){if(e){const o=e.dataset.reactorId,a=n[o],s=Object.assign({},e.__model__,(r=t,JSON.parse(JSON.stringify(r)))),l=m()(a,s);f(e,l,L(e,t,i)),e.__model__&&Object.assign(e.__model__,s)}var r},observe(){const n=C(e);return t.innerHTML=m()(r,{}),n},setNewElement(e){T(n,e)}}}({onAdd(t){t.filter((e=>!Boolean(e.__instances__))).forEach((t=>(({element:e,view:t,modules:n})=>{e.__instances__={},e.__model__={};const r=e.dataset.component.split(/\s/);e.dataset.reactorId||t.setNewElement(e),r.forEach((r=>{if(r in n&&!e.__instances__[r]){const o=n[r];_((n=>{const i=function({name:e,element:t,view:n,component:r}){const o=r.module,i=z({name:e,element:t,module:o,view:n}),a=[],s=[];let l,u=new Promise((e=>l=e)),c=()=>null;const d={name:e,injection:r.dependencies,elm:t,msg:i,publish:B,unsubscribe:H,__initialize(e){l(e),e.destroy((e=>{a.forEach((e=>H(e))),s.forEach((e=>t.removeEventListener(":destroy",e)))}))},main(e){u.then((()=>e().forEach((e=>e(d)))))},render(e){n.update(t,e)},expose(n){t.__instances__[e].methods=n},update(e){if(e.apply){const n=((e,t)=>{let n=e.parentNode;for(;n&&n!==document;n=n.parentNode)if(n.matches("[data-component]"))return n;return null})(t);c=e,c(n.__model__)}else c(e)},destroy(e){s.push(e),t.addEventListener(":destroy",e)},on(e,n,r){((e,t,n,r)=>{if(e.__events=e.__events||{},e.__events[t]=e.__events[t]||[],!e.__events[t].length){const n=G(e,t);e.addEventListener(t,n,"focus"==t||"blur"==t||"mouseenter"==t||"mouseleave"==t),e.__events[t].listener=n}n.call?e.__events[t].push({handler:n,callback:n}):e.__events[t].push({handler:U(e,n,r),callback:r})})(t,e,n,r)},off(e,n){((e,t,n)=>{if(n&&e.__events[t]&&e.__events[t].length){var r=e.__events[t];e.__events[t]=e.__events[t].filter((function(e){return e.callback!=n})),e.__events[t].listener=r.listener,e.__events[t].length||V(e,t)}else V(e,t)})(t,e,n)},trigger(e,n,r){n.constructor===String?I(t.querySelector(n),e,{args:r}):I(t,e,{args:n})},emit(e,n){const r=Array.prototype.slice.call(arguments);I(t,r.shift(),{args:r})},get:(e,n)=>function(){const r=Array.prototype.slice.call(arguments),o=r.shift(),i=`[data-component*=${e}]`;if(n=n?i+n:i,Array.from(t.querySelectorAll(n)).forEach((t=>{const n=t.__instances__[e];n&&o in n.methods&&n.methods[o].apply(null,r)})),t.matches(n)){const n=t.__instances__[e];n&&o in n.methods&&n.methods[o].apply(null,r)}},subscribe(e,t){a.push({name:e,method:t}),((e,t)=>{D[e]=D[e]||[],D[e].push(t),e in F&&t(F[e])})(e,t)}};return d}({name:r,element:e,view:t,component:o});e.__instances__[r]={base:i,methods:{}},e.__update__=t=>{for(let n in e.__instances__)e.__instances__[n].base.update(t)},o.module.default(i),i.__initialize(i),delete i.__initialize}))}}))})({element:t,view:e,modules:J})))},onRemove(e){e.forEach((e=>{1===e.nodeType&&Array.from(e.querySelectorAll("[data-component]")).concat(e.dataset.component?e:[]).filter((e=>!document.body.contains(e))).forEach((e=>(({element:e})=>{I(e,":destroy");for(let t in e.__events)e.removeEventListener(t,e.__events[t].listener);delete e.__events,delete e.__instances__,delete e.__model__})({element:e})))}))}});return e}}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(968)})()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("jails",[],t):"object"==typeof exports?exports.jails=t():e.jails=t()}(self,(function(){return(()=>{var e={17:function(e){var t;t=function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(1),a=n(2);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var l="undefined"!=typeof document?document:{},u=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"soda-";s(this,e),this._prefix=t}return i(e,[{key:"setDocument",value:function(e){l=e}},{key:"run",value:function(e,t){var n=this,r=l.createElement("div");l.documentMode<9&&(r.style.display="none",l.body.appendChild(r)),r.innerHTML=e,(0,a.nodes2Arr)(r.childNodes).map((function(e){n.compileNode(e,t)}));var i=r.innerHTML;return l.documentMode<9&&l.body.removeChild(r),i}},{key:"prefix",value:function(e){this._prefix=e}},{key:"_getPrefixReg",value:function(){return new RegExp("^"+this._prefix)}},{key:"_getPrefixedDirectiveMap",value:function(){var t=this,n={};return e.sodaDirectives.map((function(e){var r=t._prefix+e.name;n[r]=e})),n}},{key:"_removeSodaMark",value:function(e,t){e.removeAttribute(t)}},{key:"compileNode",value:function(t,n){var i=this,s=this._getPrefixReg(),u=e.sodaDirectives,c=this._getPrefixedDirectiveMap();!function e(t,n){t.nodeType===(t.TEXT_NODE||3)&&(t.nodeValue=t.nodeValue.replace(o.VALUE_OUT_REG,(function(e,t){var o=i.parseSodaExpression(t,n);return"object"===(void 0===o?"undefined":r(o))&&(o=JSON.stringify(o,null,2)),o}))),t.attributes&&t.attributes.length&&(u.map((function(e){var r=e.name,o=e.opt,s=i._prefix+r;if((0,a.exist)(t.getAttribute(s))){var u=t.getAttribute(s);o.link.bind(i)({expression:u,scope:n,el:t,parseSodaExpression:i.parseSodaExpression.bind(i),getValue:i.getValue.bind(i),compileNode:i.compileNode.bind(i),document:l}),i._removeSodaMark(t,s)}})),(0,a.nodes2Arr)(t.attributes).filter((function(e){return!c[e.name]})).map((function(e){if(s.test(e.name)){var r=e.name.replace(s,"");if(r&&(0,a.exist)(e.value)){var o=i.parseComplexExpression(e.value,n);!1!==o&&(0,a.exist)(o)&&t.setAttribute(r,o),i._removeSodaMark(t,e.name)}}else(0,a.exist)(e.value)&&(e.value=i.parseComplexExpression(e.value,n))}))),(0,a.nodes2Arr)(t.childNodes).map((function(t){e(t,n)}))}(t,n)}},{key:"getEvalFunc",value:function(t){return new Function("getValue","sodaFilterMap","return function sodaExp(scope){ return "+t+"}")(this.getValue,e.sodaFilterMap)}},{key:"getValue",value:function(e,t){return o.CONST_REGG.lastIndex=0,t.replace(o.CONST_REGG,(function(t){return void 0===e[t]?t:e[t]})),"true"===t||"false"!==t&&function t(n,r){var i=r.indexOf(".");if(i>-1){var a=r.substr(0,i);return r=r.substr(i+1),void 0!==e[a]&&o.CONST_REG.test(a)&&(a=e[a]),void 0!==n[a]&&null!==n[a]?t(n[a],r):""}return r=r.trim(),void 0!==e[r]&&o.CONST_REG.test(r)&&(r=e[r]),void 0!==n[r]?n[r]:""}(e,t)}},{key:"parseComplexExpression",value:function(e,t){var n=this,r=o.ONLY_VALUE_OUT_REG.exec(e);if(r){var i=r[1];return this.parseSodaExpression(i,t)}return e.replace(o.VALUE_OUT_REG,(function(e,r){return n.parseSodaExpression(r,t)}))}},{key:"parseSodaExpression",value:function(e,t){var n=this;e=(e=e.replace(o.STRING_REG,(function(e,n,r){var i=(0,a.getRandom)();return t[i]=n||r,i}))).replace(o.OR_REG,o.OR_REPLACE).split("|");for(var r=0;r<e.length;r++)e[r]=(e[r].replace(new RegExp(o.OR_REPLACE,"g"),"||")||"").trim();for(var i=e[0]||"",s=e.slice(1);o.ATTR_REG_NG.test(i);)o.ATTR_REG.lastIndex=0,i=i.replace(o.ATTR_REG,(function(e,r){var i=(0,a.getAttrVarKey)(),o=n.parseSodaExpression(r,t);return t[i]=o,"."+i}));return i=i.replace(o.OBJECT_REG,(function(e){return"getValue(scope,'"+e.trim()+"')"})),i=this.parseFilter(s,i),this.getEvalFunc(i)(t)}},{key:"parseFilter",value:function(t,n){var r=e.sodaFilterMap;return function e(){if(i=t.shift()){for(var i,a=(i=i.split(":")).slice(1)||[],s=(i[0]||"").trim(),l=0;l<a.length;l++)o.OBJECT_REG_NG.test(a[l])&&(a[l]="getValue(scope,'"+a[l]+"')");r[s]&&(a.unshift(n),a=a.join(","),n="sodaFilterMap['"+s+"']("+a+")"),e()}}(),n}}],[{key:"filter",value:function(e,t){this.sodaFilterMap[e]=t}},{key:"getFilter",value:function(e){return this.sodaFilterMap[e]}},{key:"directive",value:function(e,t){var n=t.priority,r=void 0===n?0:n,i=void 0;for(i=0;i<this.sodaDirectives.length;i++){var o=this.sodaDirectives[i].opt.priority,a=void 0===o?0:o;if(r<a);else if(r>=a)break}this.sodaDirectives.splice(i,0,{name:e,opt:t})}},{key:"discribe",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{compile:!0};this.template[e]={funcOrStr:t,option:n}}},{key:"getTmpl",value:function(e,t){var n=this.template[e],r=n.funcOrStr,i=n.option,o=void 0===i?{}:i;return{template:"function"==typeof r?r.apply(null,t):r,option:o}}}]),e}();u.sodaDirectives=[],u.sodaFilterMap={},u.template={},t.default=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.IDENTOR_REG=/[a-zA-Z_\$]+[\w\$]*/g,t.STRING_REG=/"([^"]*)"|'([^']*)'/g,t.NUMBER_REG=/\d+|\d*\.\d+/g,t.OBJECT_REG=/[a-zA-Z_\$]+[\w\$]*(?:\s*\.\s*(?:[a-zA-Z_\$]+[\w\$]*|\d+))*/g,t.OBJECT_REG_NG=/[a-zA-Z_\$]+[\w\$]*(?:\s*\.\s*(?:[a-zA-Z_\$]+[\w\$]*|\d+))*/,t.ATTR_REG=/\[([^\[\]]*)\]/g,t.ATTR_REG_NG=/\[([^\[\]]*)\]/,t.ATTR_REG_DOT=/\.([a-zA-Z_\$]+[\w\$]*)/g,t.NOT_ATTR_REG=/[^\.|]([a-zA-Z_\$]+[\w\$]*)/g,t.OR_REG=/\|\|/g,t.OR_REPLACE="OR_OPERATOR",t.CONST_PRIFIX="_$C$_",t.CONST_REG=/^_\$C\$_/,t.CONST_REGG=/_\$C\$_[^\.]+/g,t.VALUE_OUT_REG=/\{\{([^\}]*)\}\}/g,t.ONLY_VALUE_OUT_REG=/^\{\{([^\}]*)\}\}$/},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.assign=t.nodes2Arr=t.exist=t.getRandom=t.getAttrVarKey=void 0;var r=n(1),i=(t.getAttrVarKey=function(){return r.CONST_PRIFIX+~~(1e6*Math.random())},t.getRandom=function(){return"$$"+~~(1e6*Math.random())},t.exist=function(e){return null!=e&&""!==e&&void 0!==e},t.nodes2Arr=function(e){for(var t=[],n=0;n<e.length;n++)t.push(e[n]);return t},Object.getOwnPropertySymbols),o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)};t.assign=Object.assign||function(e,t){for(var n,r,l=s(e),u=1;u<arguments.length;u++){for(var c in n=Object(arguments[u]))o.call(n,c)&&(l[c]=n[c]);if(i){r=i(n);for(var d=0;d<r.length;d++)a.call(n,r[d])&&(l[r[d]]=n[r[d]])}}return l}},function(e,t,n){"use strict";var r,i=(r=n(0))&&r.__esModule?r:{default:r},o=n(2);n(4),n(5),n(6),n(7),n(8),n(9),n(10);var a=new i.default,s={prefix:function(e){a.prefix(e)},filter:function(e,t){i.default.filter(e,t)},directive:function(e,t){i.default.directive(e,t)},setDocument:function(e){a.setDocument(e)},discribe:function(e,t,n){i.default.discribe(e,t,n)},Soda:i.default},l=(0,o.assign)((function(e,t){return a.run(e,t)}),s);e.exports=l},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("repeat",{priority:10,link:function(e){var t,n,r,i=this,o=e.scope,a=e.el,s=e.expression,l=e.getValue,u=(e.parseSodaExpression,e.compileNode),c=s.replace(/\s+by\s+([^\s]+)$/,(function(e,t){return t&&(r=(t||"").trim()),""})),d=/([^\s]+)\s+in\s+([^\s]+)|\(([^,]+)\s*,\s*([^)]+)\)\s+in\s+([^\s]+)/.exec(c);if(d){if(d[1]&&d[2]){if(t=(d[1]||"").trim(),n=(d[2]||"").trim(),!t||!n)return}else d[3]&&d[4]&&d[5]&&(r=(d[3]||"").trim(),t=(d[4]||"").trim(),n=(d[5]||"").trim());r=r||"$index";var f=l(o,n)||[],p=function(e){var n=a.cloneNode(!0),s=Object.create(o);s[r]=e,s[t]=f[e],n.removeAttribute(i._prefix+"repeat"),a.parentNode.insertBefore(n,a),u(n,s)};if("length"in f)for(var v=0;v<f.length;v++)p(v);else for(var v in f)f.hasOwnProperty(v)&&p(v);a.parentNode.removeChild(a),a.childNodes&&a.childNodes.length&&(a.innerHTML="")}}})},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("if",{priority:9,link:function(e){var t=e.expression,n=e.parseSodaExpression,r=e.scope,i=e.el;n(t,r)||(i.parentNode&&i.parentNode.removeChild(i),i.innerHTML="")}})},function(e,t,n){"use strict";var r,i=(r=n(0))&&r.__esModule?r:{default:r};i.default.directive("class",{link:function(e){var t=e.scope,n=e.el,r=e.expression,i=(0,e.parseSodaExpression)(r,t);i&&function(e,t){e.className?e.className.match(function(e){return new RegExp("(^|\\s+)"+e+"(\\s+|$)","g")}(t))||(e.className+=" "+t):e.className=t}(n,i)}})},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("html",{link:function(e){var t=e.expression,n=e.scope,r=e.el,i=(0,e.parseSodaExpression)(t,n);i&&(r.innerHTML=i)}})},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("replace",{link:function(e){var t=e.scope,n=e.el,r=e.expression,i=e.parseSodaExpression,o=e.document,a=i(r,t);if(a){var s=o.createElement("div");if(s.innerHTML=a,n.parentNode)for(;s.childNodes[0];)n.parentNode.insertBefore(s.childNodes[0],n)}n.parentNode&&n.parentNode.removeChild(n)}})},function(e,t,n){"use strict";var r;((r=n(0))&&r.__esModule?r:{default:r}).default.directive("style",{link:function(e){var t=e.scope,n=e.el,r=e.expression,i=(0,e.parseSodaExpression)(r,t),o=function(e,t){return/opacity|z-index/.test(e)?parseFloat(t):isNaN(t)?t:t+"px"};if(i){var a=[];for(var s in i)if(i.hasOwnProperty(s)){var l=o(s,i[s]);a.push([s,l].join(":"))}var u=n.style;for(s=0;s<u.length;s++){var c=u[s];i[c]||a.push([c,u[c]].join(":"))}var d=a.join(";");n.setAttribute("style",d)}}})},function(e,t,n){"use strict";var r,i=(r=n(0))&&r.__esModule?r:{default:r};i.default.directive("include",{priority:8,link:function(e){var t=e.scope,n=e.el,r=e.parseSodaExpression,o=e.expression.replace(/\{\{([^\}]*)\}\}/g,(function(e,n){return r(n,t)})),a=(o=o.split(":"))[0],s=o.slice(1),l=i.default.getTmpl(a,s),u=l.template,c=l.option;u&&((void 0===c?{}:c).compile?n.outerHTML=this.run(u,t):n.outerHTML=u)}})}])},e.exports=t()}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{"use strict";n.r(r),n.d(r,{default:()=>M});var e,t={};n.r(t),n.d(t,{publish:()=>_,subscribe:()=>g,unsubscribe:()=>y});var i="undefined"==typeof document?void 0:document,o=!!i&&"content"in i.createElement("template"),a=!!i&&i.createRange&&"createContextualFragment"in i.createRange();function s(e,t){var n,r,i=e.nodeName,o=t.nodeName;return i===o||(n=i.charCodeAt(0),r=o.charCodeAt(0),n<=90&&r>=97?i===o.toUpperCase():r<=90&&n>=97&&o===i.toUpperCase())}function l(e,t,n){e[n]!==t[n]&&(e[n]=t[n],e[n]?e.setAttribute(n,""):e.removeAttribute(n))}var u={OPTION:function(e,t){var n=e.parentNode;if(n){var r=n.nodeName.toUpperCase();"OPTGROUP"===r&&(r=(n=n.parentNode)&&n.nodeName.toUpperCase()),"SELECT"!==r||n.hasAttribute("multiple")||(e.hasAttribute("selected")&&!t.selected&&(e.setAttribute("selected","selected"),e.removeAttribute("selected")),n.selectedIndex=-1)}l(e,t,"selected")},INPUT:function(e,t){l(e,t,"checked"),l(e,t,"disabled"),e.value!==t.value&&(e.value=t.value),t.hasAttribute("value")||e.removeAttribute("value")},TEXTAREA:function(e,t){var n=t.value;e.value!==n&&(e.value=n);var r=e.firstChild;if(r){var i=r.nodeValue;if(i==n||!n&&i==e.placeholder)return;r.nodeValue=n}},SELECT:function(e,t){if(!t.hasAttribute("multiple")){for(var n,r,i=-1,o=0,a=e.firstChild;a;)if("OPTGROUP"===(r=a.nodeName&&a.nodeName.toUpperCase()))a=(n=a).firstChild;else{if("OPTION"===r){if(a.hasAttribute("selected")){i=o;break}o++}!(a=a.nextSibling)&&n&&(a=n.nextSibling,n=null)}e.selectedIndex=i}}};function c(){}function d(e){if(e)return e.getAttribute&&e.getAttribute("id")||e.id}const f=function(t,n,r){if(r||(r={}),"string"==typeof n)if("#document"===t.nodeName||"HTML"===t.nodeName||"BODY"===t.nodeName){var l=n;(n=i.createElement("html")).innerHTML=l}else f=(f=n).trim(),n=o?function(e){var t=i.createElement("template");return t.innerHTML=e,t.content.childNodes[0]}(f):a?function(t){return e||(e=i.createRange()).selectNode(i.body),e.createContextualFragment(t).childNodes[0]}(f):function(e){var t=i.createElement("body");return t.innerHTML=e,t.childNodes[0]}(f);var f,p=r.getNodeKey||d,v=r.onBeforeNodeAdded||c,m=r.onNodeAdded||c,h=r.onBeforeElUpdated||c,b=r.onElUpdated||c,_=r.onBeforeNodeDiscarded||c,g=r.onNodeDiscarded||c,y=r.onBeforeElChildrenUpdated||c,E=!0===r.childrenOnly,x=Object.create(null),N=[];function A(e){N.push(e)}function T(e,t){if(1===e.nodeType)for(var n=e.firstChild;n;){var r=void 0;t&&(r=p(n))?A(r):(g(n),n.firstChild&&T(n,t)),n=n.nextSibling}}function O(e,t,n){!1!==_(e)&&(t&&t.removeChild(e),g(e),T(e,n))}function S(e){m(e);for(var t=e.firstChild;t;){var n=t.nextSibling,r=p(t);if(r){var i=x[r];i&&s(t,i)?(t.parentNode.replaceChild(i,t),R(i,t)):S(t)}else S(t);t=n}}function R(e,t,n){var r=p(t);if(r&&delete x[r],!n){if(!1===h(e,t))return;if(function(e,t){var n,r,i,o,a=t.attributes;if(11!==t.nodeType&&11!==e.nodeType){for(var s=a.length-1;s>=0;s--)r=(n=a[s]).name,i=n.namespaceURI,o=n.value,i?(r=n.localName||r,e.getAttributeNS(i,r)!==o&&("xmlns"===n.prefix&&(r=n.name),e.setAttributeNS(i,r,o))):e.getAttribute(r)!==o&&e.setAttribute(r,o);for(var l=e.attributes,u=l.length-1;u>=0;u--)r=(n=l[u]).name,(i=n.namespaceURI)?(r=n.localName||r,t.hasAttributeNS(i,r)||e.removeAttributeNS(i,r)):t.hasAttribute(r)||e.removeAttribute(r)}}(e,t),b(e),!1===y(e,t))return}"TEXTAREA"!==e.nodeName?function(e,t){var n,r,o,a,l,c=t.firstChild,d=e.firstChild;e:for(;c;){for(a=c.nextSibling,n=p(c);d;){if(o=d.nextSibling,c.isSameNode&&c.isSameNode(d)){c=a,d=o;continue e}r=p(d);var f=d.nodeType,m=void 0;if(f===c.nodeType&&(1===f?(n?n!==r&&((l=x[n])?o===l?m=!1:(e.insertBefore(l,d),r?A(r):O(d,e,!0),d=l):m=!1):r&&(m=!1),(m=!1!==m&&s(d,c))&&R(d,c)):3!==f&&8!=f||(m=!0,d.nodeValue!==c.nodeValue&&(d.nodeValue=c.nodeValue))),m){c=a,d=o;continue e}r?A(r):O(d,e,!0),d=o}if(n&&(l=x[n])&&s(l,c))e.appendChild(l),R(l,c);else{var h=v(c);!1!==h&&(h&&(c=h),c.actualize&&(c=c.actualize(e.ownerDocument||i)),e.appendChild(c),S(c))}c=a,d=o}!function(e,t,n){for(;t;){var r=t.nextSibling;(n=p(t))?A(n):O(t,e,!0),t=r}}(e,d,r);var b=u[e.nodeName];b&&b(e,t)}(e,t):u.TEXTAREA(e,t)}!function e(t){if(1===t.nodeType||11===t.nodeType)for(var n=t.firstChild;n;){var r=p(n);r&&(x[r]=n),e(n),n=n.nextSibling}}(t);var C,M,w=t,G=w.nodeType,j=n.nodeType;if(!E)if(1===G)1===j?s(t,n)||(g(t),w=function(e,t){for(var n=e.firstChild;n;){var r=n.nextSibling;t.appendChild(n),n=r}return t}(t,(C=n.nodeName,(M=n.namespaceURI)&&"http://www.w3.org/1999/xhtml"!==M?i.createElementNS(M,C):i.createElement(C)))):w=n;else if(3===G||8===G){if(j===G)return w.nodeValue!==n.nodeValue&&(w.nodeValue=n.nodeValue),w;w=n}if(w===n)g(t);else{if(n.isSameNode&&n.isSameNode(w))return;if(R(w,n,E),N)for(var P=0,k=N.length;P<k;P++){var L=x[N[P]];L&&O(L,L.parentNode,!1)}}return!E&&w!==t&&t.parentNode&&(w.actualize&&(w=w.actualize(t.ownerDocument||i)),t.parentNode.replaceChild(w,t)),w};var p=n(17),v=n.n(p);const m=e=>{(requestAnimationFrame||setTimeout)(e,1e3/60)},h={},b={},_=(e,t)=>{b[e]=Object.assign({},b[e],t),h[e]&&h[e].forEach((e=>e(t)))},g=(e,t)=>{h[e]=h[e]||[],h[e].push(t),e in b&&t(b[e])},y=e=>{h[e.name]=(h[e.name]||[]).filter((t=>t!=e.method)),h[e.name].length||(delete h[e.name],delete b[e.name])},E="CustomEvent"in window&&"function"==typeof window.CustomEvent?(e,t)=>new CustomEvent(e,t):(e,t)=>{const n=document.createEvent("CustomEvent");return n.initCustomEvent(e,!0,!0,t),n},x=(e,t)=>function(n){const r=this,i=n.detail||{};e.__events[t].forEach((e=>{e.handler.apply(r,[n].concat(i.args))}))},N=(e,t)=>{e.__events[t]&&e.__events[t].listener&&(e.removeEventListener(t,e.__events[t].listener,"focus"==t||"blur"==t||"mouseenter"==t||"mouseleave"==t),delete e.__events[t])},A=(e,t,n)=>function(r){const i=this,o=r.detail||{};let a=r.target;for(;a&&(a.matches(t)&&(r.delegateTarget=a,n.apply(i,[r].concat(o.args))),a!==e);)a=a.parentNode},T=(e,t,n)=>{e.dispatchEvent(E(t,{bubbles:!0,detail:n}))};var O;(O=v()).prefix("v-"),O.directive("repeat",{priority:10,link({scope:e,el:t,expression:n,getValue:r,compileNode:i}){let o,a,s;const l=n.replace(/\s+by\s+([^\s]+)$/,((e,t)=>(t&&(s=(t||"").trim()),""))),u=/([^\s]+)\s+in\s+([^\s]+)|\(([^,]+)\s*,\s*([^)]+)\)\s+in\s+([^\s]+)/.exec(l);if(!u)return;if(u[1]&&u[2]){if(o=(u[1]||"").trim(),a=(u[2]||"").trim(),!o||!a)return}else u[3]&&u[4]&&u[5]&&(s=(u[3]||"").trim(),o=(u[4]||"").trim(),a=(u[5]||"").trim());s=s||"$index";const c=r(e,a)||[],d=n=>{const r=t.cloneNode(!0),a=Object.create(e);a[s]=n,a[o]=c[n],r.removeAttribute(`${this._prefix}repeat`),t.parentNode.insertBefore(r,t),Array.from(r.querySelectorAll("[data-component]")).forEach((e=>e.setAttribute("initialState",JSON.stringify(a)))),i(r,a)};if("length"in c)for(var f=0;f<c.length;f++)d(f);else for(var f in c)c.hasOwnProperty(f)&&d(f);t.parentNode.removeChild(t),t.childNodes&&t.childNodes.length&&(t.innerHTML="")}});let S={},R=[];const C={},M={start(){w.start(),w.observe()},register(e,t,n={}){C[e]={name:e,module:t,dependencies:n}}},w={start(){var e;e=document.body,Array.from(e.querySelectorAll("template")).forEach((e=>{e.parentNode.replaceChild(e.content,e)})),w.scan(document.body,G)},scan(e,t){if(1===e.nodeType){const n=Array.from(e.querySelectorAll("[data-component]"));(e.dataset.component?[e].concat(n):n).reverse().forEach(t)}},observe(){new MutationObserver((e=>e.forEach((e=>{"childList"===e.type&&(e.addedNodes.length?Array.from(e.addedNodes).forEach((e=>w.scan(e,G))):e.removedNodes.length&&Array.from(e.removedNodes).forEach((e=>w.scan(e,w.remove))))})))).observe(document.body,{childList:!0,subtree:!0})},remove(e){const t=R.find((t=>t.element==e));t&&t.dispose()}},G=e=>{let n,r;e.getAttribute("tplid")?(n=e.getAttribute("tplid"),r=R.find((e=>e.tplid==n)).template):(n="xxxxxxxx".replace(/[xy]/g,(e=>{const t=8*Math.random()|0;return("x"==e?t:3&t|8).toString(8)})),e.setAttribute("tplid",n),r=j(e.outerHTML));const i={tplid:n,element:e,template:r,instances:{},destroyers:[],promises:[],view:e=>e,parentUpdate:e=>null,dispose(){i.promises.length?Promise.all(i.promises).then((e=>{this.destroyers.forEach((e=>e(i)))})):this.destroyers.forEach((e=>e(i)))},model:Object.assign({},JSON.parse(e.getAttribute("initialState"))),update(t,n=!1){this.model=Object.assign({global:S},this.model,t),S=P(t),n&&this.parentUpdate(this.model);const r=JSON.parse(JSON.stringify(this.model));f(e,v()(this.template,this.view(r)),{onNodeDiscarded:e=>(w.scan(e,w.remove),!0),onBeforeElUpdated:(e,t)=>!(e.isEqualNode(t)||1==e.nodeType&&"static"in e.dataset)}),m((t=>{Array.from(e.querySelectorAll("[data-component]")).forEach((e=>{const t=JSON.parse(e.getAttribute("initialState"))||{},n=R.find((t=>t.element==e)),{global:r,parent:i,...o}=this.model;if(n){const e=Object.assign(t,{parent:o,global:S});n.update(e,!0)}}))}))}};R.push(i),e.dataset.component.split(/\s/).forEach((n=>{const r=C[n];if(!r)return void console.warn(`Jails - Module ${n} not registered`);const{module:o,dependencies:a}=r;i.model=Object.assign({},o.model,i.model);const s=function({name:e,element:t,dependencies:n,Pubsub:r,ElementInterface:i,AST:o}){const a=[];let s,l=[],u=new Promise((e=>s=e));const c={name:e,dependencies:n,elm:t,publish:r.publish,unsubscribe:r.unsubscribe,__initialize(){s(c)},main(e){u.then((t=>e().forEach((e=>e(c))))).catch((e=>console.error(e)))},expose(t){i.instances[e].methods=t},state:{set(e){if(e.constructor===Function){const t=i.model;e(t),i.update(t)}else i.update(e);return l.forEach((e=>e(i.model))),new Promise((e=>m(e)))},get:()=>i.model,subscribe(e){l.push(e)},unsubscribe(e){l=l.filter((t=>t!==e))}},destroy(e){i.destroyers.push(e)},on(e,n,r){((e,t,n,r)=>{if(e.__events=e.__events||{},e.__events[t]=e.__events[t]||[],!e.__events[t].length){const n=x(e,t);e.addEventListener(t,n,"focus"==t||"blur"==t||"mouseenter"==t||"mouseleave"==t),e.__events[t].listener=n}n.call?e.__events[t].push({handler:n,callback:n}):e.__events[t].push({handler:A(e,n,r),callback:r})})(t,e,n,r)},off(e,n){((e,t,n)=>{if(n&&e.__events[t]&&e.__events[t].length){var r=e.__events[t];e.__events[t]=e.__events[t].filter((function(e){return e.callback!=n})),e.__events[t].listener=r.listener,e.__events[t].length||N(e,t)}else N(e,t)})(t,e,n)},trigger(e,n,r){n.constructor===String?T(t.querySelector(n),e,{args:r}):T(t,e,{args:n})},emit(e,n){const r=Array.prototype.slice.call(arguments);T(t,r.shift(),{args:r})},update(e){i.parentUpdate=e},get:(e,n)=>function(){m((r=>{const i=Array.prototype.slice.call(arguments),a=i.shift(),s=`[data-component*=${e}]`;if(n=n?s+n:s,Array.from(t.querySelectorAll(n)).forEach((t=>{const n=o.find((e=>e.element==t));if(n){const t=n.instances[e];t&&a in t.methods&&t.methods[a].apply(null,i)}})),t.matches(n)){const n=o.find((e=>e.element==t)).instances[e];n&&a in n.methods&&n.methods[a].apply(null,i)}}))},subscribe(e,t){a.push({name:e,method:t}),r.subscribe(e,t)}};return c}({name:n,element:e,dependencies:a,Pubsub:t,ElementInterface:i,AST:R}),l=o.default(s);l&&l.then&&i.promises.push(l),s.__initialize(),i.view=o.view||i.view,i.instances[n]={methods:{}}})),i.update()},j=e=>{const t=(e=>e.replace(/<template.*?>|<\/template>/g,""))(e),n=document.createElement("div");return n.innerHTML=t,Array.from(n.querySelectorAll("[data-component]")).forEach((e=>{const t=R.find((t=>t.tplid===e.getAttribute("tplid")));t&&(e.outerHTML=t.template)})),n.innerHTML},P=e=>(Object.assign(S,e),delete S.parent,delete S.global,S)})(),r})()}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jails-js",
-  "version": "4.2.1",
+  "version": "5.0.0-beta.2",
   "description": "A Modern Javascript Library",
   "main": "dist/jails.js",
   "scripts": {
@@ -29,11 +29,10 @@
     "@babel/preset-env": "^7.2.3",
     "babel-loader": "^8.0.5",
     "babel-preset-env": "^1.7.0",
-    "webpack": "^4.29.0",
+    "webpack": "^5.59.1",
     "webpack-cli": "^3.2.1"
   },
   "dependencies": {
-    "jails.packages": "jails-org/packages.git",
     "morphdom": "^2.6.1",
     "sodajs": "^0.4.10"
   }

package/src/component.js

@@ -1,61 +1,68 @@
-import { pandora, log } from 'jails.packages/pandora'
 import { on, off, trigger } from './utils/events'
-import * as Pubsub from './utils/pubsub'
-import { getParent } from './utils'
+import { rAF } from './utils'
 
-export default function Component ({ name, element, view, component }) {
+export default function Component ({
+	name,
+	element,
+	dependencies,
+	Pubsub,
+	ElementInterface,
+	AST
+}) {
 
-	const module = component.module
-	const store = Store({ name, element, module, view })
 	const subscriptions = []
-	const destroyers = []
 
+	let stateSubscriptions = []
 	let resolver
 	let promise = new Promise(resolve => resolver = resolve)
-	let updater = () => null
 
 	const base = {
 
 		name,
-		injection: component.dependencies,
+		dependencies,
 		elm: element,
-		msg: store,
 		publish: Pubsub.publish,
 		unsubscribe: Pubsub.unsubscribe,
 
-		__initialize(base) {
+		__initialize() {
 			resolver(base)
-			base.destroy( _ => {
-				subscriptions.forEach(topic => Pubsub.unsubscribe(topic))
-				destroyers.forEach(fn => element.removeEventListener(':destroy', fn))
-			})
 		},
 
 		main(fn) {
-			promise.then(() => fn().forEach(lambda => lambda(base)))
-		},
-
-		render(data) {
-			view.update(element, data)
+			promise
+				.then( _ => fn().forEach(lambda => lambda(base)))
+				.catch( err => console.error( err) )
 		},
 
 		expose(methods) {
-			element.__instances__[name].methods = methods
+			ElementInterface.instances[name].methods = methods
 		},
 
-		update(data) {
-			if( data.apply ){
-				const _parent = getParent(element, '[data-component]')
-				updater = data
-				updater( _parent.__model__ )
-			}else {
-				updater( data )
+		state: {
+			set( state ) {
+				if( state.constructor === Function ){
+					const model = ElementInterface.model
+					state(model)
+					ElementInterface.update(model)
+				} else {
+					ElementInterface.update(state)
+				}
+				stateSubscriptions.forEach( fn => fn(ElementInterface.model) )
+				return new Promise((resolve) => rAF(resolve))
+			},
+			get() {
+				return ElementInterface.model
+			},
+			subscribe(fn){
+				stateSubscriptions.push(fn)
+			},
+			unsubscribe(fn){
+				stateSubscriptions = stateSubscriptions.filter( item => item !== fn )
 			}
 		},
 
 		destroy(callback) {
-			destroyers.push(callback)
-			element.addEventListener(':destroy', callback)
+			ElementInterface.destroyers.push(callback)
 		},
 
 		on(name, selectorOrCallback, callback) {
@@ -77,28 +84,36 @@ export default function Component ({ name, element, view, component }) {
 			trigger(element, args.shift(), { args: args })
 		},
 
+		update(fn) {
+			ElementInterface.parentUpdate = fn
+		},
+
 		get(name, query) {
 
 			return function () {
-
-				const args = Array.prototype.slice.call(arguments),
+				rAF(_ => {
+					const args = Array.prototype.slice.call(arguments),
 					method = args.shift(),
 					selector = `[data-component*=${name}]`
-
-				query = query ? selector + query : selector
-
-				Array.from(element.querySelectorAll(query))
-					.forEach(el => {
-						const instance = el.__instances__[name]
-						if (instance && (method in instance.methods))
+					query = query ? selector + query : selector
+
+					Array.from(element.querySelectorAll(query))
+						.forEach(el => {
+							const item = AST.find( item => item.element == el )
+							if( item ) {
+								const instance = item.instances[name]
+								if (instance && (method in instance.methods))
+									instance.methods[method].apply(null, args)
+							}
+						})
+
+					if (element.matches(query)) {
+						const item = AST.find( item => item.element == element )
+						const instance = item.instances[name]
+						if (instance && method in instance.methods)
 							instance.methods[method].apply(null, args)
-					})
-
-				if (element.matches(query)) {
-					const instance = element.__instances__[name]
-					if (instance && method in instance.methods)
-						instance.methods[method].apply(null, args)
-				}
+					}
+				})
 			}
 		},
 
@@ -109,35 +124,4 @@ export default function Component ({ name, element, view, component }) {
 	}
 
 	return base
-
-}
-
-const Store = ({ element, name, module, view:View }) => {
-
-	const view = module.view ? module.view : state => state
-	const initialState = View.models[element.dataset.modelId]
-	const model = Object.assign({}, module.model, initialState)
-	const title = name.charAt(0).toUpperCase() + name.substring(1)
-
-	const middlewares = View.mode === 'development'
-		? [log(`Component ${title}`)]
-		: []
-
-	const actions = module.actions || {}
-
-	const store = pandora({
-		model,
-		actions,
-		middlewares,
-		autostart: false,
-		callback(state) {
-			View.update(element, view(state))
-		}
-	})
-
-	if (module.model && Object.keys(module.model).length) {
-		View.update(element, view(model))
-	}
-
-	return store
 }

package/src/index.js

@@ -1,51 +1,187 @@
-import View from './view'
-import { ismounted, create, destroy } from './element'
+import morphdom from 'morphdom'
+import sodajs from 'sodajs'
 
-const modules = {}
+import { uuid, stripTemplateTags, stripTemplateTag, rAF } from './utils'
+import * as Pubsub from './utils/pubsub'
+import sodaSetConfig from './soda-config'
+
+import Component from './component'
+
+sodaSetConfig( sodajs )
+
+let SST = {}
+let AST = []
+const components = {}
 
 export default {
 
-	register( name, module, dependencies ){
-		modules[ name ] = { name, module, dependencies }
+	start() {
+		Template.start()
+		Template.observe()
+	},
+
+	register( name, module, dependencies = {} ) {
+		components[name] = { name, module, dependencies }
+	}
+}
+
+const Template = {
+
+	start() {
+		stripTemplateTag( document.body )
+		Template.scan( document.body, Element )
+	},
+
+	scan( root, callback ) {
+		if( root.nodeType === 1 ) {
+			const list = Array.from( root.querySelectorAll('[data-component]') )
+			const components = root.dataset.component? [root].concat(list) : list
+			components.reverse().forEach( callback )
+		}
 	},
 
-	start(){
-		const view = getView()
-		view.mode = 'production'
-		view.observe()
+	observe() {
+		const observer = new MutationObserver(mutations => mutations.forEach( mutation => {
+			if (mutation.type === 'childList') {
+				if (mutation.addedNodes.length) {
+					Array.from(mutation.addedNodes).forEach( node => Template.scan(node, Element) )
+				} else if (mutation.removedNodes.length) {
+					Array.from(mutation.removedNodes).forEach( node => Template.scan(node, Template.remove) )
+				}
+			}
+		}))
+		observer.observe(document.body, { childList: true, subtree: true })
 	},
 
-	devStart(){
-		console.time('jails')
-		const view = getView()
-		view.mode = 'development'
-		view.observe()
-		console.timeEnd('jails')
+	remove( node ) {
+		const item = AST.find( item => item.element == node )
+		if( item ){
+			item.dispose()
+		}
 	}
 }
 
-const getView = () => {
+const Element = ( element ) => {
+
+	let tplid
+	let template
 
-	const view = View({
+	if( element.getAttribute('tplid') ) {
+		tplid = element.getAttribute('tplid')
+		const item = AST.find( item => item.tplid == tplid )
+		template = item.template
+	}else {
+		tplid = uuid()
+		element.setAttribute('tplid', tplid)
+		template = createTemplate(element.outerHTML)
+	}
 
-		onAdd(elements) {
-			elements
-				.filter(el => !ismounted(el))
-				.forEach(element => create({ element, view, modules }))
+	const ElementInterface = {
+		tplid,
+		element,
+		template,
+		instances:{},
+		destroyers:[],
+		promises: [],
+		view: data => data,
+		parentUpdate: data => null,
+		dispose(){
+			if( ElementInterface.promises.length ){
+				Promise.all(ElementInterface.promises).then(_ => {
+					this.destroyers.forEach( destroy => destroy(ElementInterface) )
+				})
+			}else {
+				this.destroyers.forEach( destroy => destroy(ElementInterface) )
+			}
 		},
 
-		onRemove(removedNodes) {
-			removedNodes.forEach(removedNode => {
-				if (removedNode.nodeType === 1) {
-					const children = Array.from(removedNode.querySelectorAll('[data-component]'))
-					children
-						.concat(removedNode.dataset.component ? removedNode : [])
-						.filter(element => !document.body.contains(element))
-						.forEach(element => destroy({ element }))
+		model: Object.assign({}, JSON.parse(element.getAttribute('initialState'))),
+
+		update( data, isParentUpdate = false ) {
+
+			this.model = Object.assign( { global: SST }, this.model, data )
+			SST = saveGlobal(data)
+
+			if( isParentUpdate )
+				this.parentUpdate( this.model )
+
+			const dupdata = JSON.parse(JSON.stringify(this.model))
+
+			morphdom( element, sodajs( this.template, this.view(dupdata) ), {
+				onNodeDiscarded(node) {
+					Template.scan(node, Template.remove)
+					return true
+				},
+				onBeforeElUpdated(node, toEl) {
+					if (node.isEqualNode(toEl))
+						return false
+					if( node.nodeType == 1 && 'static' in node.dataset )
+						return false
+					return true
 				}
 			})
+
+			rAF(_ => {
+				const elements = Array.from(element.querySelectorAll('[data-component]'))
+				elements.forEach( node => {
+					const initialState = JSON.parse(node.getAttribute('initialState')) || {}
+					const item = AST.find( item => item.element == node )
+					const { global, parent, ...model } = this.model
+					if( item ) {
+						const newmodel = Object.assign(initialState, { parent:model, global: SST })
+						item.update( newmodel, true )
+					}
+				})
+			})
+		}
+	}
+
+	AST.push( ElementInterface )
+
+	element.dataset.component.split(/\s/).forEach( name => {
+
+		const C = components[name]
+
+		if( !C ) {
+			console.warn(`Jails - Module ${name} not registered`)
+			return
+		}
+
+		const { module, dependencies } = C
+		ElementInterface.model = Object.assign({}, module.model, ElementInterface.model )
+
+		const base = Component({ name, element, dependencies, Pubsub, ElementInterface, AST })
+
+		const promise = module.default(base)
+
+		if( promise && promise.then ) {
+			ElementInterface.promises.push(promise)
 		}
+
+		base.__initialize()
+		ElementInterface.view = module.view || ElementInterface.view
+		ElementInterface.instances[name] = { methods: {} }
 	})
 
-	return view
+	ElementInterface.update()
+}
+
+const createTemplate = ( html ) => {
+	const vhtml = stripTemplateTags( html )
+	const vroot = document.createElement('div')
+	vroot.innerHTML = vhtml
+	const components = Array.from(vroot.querySelectorAll('[data-component]'))
+	components.forEach( c => {
+		const cache = AST.find( item => item.tplid === c.getAttribute('tplid') )
+		if( cache )
+			c.outerHTML = cache.template
+	})
+	return vroot.innerHTML
+}
+
+const saveGlobal = (data) => {
+	Object.assign(SST, data)
+	delete SST.parent
+	delete SST.global
+	return SST
 }

package/src/{repeat.js → soda-config.js}

@@ -1,8 +1,8 @@
-import { uuid } from './utils'
+export default function sodaSetConfig (sodajs) {
 
-export default ({ sodajs: soda, models }) => {
+	sodajs.prefix('v-')
 
-	soda.directive('repeat', {
+	sodajs.directive('repeat', {
 
 		priority: 10,
 
@@ -52,17 +52,12 @@ export default ({ sodajs: soda, models }) => {
 				itemScope[trackName] = i
 				itemScope[itemName] = repeatObj[i]
 
-				const components = findComponents(itemNode)
-
-				components.forEach(node => {
-					const ID = uuid()
-					node.setAttribute('data-model-id', ID)
-					models[ID] = itemScope
-				})
-
 				itemNode.removeAttribute(`${this._prefix}repeat`)
 				el.parentNode.insertBefore(itemNode, el)
 
+				Array.from(itemNode.querySelectorAll('[data-component]'))
+					.forEach(node => node.setAttribute('initialState', JSON.stringify(itemScope)))
+
 				compileNode(itemNode, itemScope)
 			}
 
@@ -85,10 +80,3 @@ export default ({ sodajs: soda, models }) => {
 		}
 	})
 }
-
-function findComponents(el) {
-	const isComponent = el.getAttribute('data-component')
-	const component = isComponent ? [el] : []
-	const childComponents = Array.prototype.slice.call(el.querySelectorAll('[data-component]'))
-	return component.concat(childComponents)
-}

package/src/utils/index.js

@@ -7,34 +7,6 @@ export const nextFrame = (fn) => {
 	rAF(() => rAF(fn))
 }
 
-export const addClass = (element) => (string) => {
-	string.split(/\s/).map(item => element.classList.add(item))
-}
-
-export const removeClass = (element) => (string) => {
-	string.split(/\s/).map(item => element.classList.remove(item))
-}
-
-export const getPrefix = (object) => {
-	for (let key in object)
-		if (key in document.body.style)
-			return object[key]
-}
-
-export const animationEnd = getPrefix({
-	animation: 'animationend',
-	OAnimation: 'oAnimationEnd',
-	MozAnimation: 'animationend',
-	WebkitAnimation: 'webkitAnimationEnd'
-})
-
-export const transitionEnd = getPrefix({
-	transition: 'transitionend',
-	OTransition: 'oTransitionEnd',
-	MozTransition: 'transitionend',
-	WebkitTransition: 'webkitTransitionEnd'
-})
-
 export const uuid = () => {
 	return 'xxxxxxxx'.replace(/[xy]/g, (c) => {
 		const r = Math.random() * 8 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8)
@@ -42,36 +14,14 @@ export const uuid = () => {
 	})
 }
 
-export const setIds = (acc, element) => {
-	const id = uuid()
-	element.setAttribute('data-reactor-id', id)
-	acc[id] = element.outerHTML.replace(/<(x-)?template*.>|<\/(x-)?template>/g, '')
-	return acc
+export const stripTemplateTags = ( html ) => {
+	return html.replace(/<template.*?>|<\/template>/g, '')
 }
 
-export const createTemplates = ( html, type = 'div' ) => {
-
-	const SELECTOR = '[data-component]:not([data-reactor-id])'
-	const virtual = document.createElement(type)
-	virtual.innerHTML = html.replace(/<template*.>/g, '<x-template>').replace(/<\/template>/g, '</x-template>')
-
-	const elements = Array.from(virtual.querySelectorAll(SELECTOR))
-	const templates = elements.reverse().reduce(setIds, {})
-
-	return {
-		templates,
-		html: virtual.innerHTML.replace(/<x-template*.>/g, '<template>').replace(/<\/x-template>/g, '</template>')
-	}
-}
-
-export const dup = (object) => {
-	return JSON.parse(JSON.stringify(object))
-}
-
-export const getParent = (el, selector) => {
-	let elem = el.parentNode
-	for ( ; elem && elem !== document; elem = elem.parentNode ) {
-		if ( elem.matches( selector ) ) return elem
-	}
-	return null
+export const stripTemplateTag = ( element ) => {
+	const templates = Array.from(element.querySelectorAll('template'))
+	// https://gist.github.com/harmenjanssen/07e425248779c65bc5d11b02fb913274
+	templates.forEach( template => {
+		template.parentNode.replaceChild(template.content, template )
+	})
 }

package/src/animation.js

@@ -1,94 +0,0 @@
-import {
-	addClass,
-	removeClass,
-	animationEnd,
-	transitionEnd,
-	nextFrame
-} from './utils'
-
-export const onBeforeAdd = (node, animation) => {
-
-	const enter = `${animation}-enter`
-	const enterActive = `${animation}-enter-active`
-	const addClassNames = addClass(node)
-
-	addClassNames(`${enter} ${enterActive}`)
-}
-
-export const onAdd = (node, animation) => {
-
-	const enter = `${animation}-enter`
-	const enterActive = `${animation}-enter-active`
-	const enterTo = `${animation}-enter-to`
-	const removeClassNames = removeClass(node)
-	const addClassNames = addClass(node)
-
-	const remove = () => {
-		removeClassNames(`${enter} ${enterActive} ${enterTo}`)
-		node.removeEventListener(transitionEnd, remove)
-		node.removeEventListener(animationEnd, remove)
-	}
-
-	node.addEventListener(transitionEnd, remove)
-	node.addEventListener(animationEnd, remove)
-
-	nextFrame(() => {
-		addClassNames(enterTo)
-		removeClassNames(enter)
-	})
-}
-
-export const onRemove = (node, animation) => {
-
-	const leave = `${animation}-leave`
-	const leaveActive = `${animation}-leave-active`
-	const leaveTo = `${animation}-leave-to`
-	const removeClassNames = removeClass(node)
-	const addClassNames = addClass(node)
-	const style = window.getComputedStyle(node)
-
-	let transitionsLength = style.transitionProperty.split(',').length
-
-	const remove = (e) => {
-		if (e.type == 'transitionend') {
-			if (e.target == node) {
-				transitionsLength -= 1
-				if (transitionsLength <= 1) {
-					removeClassNames(`${leaveActive} ${leaveTo}`)
-					node.removeEventListener(transitionEnd, remove)
-					node.parentNode ? node.parentNode.removeChild(node) : null
-				}
-			}
-		}
-		else {
-			removeClassNames(`${leaveActive} ${leaveTo}`)
-			node.removeEventListener(animationEnd, remove)
-			node.parentNode ? node.parentNode.removeChild(node) : null
-		}
-	}
-
-	node.addEventListener(transitionEnd, remove)
-	node.addEventListener(animationEnd, remove)
-
-	addClassNames(`${leave} ${leaveActive}`)
-
-	nextFrame(() => {
-		removeClassNames(leave)
-		addClassNames(leaveTo)
-	})
-}
-
-export const animateNodes = (node, callback) => {
-
-	const childnodes = node.nodeType == 1
-		? Array.prototype.slice.call(node.querySelectorAll('[data-animation]'))
-		: []
-
-	const list = node.dataset && node.dataset.animation
-		? [node].concat(childnodes)
-		: childnodes
-
-	list.forEach(n => callback(n, n.dataset.animation))
-
-	return list.length > 0
-}

package/src/element.js

@@ -1,55 +0,0 @@
-import Component 	from './component'
-import { trigger } 	from './utils/events'
-import { nextFrame } from './utils'
-
-export const create = ({ element, view, modules }) => {
-
-	element.__instances__ = {}
-	element.__model__ = {}
-
-	const names = element.dataset.component.split(/\s/)
-
-	if(!element.dataset.reactorId){
-		view.setNewElement(element)
-	}
-
-	names.forEach( name => {
-
-		if( name in modules && (!element.__instances__[name]) ){
-
-			const component = modules[name]
-
-			nextFrame(_ => {
-				const base = Component({ name, element, view, component })
-
-				element.__instances__[name] = { base, methods: {} }
-
-				element.__update__ = (state) => {
-					for ( let name in element.__instances__ )
-						element.__instances__[name].base.update(state)
-				}
-
-				component.module.default(base)
-				base.__initialize(base)
-				delete base.__initialize
-			})
-		}
-	})
-
-}
-
-export const ismounted = (element) => {
-	return Boolean( element.__instances__ )
-}
-
-export const destroy = ({ element }) => {
-
-	trigger(element, ':destroy')
-
-	for (let ev in element.__events)
-		element.removeEventListener(ev, element.__events[ev].listener)
-
-	delete element.__events
-	delete element.__instances__
-	delete element.__model__
-}

package/src/view.js

@@ -1,126 +0,0 @@
-import morphdom from 'morphdom'
-import sodajs from 'sodajs'
-
-import * as animation from './animation'
-import { dup, createTemplates, setIds } from './utils'
-import repeatDirective from './repeat'
-
-const STATIC = 'static'
-const COMPONENT = '[data-component]'
-
-export default function View( callback ) {
-
-	const root = document.body
-	const { templates, html } = createTemplates(root.innerHTML, 'html')
-	const models = {}
-	const SST = {}
-
-	sodajs.prefix('v-')
-	repeatDirective({ sodajs, models })
-
-	return {
-
-		mode : 'production',
-		templates,
-		models,
-		SST,
-
-		update( element, data ){
-			if (element) {
-				const id = element.dataset.reactorId
-				const template = templates[id]
-				const newstate = Object.assign({}, element.__model__, dup(data))
-				const newhtml = sodajs(template, newstate)
-				morphdom( element, newhtml, lifecycle(element, data, SST))
-				if( element.__model__ ){
-					Object.assign( element.__model__, newstate )
-				}
-			}
-		},
-
-		observe() {
-			const observer = observe( callback )
-			root.innerHTML = sodajs(html, {})
-			return observer
-		},
-
-		setNewElement(element){
-			setIds(templates, element)
-		}
-	}
-}
-
-const observe = ( callback ) => {
-	const observer = new MutationObserver(mutations => mutations.forEach(onMutation(callback)))
-	observer.observe(document.body, { childList: true, subtree: true })
-	return observer;
-}
-
-const onMutation = (callback) => (mutation) => {
-	if (mutation.type === 'childList') {
-		if (mutation.addedNodes.length) {
-			callback.onAdd(scan())
-		} else if (mutation.removedNodes.length) {
-			callback.onRemove(mutation.removedNodes)
-		}
-	}
-}
-
-const scan = () => {
-	return Array
-		.from( document.querySelectorAll(COMPONENT) )
-		.reverse()
-}
-
-const lifecycle = (elm, data, SST) => ({
-
-	getNodeKey(node) {
-		if (node.nodeType === 1) {
-			return node.dataset.key || node.dataset.reactorId
-		}
-		return false
-	},
-
-	onBeforeElUpdated(node) {
-		return update( elm, data, SST, node )
-	},
-
-	onBeforeElChildrenUpdated(node, tonode) {
-		return update( elm, data, SST, node )
-	},
-
-	onNodeAdded(node) {
-		animation.animateNodes(node, animation.onAdd)
-	},
-
-	onBeforeNodeAdded(node) {
-		animation.animateNodes(node, animation.onBeforeAdd)
-	},
-
-	onBeforeNodeDiscarded(node) {
-		return !animation.animateNodes(node, animation.onRemove)
-	}
-})
-
-const update = (elm, data, SST, node) => {
-
-	if (node.nodeType === 1) {
-		// If element has static property, don't update
-		if ( STATIC in node.dataset )
-			return false
-
-		// If element is child and a component, don't update
-		if (node !== elm && node.dataset.component && node.__update__) {
-
-			const newdata = Object.assign(SST, data)
-			node.__update__(newdata)
-
-			Array.from(node.querySelectorAll(COMPONENT)).forEach(el => {
-				if (el.dataset.component && el.__update__)
-					el.__update__(newdata)
-			})
-
-			return false
-		}
-	}
-}