maquette 3.4.1 → 3.5.2

package/dist/maquette.umd.min.js

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports):"function"==typeof define&&define.amd?define(["exports"],r):r((e=e||self).maquette={})}(this,function(e){"use strict";function f(r,t){var n={};return Object.keys(r).forEach(function(e){n[e]=r[e]}),t&&Object.keys(t).forEach(function(e){n[e]=t[e]}),n}function h(e,r){return e.vnodeSelector===r.vnodeSelector&&(e.properties&&r.properties?e.properties.key===r.properties.key&&e.properties.bind===r.properties.bind:!e.properties&&!r.properties)}function A(e){if("string"!=typeof e)throw Error("Style values must be strings")}function m(e,r,t,n){var o=e[r];if(""!==o.vnodeSelector){var i=o.properties;if(!(i&&(void 0===i.key?i.bind:i.key)))for(var d=0;d<e.length;d++)if(d!==r&&h(e[d],o))throw Error(t.vnodeSelector+" had a "+o.vnodeSelector+" child "+("added"===n?n:"removed")+", but there is now more than one. You must add unique key properties to make them distinguishable.")}}function r(){d=!1,i.forEach(a),i.length=0}function n(e){i.push(e),d||(d=!0,"undefined"!=typeof window&&"requestIdleCallback"in window?window.requestIdleCallback(r,{timeout:16}):setTimeout(r,16))}function g(e){var r=e.domNode;if(e.properties){var t=e.properties.exitAnimation;if(t)return r.style.pointerEvents="none",t(r,function(){r.parentNode&&(r.parentNode.removeChild(r),n(e))},e.properties),0}r.parentNode&&(r.parentNode.removeChild(r),n(e))}function u(e,r,t){!function(e,r,t){if(r)for(var n=0,o=r;n<o.length;n++){var i=o[n];N(i,e,void 0,t)}}(e,r.children,t),r.text&&(e.textContent=r.text),function(f,u,v){if(u)for(var h=v.eventHandlerInterceptor,m=Object.keys(u),e=m.length,g=0;g<e;g++)!function(){var e,r,t=m[g],n=u[t];if("className"===t)throw Error('Property "className" is not supported, use "class".');if("class"===t)E(f,n,!0);else if("classes"===t)for(var o=Object.keys(n),i=o.length,d=0;d<i;d++){var a=o[d];n[a]&&f.classList.add(a)}else if("styles"===t)for(var p=Object.keys(n),s=p.length,d=0;d<s;d++){var c=p[d],l=n[c];l&&(A(l),v.styleApplyer(f,c,l))}else"key"!==t&&null!=n&&("function"==(e=typeof n)?t.lastIndexOf("on",0)||(h&&(n=h(t,n,f,u)),"oninput"===t&&(r=n,n=function(e){r.call(this,e),e.target["oninput-value"]=e.target.value}),f[t]=n):v.namespace===S?"href"===t?f.setAttributeNS(k,t,n):f.setAttribute(t,n):"string"==e&&"value"!==t&&"innerHTML"!==t?f.setAttribute(t,n):f[t]=n)}()}(e,r.properties,t),r.properties&&r.properties.afterCreate&&r.properties.afterCreate.call(r.properties.bind||r.properties,e,t,r.vnodeSelector,r.properties,r.children)}function o(r,t){return{getLastRender:function(){return r},update:function(e){if(r.vnodeSelector!==e.vnodeSelector)throw Error("The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)");b(r,r=e,t)},domNode:r.domNode}}function p(e){return f(s,e)}var t="http://www.w3.org/",S=t+"2000/svg",k=t+"1999/xlink",y=[],i=[],d=!1,a=function(e){(e.children||[]).forEach(a),e.properties&&e.properties.afterRemoved&&e.properties.afterRemoved.call(e.properties.bind||e.properties,e.domNode)},N=function(e,r,t,n){var o,i=0,d=e.vnodeSelector,a=r.ownerDocument;if(""===d)o=e.domNode=a.createTextNode(e.text),void 0!==t?r.insertBefore(o,t):r.appendChild(o);else{for(var p=0;p<=d.length;++p){var s,c,l=d[0|p];p!==d.length&&"."!=l&&"#"!=l||(s=d[0|i-1],c=d.slice(i,p),"."==s?o.classList.add(c):"#"==s?o.id=c:("svg"===c&&(n=f(n,{namespace:S})),void 0!==n.namespace?o=e.domNode=a.createElementNS(n.namespace,c):(o=e.domNode=e.domNode||a.createElement(c),"input"===c&&e.properties&&void 0!==e.properties.type&&o.setAttribute("type",e.properties.type)),void 0!==t?r.insertBefore(o,t):o.parentNode!==r&&r.appendChild(o)),i=p+1)}u(o,e,n)}},E=function(r,e,t){e&&e.split(" ").forEach(function(e){e&&r.classList.toggle(e,t)})},b=function(e,r,t){var n=e.domNode;if(e===r)return!1;var o=!1;if(""===r.vnodeSelector){if(r.text!==e.text){var i=n.ownerDocument.createTextNode(r.text);return n.parentNode.replaceChild(i,n),r.domNode=i,!0}r.domNode=n}else r.vnodeSelector.lastIndexOf("svg",0)||(t=f(t,{namespace:S})),e.text!==r.text&&(o=!0,void 0===r.text?n.removeChild(n.firstChild):n.textContent=r.text),r.domNode=n,o=function(e,r,t,n,o){if(t===n)return!1;for(var i,d,a=(t=t||y).length,p=(n=n||y).length,s=0,c=0,l=!1;c<p;){var f=s<a?t[s]:void 0,u=n[c];if(void 0!==f&&h(f,u))l=b(f,u,o)||l,s++;else{var v=function(e,r,t){if(""!==r.vnodeSelector)for(var n=t;n<e.length;n++)if(h(e[n],r))return n;return-1}(t,u,s+1);if(v<0)N(u,r,s<a?t[s].domNode:void 0,o),d=void 0,!u.properties||(d=u.properties.enterAnimation)&&d(u.domNode,u.properties),m(n,c,e,"added");else{for(i=s;i<v;i++)g(t[i]),m(t,i,e,"removed");l=b(t[v],u,o)||l,s=v+1}}c++}if(s<a)for(i=s;i<a;i++)g(t[i]),m(t,i,e,"removed");return l}(r,n,e.children,r.children,t)||o,o=function(e,r,t,n){if(t){for(var o=!1,i=Object.keys(t),d=i.length,a=0;a<d;a++){var p,s,c=i[a],l=t[c],f=r[c];if("class"===c)f!==l&&(E(e,f,!1),E(e,l,!0));else if("classes"===c)for(var u=e.classList,v=Object.keys(l),h=v.length,m=0;m<h;m++){var g=v[m],y=!!l[g];y!=!!f[g]&&(o=!0,y?u.add(g):u.remove(g))}else if("styles"===c)for(var N=Object.keys(l),b=N.length,m=0;m<b;m++){var w=N[m],x=l[w];x!==f[w]&&(o=!0,x?(A(x),n.styleApplyer(e,w,x)):n.styleApplyer(e,w,""))}else l||"string"!=typeof f||(l=""),"value"===c?((p=e[c])!==l&&(e["oninput-value"]?p===e["oninput-value"]:l!==f)&&(e[c]=l,e["oninput-value"]=void 0),l!==f&&(o=!0)):l!==f&&("function"==(s=typeof l)&&n.eventHandlerInterceptor||(n.namespace===S?"href"===c?e.setAttributeNS(k,c,l):e.setAttribute(c,l):"string"==s&&"innerHTML"!==c?"role"===c&&""===l?e.removeAttribute(c):e.setAttribute(c,l):e[c]!==l&&(e[c]=l),o=!0))}return o}}(n,e.properties,r.properties,t)||o,r.properties&&r.properties.afterUpdate&&r.properties.afterUpdate.call(r.properties.bind||r.properties,n,t,r.vnodeSelector,r.properties,r.children);return o&&r.properties&&r.properties.updateAnimation&&r.properties.updateAnimation(n,r.properties,e.properties),!1},s={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(e,r,t){"-"==r[0]?e.style.setProperty(r,t):e.style[r]=t}},v={create:function(e,r){return r=p(r),N(e,document.createElement("div"),void 0,r),o(e,r)},append:function(e,r,t){return t=p(t),N(r,e,void 0,t),o(r,t)},insertBefore:function(e,r,t){return t=p(t),N(r,e.parentNode,e,t),o(r,t)},merge:function(e,r,t){return t=p(t),u(r.domNode=e,r,t),o(r,t)},replace:function(e,r,t){return t=p(t),N(r,e.parentNode,e,t),e.parentNode.removeChild(e),o(r,t)}},c=function(e,r,t){for(var n=0,o=r.length;n<o;n++){var i=r[n];Array.isArray(i)?c(e,i,t):null!=i&&!1!==i&&("string"==typeof i&&(i={vnodeSelector:"",properties:void 0,children:void 0,text:i.toString(),domNode:null}),t.push(i))}},w=Array.prototype.find?function(e,r){return e.find(r)}:function(e,r){return e.filter(r)[0]};e.createCache=function(){var n,o;return{invalidate:function(){n=o=void 0},result:function(e,r){if(n)for(var t=0;t<e.length;t++)n[t]!==e[t]&&(o=void 0);return o||(o=r(),n=e),o}}},e.createMapping=function(c,l,f){var u=[],v=[];return{results:v,map:function(e){for(var r=e.map(c),t=v.slice(),n=0,o=0;o<e.length;o++){var i=e[o],d=r[o];if(d===u[n])v[o]=t[n],f(i,t[n],o),n++;else{for(var a=!1,p=1;p<u.length+1;p++){var s=(n+p)%u.length;if(u[s]===d){v[o]=t[s],f(e[o],t[s],o),n=1+s,a=!0;break}}a||(v[o]=l(i,o))}}v.length=e.length,u=r}}},e.createProjector=function(e){function t(e,r,t){var a,p,s;function o(e){s("domEvent",e);var r=a,t=function(e,r){for(var t=[];e&&e!==r;)t.push(e),e=e.parentNode;return t}(e.currentTarget,r.domNode);t.reverse();var n,o,i,d=(n=r.getLastRender(),o=n,t.forEach(function(r){o=o&&o.children?w(o.children,function(e){return e.domNode===r}):void 0}),o);return p.scheduleRender(),d&&(i=d.properties["on"+e.type].apply(d.properties.bind||this,arguments)),s("domEventProcessed",e),i}i.eventHandlerInterceptor=(p=f,s=d,function(e,r,t,n){return o}),a=e(r,t(),i),c.push(a),l.push(t)}function r(){if(n=void 0,o){o=!1,d("renderStart",void 0);for(var e=0;e<c.length;e++){var r=l[e]();d("rendered",void 0),c[e].update(r),d("patched",void 0)}d("renderDone",void 0),o=!0}}var n,i=p(e),d=i.performanceLogger,o=!0,a=!1,c=[],l=[],f={renderNow:r,scheduleRender:function(){n||a||(n=requestAnimationFrame(r))},stop:function(){n&&(cancelAnimationFrame(n),n=void 0),a=!0},resume:function(){o=!(a=!1),f.scheduleRender()},append:function(e,r){t(v.append,e,r)},insertBefore:function(e,r){t(v.insertBefore,e,r)},merge:function(e,r){t(v.merge,e,r)},replace:function(e,r){t(v.replace,e,r)},detach:function(e){for(var r=0;r<l.length;r++)if(l[r]===e)return l.splice(r,1),c.splice(r,1)[0];throw Error("renderFunction was not found")}};return f},e.dom=v,e.h=function(e,r,t){if(Array.isArray(r))t=r,r=void 0;else if(r&&("string"==typeof r||r.hasOwnProperty("vnodeSelector"))||t&&("string"==typeof t||t.hasOwnProperty("vnodeSelector")))throw Error("h called with invalid arguments");var n,o;return t&&1===t.length&&"string"==typeof t[0]?n=t[0]:t&&(c(e,t,o=[]),0===o.length&&(o=void 0)),{vnodeSelector:e,properties:r,children:o,text:""===n?void 0:n,domNode:null}},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).maquette={})}(this,function(e){"use strict";function l(t,r){var o={};return Object.keys(t).forEach(function(e){o[e]=t[e]}),r&&Object.keys(r).forEach(function(e){o[e]=r[e]}),o}function h(e,t){return e.vnodeSelector===t.vnodeSelector&&(e.properties&&t.properties?e.properties.key===t.properties.key&&e.properties.bind===t.properties.bind:!e.properties&&!t.properties)}function A(e){if("string"!=typeof e)throw Error("Style values must be strings")}function m(e,t,r,o){var n=e[t];if(""!==n.vnodeSelector){var i=n.properties;if(!(i&&(void 0===i.key?i.bind:i.key)))for(var d=0;d<e.length;d++)if(d!==t&&h(e[d],n))throw{error:Error("".concat(r.vnodeSelector," had a ").concat(n.vnodeSelector," child ").concat("added"===o?o:"removed",", but there is now more than one. You must add unique key properties to make them distinguishable.")),parentNode:r,childNode:n}}}function t(){p=!1,a.forEach(s),a.length=0}function o(e){a.push(e),p||(p=!0,"undefined"!=typeof window&&"requestIdleCallback"in window?window.requestIdleCallback(t,{timeout:16}):setTimeout(t,16))}function g(e){var t=e.domNode;if(e.properties){var r=e.properties.exitAnimation;if(r)return t.style.pointerEvents="none",r(t,function(){t.parentNode&&(t.parentNode.removeChild(t),o(e))},e.properties),0}t.parentNode&&(t.parentNode.removeChild(t),o(e))}function n(f,u,v){if(u)for(var h=v.eventHandlerInterceptor,m=Object.keys(u),e=m.length,g=0;g<e;g++)!function(e){var t,r=m[g],o=u[r];if("className"===r)throw Error('Property "className" is not supported, use "class".');if("class"===r)k(f,o,!0);else if("classes"===r)for(var n=Object.keys(o),i=n.length,d=0;d<i;d++){var a=n[d];o[a]&&f.classList.add(a)}else if("styles"===r)for(var p=Object.keys(o),s=p.length,d=0;d<s;d++){var c=p[d],l=o[c];l&&(A(l),v.styleApplyer(f,c,l))}else"key"!==r&&null!=o&&("function"==(e=typeof o)?(r.lastIndexOf("on",0)||(h&&(o=h(r,o,f,u)),"oninput"===r&&(t=o,o=function(e){t.call(this,e),e.target["oninput-value"]=e.target.value})),f[r]=o):v.namespace===S?"href"===r?f.setAttributeNS(w,r,o):f.setAttribute(r,o):"string"==e&&"value"!==r&&"innerHTML"!==r?f.setAttribute(r,o):f[r]=o)}()}function f(e,t,r){!function(e,t,r){if(t)for(var o=0,n=t;o<n.length;o++){var i=n[o];N(i,e,void 0,r)}}(e,t.children,r),t.text&&(e.textContent=t.text),n(e,t.properties,r),t.properties&&t.properties.afterCreate&&t.properties.afterCreate.call(t.properties.bind||t.properties,e,r,t.vnodeSelector,t.properties,t.children)}function i(t,r){return{getLastRender:function(){return t},update:function(e){if(t.vnodeSelector!==e.vnodeSelector)throw Error("The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)");b(t,t=e,r)},domNode:t.domNode}}function d(e){return l(c,e)}var r="http://www.w3.org/",S="".concat(r,"2000/svg"),w="".concat(r,"1999/xlink"),y=[],a=[],p=!1,s=function(e){(e.children||[]).forEach(s),e.properties&&e.properties.afterRemoved&&e.properties.afterRemoved.call(e.properties.bind||e.properties,e.domNode)},N=function(e,t,r,o){var n,i=0,d=e.vnodeSelector,a=t.ownerDocument;if(""===d)n=e.domNode=a.createTextNode(e.text),void 0!==r?t.insertBefore(n,r):t.appendChild(n);else{for(var p=0;p<=d.length;++p){var s,c=d[0|p]||"";p!==d.length&&"."!=c&&"#"!=c||(s=d[0|i-1]||"",c=d.slice(i,p),"."==s?n.classList.add(c):"#"==s?n.id=c:(void 0!==(o="svg"===c?l(o,{namespace:S}):o).namespace?n=e.domNode=a.createElementNS(o.namespace,c):(n=e.domNode=e.domNode||a.createElement(c),"input"===c&&e.properties&&void 0!==e.properties.type&&n.setAttribute("type",e.properties.type)),void 0!==r?t.insertBefore(n,r):n.parentNode!==t&&t.appendChild(n)),i=p+1)}f(n,e,o)}},k=function(t,e,r){e&&e.split(" ").forEach(function(e){e&&t.classList.toggle(e,r)})},b=function(e,t,r){var o=e.domNode;if(e===t)return!1;var n=!1;if(""===t.vnodeSelector){if(t.text!==e.text){var i=o.ownerDocument.createTextNode(t.text);return o.parentNode.replaceChild(i,o),t.domNode=i,!0}t.domNode=o}else t.vnodeSelector.lastIndexOf("svg",0)||(r=l(r,{namespace:S})),e.text!==t.text&&(n=!0,void 0===t.text?o.removeChild(o.firstChild):o.textContent=t.text),t.domNode=o,n=function(e,t,r,o,n){if(r===o)return!1;for(var i,d,a=(r=r||y).length,p=(o=o||y).length,s=0,c=0,l=!1;c<p;){var f=s<a?r[s]:void 0,u=o[c];if(void 0!==f&&h(f,u))l=b(f,u,n)||l,s++;else{var v=function(e,t){if(""!==t.vnodeSelector)for(var r=s+1;r<e.length;r++)if(h(e[r],t))return r;return-1}(r,u);if(v<0)N(u,t,s<a?r[s].domNode:void 0,n),d=void 0,!(f=u).properties||(d=f.properties.enterAnimation)&&d(f.domNode,f.properties),m(o,c,e,"added");else{for(i=s;i<v;i++)g(r[i]),m(r,i,e,"removed");l=b(r[v],u,n)||l,s=v+1}}c++}if(s<a)for(i=s;i<a;i++)g(r[i]),m(r,i,e,"removed");return l}(t,o,e.children,t.children,r)||n,n=function(e,t,r,o){if(r){for(var n=!1,i=Object.keys(r),d=i.length,a=0;a<d;a++){var p,s=i[a],c=r[s],l=t[s];if("class"===s)l!==c&&(k(e,l,!1),k(e,c,!0));else if("classes"===s)for(var f=e.classList,u=Object.keys(c),v=u.length,h=0;h<v;h++){var m=u[h],g=!!c[m];g!=!!l[m]&&(n=!0,g?f.add(m):f.remove(m))}else if("styles"===s)for(var y=Object.keys(c),N=y.length,h=0;h<N;h++){var b=y[h],x=c[b];x!==l[b]&&(n=!0,x?(A(x),o.styleApplyer(e,b,x)):o.styleApplyer(e,b,""))}else c||"string"!=typeof l||(c=""),"value"===s?((p=e[s])!==c&&(e["oninput-value"]?p===e["oninput-value"]:c!==l)&&(e[s]=c,e["oninput-value"]=void 0),c!==l&&(n=!0)):c!==l&&("function"==(p=typeof c)&&o.eventHandlerInterceptor||(o.namespace===S?"href"===s?e.setAttributeNS(w,s,c):e.setAttribute(s,c):"string"==p&&"innerHTML"!==s?"role"===s&&""===c?e.removeAttribute(s):e.setAttribute(s,c):e[s]!==c&&(e[s]=c),n=!0))}return n}}(o,e.properties,t.properties,r)||n,t.properties&&t.properties.afterUpdate&&t.properties.afterUpdate.call(t.properties.bind||t.properties,o,r,t.vnodeSelector,t.properties,t.children);return n&&t.properties&&t.properties.updateAnimation&&t.properties.updateAnimation(o,t.properties,e.properties),!1},c={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(e,t,r){"-"==(t[0]||"")?e.style.setProperty(t,r):e.style[t]=r}},u={create:function(e,t){return t=d(t),N(e,document.createElement("div"),void 0,t),i(e,t)},append:function(e,t,r){return r=d(r),N(t,e,void 0,r),i(t,r)},insertBefore:function(e,t,r){return r=d(r),N(t,e.parentNode,e,r),i(t,r)},merge:function(e,t,r){return r=d(r),f(t.domNode=e,t,r),i(t,r)},replace:function(e,t,r){return r=d(r),N(t,e.parentNode,e,r),e.parentNode.removeChild(e),i(t,r)}},v=function(e,t,r){for(var o=0,n=t.length;o<n;o++){var i=t[o];Array.isArray(i)?v(e,i,r):null!=i&&!1!==i&&("string"==typeof i&&(i={vnodeSelector:"",properties:void 0,children:void 0,text:i.toString(),domNode:null}),r.push(i))}},x=Array.prototype.find?function(e,t){return e.find(t)}:function(e,t){return e.filter(t)[0]};e.createCache=function(){var o,n;return{invalidate:function(){o=n=void 0},result:function(e,t){if(o)for(var r=0;r<e.length;r++)o[r]!==e[r]&&(n=void 0);return n||(n=t(),o=e),n}}},e.createMapping=function(c,l,f){var u=[],v=[];return{results:v,map:function(e){for(var t=e.map(c),r=v.slice(),o=0,n=0;n<e.length;n++){var i=e[n],d=t[n];if(d===u[o])v[n]=r[o],f(i,r[o],n),o++;else{for(var a=!1,p=1;p<u.length+1;p++){var s=(o+p)%u.length;if(u[s]===d){v[n]=r[s],f(e[n],r[s],n),o=1+s,a=!0;break}}a||(v[n]=l(i,n))}}v.length=e.length,u=t}}},e.createProjector=function(e){function r(e,t,r){var i,d,a;function n(e){a("domEvent",e);var t=i;(n=function(e,t){for(var r=[];e&&e!==t;)r.push(e),e=e.parentNode;return r}(e.currentTarget,t.domNode)).reverse();var r,o,n=(t=t.getLastRender(),r=t,n.forEach(function(t){r=r&&r.children?x(r.children,function(e){return e.domNode===t}):void 0}),r);return d.scheduleRender(),n&&(o=n.properties["on".concat(e.type)].apply(n.properties.bind||this,arguments)),a("domEventProcessed",e),o}p.eventHandlerInterceptor=(d=f,a=s,function(e,t,r,o){return n}),i=e(t,r(),p),c.push(i),l.push(r)}function t(){if(o=void 0,n){n=!1,s("renderStart",void 0);for(var e=0;e<c.length;e++){var t=l[e]();s("rendered",void 0),c[e].update(t),s("patched",void 0)}s("renderDone",void 0),n=!0}}var o,p=d(e),s=p.performanceLogger,n=!0,i=!1,c=[],l=[],f={renderNow:t,scheduleRender:function(){o||i||(o=requestAnimationFrame(t))},stop:function(){o&&(cancelAnimationFrame(o),o=void 0),i=!0},resume:function(){n=!(i=!1),f.scheduleRender()},append:function(e,t){r(u.append,e,t)},insertBefore:function(e,t){r(u.insertBefore,e,t)},merge:function(e,t){r(u.merge,e,t)},replace:function(e,t){r(u.replace,e,t)},detach:function(e){for(var t=0;t<l.length;t++)if(l[t]===e)return l.splice(t,1),c.splice(t,1)[0];throw Error("renderFunction was not found")}};return f},e.dom=u,e.h=function(e,t,r){if(Array.isArray(t))r=t,t=void 0;else if(t&&("string"==typeof t||t.vnodeSelector)||r&&("string"==typeof r||r.vnodeSelector))throw Error("h called with invalid arguments");var o,n;return r&&1===r.length&&"string"==typeof r[0]?o=r[0]:r&&(v(e,r,n=[]),0===n.length&&(n=void 0)),{vnodeSelector:e,properties:t,children:n,text:""===o?void 0:o,domNode:null}},Object.defineProperty(e,"__esModule",{value:!0})});

package/dist/projection.d.ts

@@ -1,7 +1,7 @@
 /**
  * Exports here are NOT re-exported to maquette
  */
-import { Projection, ProjectionOptions, VNode } from './interfaces';
+import { Projection, ProjectionOptions, VNode } from "./interfaces";
 export declare let extend: <T>(base: T, overrides: any) => T;
 export declare let initPropertiesAndChildren: (domNode: Node, vnode: VNode, projectionOptions: ProjectionOptions) => void;
 export declare let createDom: (vnode: VNode, parentNode: Node, insertBefore: Node | null | undefined, projectionOptions: ProjectionOptions) => void;

package/dist/projection.js

@@ -1,8 +1,6 @@
-/* tslint:disable no-http-string */
-var NAMESPACE_W3 = 'http://www.w3.org/';
-/* tslint:enable no-http-string */
-var NAMESPACE_SVG = NAMESPACE_W3 + "2000/svg";
-var NAMESPACE_XLINK = NAMESPACE_W3 + "1999/xlink";
+var NAMESPACE_W3 = "http://www.w3.org/";
+var NAMESPACE_SVG = "".concat(NAMESPACE_W3, "2000/svg");
+var NAMESPACE_XLINK = "".concat(NAMESPACE_W3, "1999/xlink");
 var emptyArray = [];
 export var extend = function (base, overrides) {
     var result = {};
@@ -29,12 +27,12 @@ var same = function (vnode1, vnode2) {
     return !vnode1.properties && !vnode2.properties;
 };
 var checkStyleValue = function (styleValue) {
-    if (typeof styleValue !== 'string') {
-        throw new Error('Style values must be strings');
+    if (typeof styleValue !== "string") {
+        throw new Error("Style values must be strings");
     }
 };
 var findIndexOfChild = function (children, sameAs, start) {
-    if (sameAs.vnodeSelector !== '') {
+    if (sameAs.vnodeSelector !== "") {
         // Never scan for text-nodes
         for (var i = start; i < children.length; i++) {
             if (same(children[i], sameAs)) {
@@ -46,17 +44,26 @@ var findIndexOfChild = function (children, sameAs, start) {
 };
 var checkDistinguishable = function (childNodes, indexToCheck, parentVNode, operation) {
     var childNode = childNodes[indexToCheck];
-    if (childNode.vnodeSelector === '') {
+    if (childNode.vnodeSelector === "") {
         return; // Text nodes need not be distinguishable
     }
     var properties = childNode.properties;
-    var key = properties ? (properties.key === undefined ? properties.bind : properties.key) : undefined;
-    if (!key) { // A key is just assumed to be unique
+    var key = properties
+        ? properties.key === undefined
+            ? properties.bind
+            : properties.key
+        : undefined;
+    if (!key) {
+        // A key is just assumed to be unique
         for (var i = 0; i < childNodes.length; i++) {
             if (i !== indexToCheck) {
                 var node = childNodes[i];
                 if (same(node, childNode)) {
-                    throw new Error(parentVNode.vnodeSelector + " had a " + childNode.vnodeSelector + " child " + (operation === 'added' ? operation : 'removed') + ", but there is now more than one. You must add unique key properties to make them distinguishable.");
+                    throw {
+                        error: new Error("".concat(parentVNode.vnodeSelector, " had a ").concat(childNode.vnodeSelector, " child ").concat(operation === "added" ? operation : "removed", ", but there is now more than one. You must add unique key properties to make them distinguishable.")),
+                        parentNode: parentVNode,
+                        childNode: childNode,
+                    };
                 }
             }
         }
@@ -75,7 +82,9 @@ var requestedIdleCallback = false;
 var visitRemovedNode = function (node) {
     (node.children || []).forEach(visitRemovedNode);
     if (node.properties && node.properties.afterRemoved) {
-        node.properties.afterRemoved.apply(node.properties.bind || node.properties, [node.domNode]);
+        node.properties.afterRemoved.apply(node.properties.bind || node.properties, [
+            node.domNode,
+        ]);
     }
 };
 var processPendingNodeRemovals = function () {
@@ -87,7 +96,7 @@ var scheduleNodeRemoval = function (vNode) {
     removedNodes.push(vNode);
     if (!requestedIdleCallback) {
         requestedIdleCallback = true;
-        if (typeof window !== 'undefined' && 'requestIdleCallback' in window) {
+        if (typeof window !== "undefined" && "requestIdleCallback" in window) {
             window.requestIdleCallback(processPendingNodeRemovals, { timeout: 16 });
         }
         else {
@@ -100,7 +109,7 @@ var nodeToRemove = function (vNode) {
     if (vNode.properties) {
         var exitAnimation = vNode.properties.exitAnimation;
         if (exitAnimation) {
-            domNode.style.pointerEvents = 'none';
+            domNode.style.pointerEvents = "none";
             var removeDomNode = function () {
                 if (domNode.parentNode) {
                     domNode.parentNode.removeChild(domNode);
@@ -126,13 +135,13 @@ var setProperties = function (domNode, properties, projectionOptions) {
     var _loop_1 = function (i) {
         var propName = propNames[i];
         var propValue = properties[propName];
-        if (propName === 'className') {
+        if (propName === "className") {
             throw new Error('Property "className" is not supported, use "class".');
         }
-        else if (propName === 'class') {
+        else if (propName === "class") {
             toggleClasses(domNode, propValue, true);
         }
-        else if (propName === 'classes') {
+        else if (propName === "classes") {
             // object with string keys and boolean values
             var classNames = Object.keys(propValue);
             var classNameCount = classNames.length;
@@ -143,7 +152,7 @@ var setProperties = function (domNode, properties, projectionOptions) {
                 }
             }
         }
-        else if (propName === 'styles') {
+        else if (propName === "styles") {
             // object with string keys and string (!) values
             var styleNames = Object.keys(propValue);
             var styleCount = styleNames.length;
@@ -156,30 +165,29 @@ var setProperties = function (domNode, properties, projectionOptions) {
                 }
             }
         }
-        else if (propName !== 'key' && propValue !== null && propValue !== undefined) {
+        else if (propName !== "key" && propValue !== null && propValue !== undefined) {
             var type = typeof propValue;
-            if (type === 'function') {
-                if (propName.lastIndexOf('on', 0) === 0) { // lastIndexOf(,0)===0 -> startsWith
+            if (type === "function") {
+                if (propName.lastIndexOf("on", 0) === 0) {
+                    // lastIndexOf(,0)===0 -> startsWith
                     if (eventHandlerInterceptor) {
                         propValue = eventHandlerInterceptor(propName, propValue, domNode, properties); // intercept eventhandlers
                     }
-                    if (propName === 'oninput') {
-                        /* tslint:disable no-this-keyword no-invalid-this only-arrow-functions no-void-expression */
+                    if (propName === "oninput") {
                         (function () {
                             // record the evt.target.value, because IE and Edge sometimes do a requestAnimationFrame between changing value and running oninput
                             var oldPropValue = propValue;
                             propValue = function (evt) {
                                 oldPropValue.apply(this, [evt]);
-                                evt.target['oninput-value'] = evt.target.value; // may be HTMLTextAreaElement as well
+                                evt.target["oninput-value"] = evt.target.value; // may be HTMLTextAreaElement as well
                             };
-                        }());
-                        /* tslint:enable */
+                        })();
                     }
-                    domNode[propName] = propValue;
                 }
+                domNode[propName] = propValue;
             }
             else if (projectionOptions.namespace === NAMESPACE_SVG) {
-                if (propName === 'href') {
+                if (propName === "href") {
                     domNode.setAttributeNS(NAMESPACE_XLINK, propName, propValue);
                 }
                 else {
@@ -187,7 +195,7 @@ var setProperties = function (domNode, properties, projectionOptions) {
                     domNode.setAttribute(propName, propValue);
                 }
             }
-            else if (type === 'string' && propName !== 'value' && propName !== 'innerHTML') {
+            else if (type === "string" && propName !== "value" && propName !== "innerHTML") {
                 domNode.setAttribute(propName, propValue);
             }
             else {
@@ -215,7 +223,13 @@ export var initPropertiesAndChildren = function (domNode, vnode, projectionOptio
     }
     setProperties(domNode, vnode.properties, projectionOptions);
     if (vnode.properties && vnode.properties.afterCreate) {
-        vnode.properties.afterCreate.apply(vnode.properties.bind || vnode.properties, [domNode, projectionOptions, vnode.vnodeSelector, vnode.properties, vnode.children]);
+        vnode.properties.afterCreate.apply(vnode.properties.bind || vnode.properties, [
+            domNode,
+            projectionOptions,
+            vnode.vnodeSelector,
+            vnode.properties,
+            vnode.children,
+        ]);
     }
 };
 export var createDom = function (vnode, parentNode, insertBefore, projectionOptions) {
@@ -223,7 +237,7 @@ export var createDom = function (vnode, parentNode, insertBefore, projectionOpti
     var start = 0;
     var vnodeSelector = vnode.vnodeSelector;
     var doc = parentNode.ownerDocument;
-    if (vnodeSelector === '') {
+    if (vnodeSelector === "") {
         domNode = vnode.domNode = doc.createTextNode(vnode.text);
         if (insertBefore !== undefined) {
             parentNode.insertBefore(domNode, insertBefore);
@@ -235,27 +249,29 @@ export var createDom = function (vnode, parentNode, insertBefore, projectionOpti
     else {
         for (var i = 0; i <= vnodeSelector.length; ++i) {
             var c = vnodeSelector.charAt(i);
-            if (i === vnodeSelector.length || c === '.' || c === '#') {
+            if (i === vnodeSelector.length || c === "." || c === "#") {
                 var type = vnodeSelector.charAt(start - 1);
                 var found = vnodeSelector.slice(start, i);
-                if (type === '.') {
+                if (type === ".") {
                     domNode.classList.add(found);
                 }
-                else if (type === '#') {
+                else if (type === "#") {
                     domNode.id = found;
                 }
                 else {
-                    if (found === 'svg') {
-                        projectionOptions = extend(projectionOptions, { namespace: NAMESPACE_SVG });
+                    if (found === "svg") {
+                        projectionOptions = extend(projectionOptions, {
+                            namespace: NAMESPACE_SVG,
+                        });
                     }
                     if (projectionOptions.namespace !== undefined) {
                         domNode = vnode.domNode = doc.createElementNS(projectionOptions.namespace, found);
                     }
                     else {
-                        domNode = vnode.domNode = (vnode.domNode || doc.createElement(found));
-                        if (found === 'input' && vnode.properties && vnode.properties.type !== undefined) {
+                        domNode = vnode.domNode = vnode.domNode || doc.createElement(found);
+                        if (found === "input" && vnode.properties && vnode.properties.type !== undefined) {
                             // IE8 and older don't support setting input type after the DOM Node has been added to the document
-                            domNode.setAttribute('type', vnode.properties.type);
+                            domNode.setAttribute("type", vnode.properties.type);
                         }
                     }
                     if (insertBefore !== undefined) {
@@ -282,7 +298,7 @@ var toggleClasses = function (domNode, classes, on) {
     if (!classes) {
         return;
     }
-    classes.split(' ').forEach(function (classToToggle) {
+    classes.split(" ").forEach(function (classToToggle) {
         if (classToToggle) {
             domNode.classList.toggle(classToToggle, on);
         }
@@ -300,13 +316,13 @@ var updateProperties = function (domNode, previousProperties, properties, projec
         // assuming that properties will be nullified instead of missing is by design
         var propValue = properties[propName];
         var previousValue = previousProperties[propName];
-        if (propName === 'class') {
+        if (propName === "class") {
             if (previousValue !== propValue) {
                 toggleClasses(domNode, previousValue, false);
                 toggleClasses(domNode, propValue, true);
             }
         }
-        else if (propName === 'classes') {
+        else if (propName === "classes") {
             var classList = domNode.classList;
             var classNames = Object.keys(propValue);
             var classNameCount = classNames.length;
@@ -326,7 +342,7 @@ var updateProperties = function (domNode, previousProperties, properties, projec
                 }
             }
         }
-        else if (propName === 'styles') {
+        else if (propName === "styles") {
             var styleNames = Object.keys(propValue);
             var styleCount = styleNames.length;
             for (var j = 0; j < styleCount; j++) {
@@ -342,24 +358,25 @@ var updateProperties = function (domNode, previousProperties, properties, projec
                     projectionOptions.styleApplyer(domNode, styleName, newStyleValue);
                 }
                 else {
-                    projectionOptions.styleApplyer(domNode, styleName, '');
+                    projectionOptions.styleApplyer(domNode, styleName, "");
                 }
             }
         }
         else {
-            if (!propValue && typeof previousValue === 'string') {
-                propValue = '';
+            if (!propValue && typeof previousValue === "string") {
+                propValue = "";
             }
-            if (propName === 'value') { // value can be manipulated by the user directly and using event.preventDefault() is not an option
+            if (propName === "value") {
+                // value can be manipulated by the user directly and using event.preventDefault() is not an option
                 var domValue = domNode[propName];
-                if (domValue !== propValue // The 'value' in the DOM tree !== newValue
-                    && (domNode['oninput-value']
-                        ? domValue === domNode['oninput-value'] // If the last reported value to 'oninput' does not match domValue, do nothing and wait for oninput
-                        : propValue !== previousValue // Only update the value if the vdom changed
-                    )) {
+                if (domValue !== propValue && // The 'value' in the DOM tree !== newValue
+                    (domNode["oninput-value"]
+                        ? domValue === domNode["oninput-value"] // If the last reported value to 'oninput' does not match domValue, do nothing and wait for oninput
+                        : propValue !== previousValue) // Only update the value if the vdom changed
+                ) {
                     // The edge cases are described in the tests
                     domNode[propName] = propValue; // Reset the value, even if the virtual DOM did not change
-                    domNode['oninput-value'] = undefined;
+                    domNode["oninput-value"] = undefined;
                 } // else do not update the domNode, otherwise the cursor position would be changed
                 if (propValue !== previousValue) {
                     propertiesUpdated = true;
@@ -367,9 +384,10 @@ var updateProperties = function (domNode, previousProperties, properties, projec
             }
             else if (propValue !== previousValue) {
                 var type = typeof propValue;
-                if (type !== 'function' || !projectionOptions.eventHandlerInterceptor) { // Function updates are expected to be handled by the EventHandlerInterceptor
+                if (type !== "function" || !projectionOptions.eventHandlerInterceptor) {
+                    // Function updates are expected to be handled by the EventHandlerInterceptor
                     if (projectionOptions.namespace === NAMESPACE_SVG) {
-                        if (propName === 'href') {
+                        if (propName === "href") {
                             domNode.setAttributeNS(NAMESPACE_XLINK, propName, propValue);
                         }
                         else {
@@ -377,15 +395,16 @@ var updateProperties = function (domNode, previousProperties, properties, projec
                             domNode.setAttribute(propName, propValue);
                         }
                     }
-                    else if (type === 'string' && propName !== 'innerHTML') {
-                        if (propName === 'role' && propValue === '') {
+                    else if (type === "string" && propName !== "innerHTML") {
+                        if (propName === "role" && propValue === "") {
                             domNode.removeAttribute(propName);
                         }
                         else {
                             domNode.setAttribute(propName, propValue);
                         }
                     }
-                    else if (domNode[propName] !== propValue) { // Comparison is here for side-effects in Edge with scrollLeft and scrollTop
+                    else if (domNode[propName] !== propValue) {
+                        // Comparison is here for side-effects in Edge with scrollLeft and scrollTop
                         domNode[propName] = propValue;
                     }
                     propertiesUpdated = true;
@@ -408,7 +427,7 @@ var updateChildren = function (vnode, domNode, oldChildren, newChildren, project
     var i;
     var textUpdated = false;
     while (newIndex < newChildrenLength) {
-        var oldChild = (oldIndex < oldChildrenLength) ? oldChildren[oldIndex] : undefined;
+        var oldChild = oldIndex < oldChildrenLength ? oldChildren[oldIndex] : undefined;
         var newChild = newChildren[newIndex];
         if (oldChild !== undefined && same(oldChild, newChild)) {
             textUpdated = updateDom(oldChild, newChild, projectionOptions) || textUpdated;
@@ -420,16 +439,17 @@ var updateChildren = function (vnode, domNode, oldChildren, newChildren, project
                 // Remove preceding missing children
                 for (i = oldIndex; i < findOldIndex; i++) {
                     nodeToRemove(oldChildren[i]);
-                    checkDistinguishable(oldChildren, i, vnode, 'removed');
+                    checkDistinguishable(oldChildren, i, vnode, "removed");
                 }
-                textUpdated = updateDom(oldChildren[findOldIndex], newChild, projectionOptions) || textUpdated;
+                textUpdated =
+                    updateDom(oldChildren[findOldIndex], newChild, projectionOptions) || textUpdated;
                 oldIndex = findOldIndex + 1;
             }
             else {
                 // New child
-                createDom(newChild, domNode, (oldIndex < oldChildrenLength) ? oldChildren[oldIndex].domNode : undefined, projectionOptions);
+                createDom(newChild, domNode, oldIndex < oldChildrenLength ? oldChildren[oldIndex].domNode : undefined, projectionOptions);
                 nodeAdded(newChild);
-                checkDistinguishable(newChildren, newIndex, vnode, 'added');
+                checkDistinguishable(newChildren, newIndex, vnode, "added");
             }
         }
         newIndex++;
@@ -438,7 +458,7 @@ var updateChildren = function (vnode, domNode, oldChildren, newChildren, project
         // Remove child fragments
         for (i = oldIndex; i < oldChildrenLength; i++) {
             nodeToRemove(oldChildren[i]);
-            checkDistinguishable(oldChildren, i, vnode, 'removed');
+            checkDistinguishable(oldChildren, i, vnode, "removed");
         }
     }
     return textUpdated;
@@ -450,7 +470,7 @@ updateDom = function (previous, vnode, projectionOptions) {
         return false; // By contract, VNode objects may not be modified anymore after passing them to maquette
     }
     var updated = false;
-    if (vnode.vnodeSelector === '') {
+    if (vnode.vnodeSelector === "") {
         if (vnode.text !== previous.text) {
             var newTextNode = domNode.ownerDocument.createTextNode(vnode.text);
             domNode.parentNode.replaceChild(newTextNode, domNode);
@@ -461,8 +481,11 @@ updateDom = function (previous, vnode, projectionOptions) {
         vnode.domNode = domNode;
     }
     else {
-        if (vnode.vnodeSelector.lastIndexOf('svg', 0) === 0) { // lastIndexOf(needle,0)===0 means StartsWith
-            projectionOptions = extend(projectionOptions, { namespace: NAMESPACE_SVG });
+        if (vnode.vnodeSelector.lastIndexOf("svg", 0) === 0) {
+            // lastIndexOf(needle,0)===0 means StartsWith
+            projectionOptions = extend(projectionOptions, {
+                namespace: NAMESPACE_SVG,
+            });
         }
         if (previous.text !== vnode.text) {
             updated = true;
@@ -474,10 +497,20 @@ updateDom = function (previous, vnode, projectionOptions) {
             }
         }
         vnode.domNode = domNode;
-        updated = updateChildren(vnode, domNode, previous.children, vnode.children, projectionOptions) || updated;
-        updated = updateProperties(domNode, previous.properties, vnode.properties, projectionOptions) || updated;
+        updated =
+            updateChildren(vnode, domNode, previous.children, vnode.children, projectionOptions) ||
+                updated;
+        updated =
+            updateProperties(domNode, previous.properties, vnode.properties, projectionOptions) ||
+                updated;
         if (vnode.properties && vnode.properties.afterUpdate) {
-            vnode.properties.afterUpdate.apply(vnode.properties.bind || vnode.properties, [domNode, projectionOptions, vnode.vnodeSelector, vnode.properties, vnode.children]);
+            vnode.properties.afterUpdate.apply(vnode.properties.bind || vnode.properties, [
+                domNode,
+                projectionOptions,
+                vnode.vnodeSelector,
+                vnode.properties,
+                vnode.children,
+            ]);
         }
     }
     if (updated && vnode.properties && vnode.properties.updateAnimation) {
@@ -490,13 +523,13 @@ export var createProjection = function (vnode, projectionOptions) {
         getLastRender: function () { return vnode; },
         update: function (updatedVnode) {
             if (vnode.vnodeSelector !== updatedVnode.vnodeSelector) {
-                throw new Error('The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)');
+                throw new Error("The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)");
             }
             var previousVNode = vnode;
             vnode = updatedVnode;
             updateDom(previousVNode, updatedVnode, projectionOptions);
         },
-        domNode: vnode.domNode
+        domNode: vnode.domNode,
     };
 };
 //# sourceMappingURL=projection.js.map