npm - @innoways/hooks - Versions diffs - 5.0.0 → 6.1.0 - Mend

@innoways/hooks 5.0.0 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/CHANGELOG.md +22 -0
package/package.json +2 -2
package/build-info/index.stats.html +0 -2648

package/build-info/index.stats.html DELETED Viewed

@@ -1,2648 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-  <title>hooks</title>
-  <style>
-:root {
-  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
-    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --background-color: #f7eedf;
-  --text-color: #333;
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background-color: #2b2d42;
-    --text-color: #edf2f4;
-  }
-}
-html {
-  box-sizing: border-box;
-}
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-html {
-  background-color: var(--background-color);
-  color: var(--text-color);
-  font-family: var(--font-family);
-}
-body {
-  padding: 0;
-  margin: 0;
-}
-html,
-body {
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-}
-body {
-  display: flex;
-  flex-direction: column;
-}
-svg {
-  vertical-align: middle;
-  width: 100%;
-  height: 100%;
-  max-height: 100vh;
-}
-main {
-  flex-grow: 1;
-  height: 100vh;
-  padding: 20px;
-}
-.tooltip {
-  position: absolute;
-  z-index: 1070;
-  border: 2px solid;
-  border-radius: 5px;
-  padding: 5px;
-  white-space: nowrap;
-  font-size: 0.875rem;
-  background-color: var(--background-color);
-  color: var(--text-color);
-}
-.tooltip-hidden {
-  visibility: hidden;
-  opacity: 0;
-}
-.sidebar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  flex-direction: row;
-  font-size: 0.7rem;
-  align-items: center;
-  margin: 0 50px;
-  height: 20px;
-}
-.size-selectors {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.size-selector {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  margin-right: 1rem;
-}
-.size-selector input {
-  margin: 0 0.3rem 0 0;
-}
-.filters {
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.filter {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-}
-.filter input {
-  flex: 1;
-  height: 1rem;
-  padding: 0.1rem;
-  font-size: 0.7rem;
-  margin-left: 0.3rem;
-}
-.filter + .filter {
-  margin-left: 0.5rem;
-}
-.details {
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  top: calc(50% - 85px);
-  left: calc(50% - 85px);
-  width: 170px;
-  height: 170px;
-  font-size: 14px;
-  text-align: center;
-  color: var(--font-color);
-  z-index: 100;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.details-size {
-  font-size: 0.8em;
-}
-.details-name {
-  font-weight: bold;
-}
-.details-percentage {
-  margin: 0.4em 0em;
-  font-size: 2.4em;
-  line-height: 1em;
-}
-  </style>
-</head>
-<body>
-  <main></main>
-  <script>
-  /*<!--*/
-var drawChart = (function () {
-  'use strict';
-  var n$1,u$1,i$1,t$2,r$1={},f$1=[],e$2=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function c$1(n,l){for(var u in l)n[u]=l[u];return n}function s(n){var l=n.parentNode;l&&l.removeChild(n);}function a$1(n,l,u){var i,t,o,r=arguments,f={};for(o in l)"key"==o?i=l[o]:"ref"==o?t=l[o]:f[o]=l[o];if(arguments.length>3)for(u=[u],o=3;o<arguments.length;o++)u.push(r[o]);if(null!=u&&(f.children=u),"function"==typeof n&&null!=n.defaultProps)for(o in n.defaultProps)void 0===f[o]&&(f[o]=n.defaultProps[o]);return v$1(n,f,i,t,null)}function v$1(l,u,i,t,o){var r={type:l,props:u,key:i,ref:t,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++n$1.__v:o};return null!=n$1.vnode&&n$1.vnode(r),r}function y$1(n){return n.children}function p$1(n,l){this.props=n,this.context=l;}function d$1(n,l){if(null==l)return n.__?d$1(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?d$1(n):null}function _(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return _(n)}}function k$1(l){(!l.__d&&(l.__d=!0)&&u$1.push(l)&&!b$1.__r++||t$2!==n$1.debounceRendering)&&((t$2=n$1.debounceRendering)||i$1)(b$1);}function b$1(){for(var n;b$1.__r=u$1.length;)n=u$1.sort(function(n,l){return n.__v.__b-l.__v.__b}),u$1=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=c$1({},t)).__v=t.__v+1,I(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?d$1(t):o,t.__h),T(u,t),t.__e!=o&&_(t)));});}function m$2(n,l,u,i,t,o,e,c,s,a){var h,p,_,k,b,m,w,A=i&&i.__k||f$1,P=A.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(k=u.__k[h]=null==(k=l[h])||"boolean"==typeof k?null:"string"==typeof k||"number"==typeof k||"bigint"==typeof k?v$1(null,k,null,null,k):Array.isArray(k)?v$1(y$1,{children:k},null,null,null):k.__b>0?v$1(k.type,k.props,k.key,null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(_=A[h])||_&&k.key==_.key&&k.type===_.type)A[h]=void 0;else for(p=0;p<P;p++){if((_=A[p])&&k.key==_.key&&k.type===_.type){A[p]=void 0;break}_=null;}I(n,k,_=_||r$1,t,o,e,c,s,a),b=k.__e,(p=k.ref)&&_.ref!=p&&(w||(w=[]),_.ref&&w.push(_.ref,null,k),w.push(p,k.__c||b,k)),null!=b?(null==m&&(m=b),"function"==typeof k.type&&null!=k.__k&&k.__k===_.__k?k.__d=s=g$1(k,s,n):s=x$1(n,k,_,A,b,s),a||"option"!==u.type?"function"==typeof u.type&&(u.__d=s):n.value=""):s&&_.__e==s&&s.parentNode!=n&&(s=d$1(_));}for(u.__e=m,h=P;h--;)null!=A[h]&&("function"==typeof u.type&&null!=A[h].__e&&A[h].__e==u.__d&&(u.__d=d$1(i,h+1)),L(A[h],A[h]));if(w)for(h=0;h<w.length;h++)z(w[h],w[++h],w[++h]);}function g$1(n,l,u){var i,t;for(i=0;i<n.__k.length;i++)(t=n.__k[i])&&(t.__=n,l="function"==typeof t.type?g$1(t,l,u):x$1(u,t,t,n.__k,t.__e,l));return l}function x$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function A(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||C(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||C(n,o,l[o],u[o],i);}function P(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||e$2.test(l)?u:u+"px";}function C(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||P(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||P(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?H:$,o):n.removeEventListener(l,o?H:$,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function $(l){this.l[l.type+!1](n$1.event?n$1.event(l):l);}function H(l){this.l[l.type+!0](n$1.event?n$1.event(l):l);}function I(l,u,i,t,o,r,f,e,s){var a,v,h,d,_,k,b,g,w,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(s=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(a=n$1.__b)&&a(u);try{n:if("function"==typeof P){if(g=u.props,w=(a=P.contextType)&&t[a.__c],x=a?w?w.props.value:a.__:t,i.__c?b=(v=u.__c=i.__c).__=v.__E:("prototype"in P&&P.prototype.render?u.__c=v=new P(g,x):(u.__c=v=new p$1(g,x),v.constructor=P,v.render=M),w&&w.sub(v),v.props=g,v.state||(v.state={}),v.context=x,v.__n=t,h=v.__d=!0,v.__h=[]),null==v.__s&&(v.__s=v.state),null!=P.getDerivedStateFromProps&&(v.__s==v.state&&(v.__s=c$1({},v.__s)),c$1(v.__s,P.getDerivedStateFromProps(g,v.__s))),d=v.props,_=v.state,h)null==P.getDerivedStateFromProps&&null!=v.componentWillMount&&v.componentWillMount(),null!=v.componentDidMount&&v.__h.push(v.componentDidMount);else {if(null==P.getDerivedStateFromProps&&g!==d&&null!=v.componentWillReceiveProps&&v.componentWillReceiveProps(g,x),!v.__e&&null!=v.shouldComponentUpdate&&!1===v.shouldComponentUpdate(g,v.__s,x)||u.__v===i.__v){v.props=g,v.state=v.__s,u.__v!==i.__v&&(v.__d=!1),v.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),v.__h.length&&f.push(v);break n}null!=v.componentWillUpdate&&v.componentWillUpdate(g,v.__s,x),null!=v.componentDidUpdate&&v.__h.push(function(){v.componentDidUpdate(d,_,k);});}v.context=x,v.props=g,v.state=v.__s,(a=n$1.__r)&&a(u),v.__d=!1,v.__v=u,v.__P=l,a=v.render(v.props,v.state,v.context),v.state=v.__s,null!=v.getChildContext&&(t=c$1(c$1({},t),v.getChildContext())),h||null==v.getSnapshotBeforeUpdate||(k=v.getSnapshotBeforeUpdate(d,_)),A=null!=a&&a.type===y$1&&null==a.key?a.props.children:a,m$2(l,Array.isArray(A)?A:[A],u,i,t,o,r,f,e,s),v.base=u.__e,u.__h=null,v.__h.length&&f.push(v),b&&(v.__E=v.__=null),v.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=j$1(i.__e,u,i,t,o,r,f,s);(a=n$1.diffed)&&a(u);}catch(l){u.__v=null,(s||null!=r)&&(u.__e=e,u.__h=!!s,r[r.indexOf(e)]=null),n$1.__e(l,u,i);}}function T(l,u){n$1.__c&&n$1.__c(u,l),l.some(function(u){try{l=u.__h,u.__h=[],l.some(function(n){n.call(u);});}catch(l){n$1.__e(l,u.__v);}});}function j$1(n,l,u,i,t,o,e,c){var a,v,h,y,p=u.props,d=l.props,_=l.type,k=0;if("svg"===_&&(t=!0),null!=o)for(;k<o.length;k++)if((a=o[k])&&(a===n||(_?a.localName==_:3==a.nodeType))){n=a,o[k]=null;break}if(null==n){if(null===_)return document.createTextNode(d);n=t?document.createElementNS("http://www.w3.org/2000/svg",_):document.createElement(_,d.is&&d),o=null,c=!1;}if(null===_)p===d||c&&n.data===d||(n.data=d);else {if(o=o&&f$1.slice.call(n.childNodes),v=(p=u.props||r$1).dangerouslySetInnerHTML,h=d.dangerouslySetInnerHTML,!c){if(null!=o)for(p={},y=0;y<n.attributes.length;y++)p[n.attributes[y].name]=n.attributes[y].value;(h||v)&&(h&&(v&&h.__html==v.__html||h.__html===n.innerHTML)||(n.innerHTML=h&&h.__html||""));}if(A(n,d,p,t,c),h)l.__k=[];else if(k=l.props.children,m$2(n,Array.isArray(k)?k:[k],l,u,i,t&&"foreignObject"!==_,o,e,n.firstChild,c),null!=o)for(k=o.length;k--;)null!=o[k]&&s(o[k]);c||("value"in d&&void 0!==(k=d.value)&&(k!==n.value||"progress"===_&&!k)&&C(n,"value",k,p.value,!1),"checked"in d&&void 0!==(k=d.checked)&&k!==n.checked&&C(n,"checked",k,p.checked,!1));}return n}function z(l,u,i){try{"function"==typeof l?l(u):l.current=u;}catch(l){n$1.__e(l,i);}}function L(l,u,i){var t,o,r;if(n$1.unmount&&n$1.unmount(l),(t=l.ref)&&(t.current&&t.current!==l.__e||z(t,null,u)),i||"function"==typeof l.type||(i=null!=(o=l.__e)),l.__e=l.__d=void 0,null!=(t=l.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(l){n$1.__e(l,u);}t.base=t.__P=null;}if(t=l.__k)for(r=0;r<t.length;r++)t[r]&&L(t[r],u,i);null!=o&&s(o);}function M(n,l,u){return this.constructor(n,u)}function N(l,u,i){var t,o,e;n$1.__&&n$1.__(l,u),o=(t="function"==typeof i)?null:i&&i.__k||u.__k,e=[],I(u,l=(!t&&i||u).__k=a$1(y$1,null,[l]),o||r$1,r$1,void 0!==u.ownerSVGElement,!t&&i?[i]:o?null:u.firstChild?f$1.slice.call(u.childNodes):null,e,!t&&i?i:o?o.__e:u.firstChild,t),T(e,l);}n$1={__e:function(n,l){for(var u,i,t;l=l.__;)if((u=l.__c)&&!u.__)try{if((i=u.constructor)&&null!=i.getDerivedStateFromError&&(u.setState(i.getDerivedStateFromError(n)),t=u.__d),null!=u.componentDidCatch&&(u.componentDidCatch(n),t=u.__d),t)return u.__E=u}catch(l){n=l;}throw n},__v:0},p$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=c$1({},this.state),"function"==typeof n&&(n=n(c$1({},u),this.props)),n&&c$1(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),k$1(this));},p$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),k$1(this));},p$1.prototype.render=y$1,u$1=[],i$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,b$1.__r=0,0;
-  var t$1,u,r,o=0,i=[],c=n$1.__b,f=n$1.__r,e$1=n$1.diffed,a=n$1.__c,v=n$1.unmount;function m$1(t,r){n$1.__h&&n$1.__h(u,t,o||r),o=0;var i=u.__H||(u.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function l(n){return o=1,p(w,n)}function p(n,r,o){var i=m$1(t$1++,2);return i.t=n,i.__c||(i.__=[o?o(r):w(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}));}],i.__c=u),i.__}function y(r,o){var i=m$1(t$1++,3);!n$1.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__H.__h.push(i));}function d(n,u){var r=m$1(t$1++,7);return k(r.__H,u)&&(r.__=n(),r.__H=u,r.__h=n),r.__}function x(){i.forEach(function(t){if(t.__P)try{t.__H.__h.forEach(g),t.__H.__h.forEach(j),t.__H.__h=[];}catch(u){t.__H.__h=[],n$1.__e(u,t.__v);}}),i=[];}n$1.__b=function(n){u=null,c&&c(n);},n$1.__r=function(n){f&&f(n),t$1=0;var r=(u=n.__c).__H;r&&(r.__h.forEach(g),r.__h.forEach(j),r.__h=[]);},n$1.diffed=function(t){e$1&&e$1(t);var o=t.__c;o&&o.__H&&o.__H.__h.length&&(1!==i.push(o)&&r===n$1.requestAnimationFrame||((r=n$1.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),b&&cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);b&&(t=requestAnimationFrame(u));})(x)),u=void 0;},n$1.__c=function(t,u){u.some(function(t){try{t.__h.forEach(g),t.__h=t.__h.filter(function(n){return !n.__||j(n)});}catch(r){u.some(function(n){n.__h&&(n.__h=[]);}),u=[],n$1.__e(r,t.__v);}}),a&&a(t,u);},n$1.unmount=function(t){v&&v(t);var u=t.__c;if(u&&u.__H)try{u.__H.__.forEach(g);}catch(t){n$1.__e(t,u.__v);}};var b="function"==typeof requestAnimationFrame;function g(n){var t=u;"function"==typeof n.__c&&n.__c(),u=t;}function j(n){var t=u;n.__c=n.__(),u=t;}function k(n,t){return !n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function w(n,t){return "function"==typeof t?t(n):t}
-  var n=function(t,s,r,e){var u;s[0]=0;for(var h=1;h<s.length;h++){var p=s[h++],a=s[h]?(s[0]|=p?1:2,r[s[h++]]):s[++h];3===p?e[0]=a:4===p?e[1]=Object.assign(e[1]||{},a):5===p?(e[1]=e[1]||{})[s[++h]]=a:6===p?e[1][s[++h]]+=a+"":p?(u=t.apply(a,n(t,a,r,["",null])),e.push(u),a[0]?s[0]|=2:(s[h-2]=0,s[h]=u)):e.push(a);}return e},t=new Map;function e(s){var r=t.get(this);return r||(r=new Map,t.set(this,r)),(r=n(this,r.get(s)||(r.set(s,r=function(n){for(var t,s,r=1,e="",u="",h=[0],p=function(n){1===r&&(n||(e=e.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?h.push(0,n,e):3===r&&(n||e)?(h.push(3,n,e),r=2):2===r&&"..."===e&&n?h.push(4,n,0):2===r&&e&&!n?h.push(5,0,!0,e):r>=5&&((e||!n&&5===r)&&(h.push(r,0,e,s),r=6),n&&(h.push(r,n,0,s),r=6)),e="";},a=0;a<n.length;a++){a&&(1===r&&p(),p(a));for(var l=0;l<n[a].length;l++)t=n[a][l],1===r?"<"===t?(p(),h=[h],r=3):e+=t:4===r?"--"===e&&">"===t?(r=1,e=""):e=t+e[0]:u?t===u?u="":e+=t:'"'===t||"'"===t?u=t:">"===t?(p(),r=1):r&&("="===t?(r=5,s=e,e=""):"/"===t&&(r<5||">"===n[a][l+1])?(p(),3===r&&(h=h[0]),r=h,(h=h[0]).push(2,0,r),r=0):" "===t||"\t"===t||"\n"===t||"\r"===t?(p(),r=2):e+=t),3===r&&"!--"===e&&(r=4,h=h[0]);}return p(),h}(s)),r),arguments,[])).length>1?r:r[0]}
-  var m=e.bind(a$1);
-  /*!
-   * bytes
-   * Copyright(c) 2012-2014 TJ Holowaychuk
-   * Copyright(c) 2015 Jed Watson
-   * MIT Licensed
-   */
-  var format_1 = format$1;
-  /**
-   * Module variables.
-   * @private
-   */
-  var formatThousandsRegExp = /\B(?=(\d{3})+(?!\d))/g;
-  var formatDecimalsRegExp = /(?:\.0*|(\.[^0]+)0+)$/;
-  var map$1 = {
-    b:  1,
-    kb: 1 << 10,
-    mb: 1 << 20,
-    gb: 1 << 30,
-    tb: Math.pow(1024, 4),
-    pb: Math.pow(1024, 5),
-  };
-  /**
-   * Format the given value in bytes into a string.
-   *
-   * If the value is negative, it is kept as such. If it is a float,
-   * it is rounded.
-   *
-   * @param {number} value
-   * @param {object} [options]
-   * @param {number} [options.decimalPlaces=2]
-   * @param {number} [options.fixedDecimals=false]
-   * @param {string} [options.thousandsSeparator=]
-   * @param {string} [options.unit=]
-   * @param {string} [options.unitSeparator=]
-   *
-   * @returns {string|null}
-   * @public
-   */
-  function format$1(value, options) {
-    if (!Number.isFinite(value)) {
-      return null;
-    }
-    var mag = Math.abs(value);
-    var thousandsSeparator = (options && options.thousandsSeparator) || '';
-    var unitSeparator = (options && options.unitSeparator) || '';
-    var decimalPlaces = (options && options.decimalPlaces !== undefined) ? options.decimalPlaces : 2;
-    var fixedDecimals = Boolean(options && options.fixedDecimals);
-    var unit = (options && options.unit) || '';
-    if (!unit || !map$1[unit.toLowerCase()]) {
-      if (mag >= map$1.pb) {
-        unit = 'PB';
-      } else if (mag >= map$1.tb) {
-        unit = 'TB';
-      } else if (mag >= map$1.gb) {
-        unit = 'GB';
-      } else if (mag >= map$1.mb) {
-        unit = 'MB';
-      } else if (mag >= map$1.kb) {
-        unit = 'KB';
-      } else {
-        unit = 'B';
-      }
-    }
-    var val = value / map$1[unit.toLowerCase()];
-    var str = val.toFixed(decimalPlaces);
-    if (!fixedDecimals) {
-      str = str.replace(formatDecimalsRegExp, '$1');
-    }
-    if (thousandsSeparator) {
-      str = str.replace(formatThousandsRegExp, thousandsSeparator);
-    }
-    return str + unitSeparator + unit;
-  }
-  function count(node) {
-    var sum = 0,
-        children = node.children,
-        i = children && children.length;
-    if (!i) sum = 1;
-    else while (--i >= 0) sum += children[i].value;
-    node.value = sum;
-  }
-  function node_count() {
-    return this.eachAfter(count);
-  }
-  function node_each(callback, that) {
-    let index = -1;
-    for (const node of this) {
-      callback.call(that, node, ++index, this);
-    }
-    return this;
-  }
-  function node_eachBefore(callback, that) {
-    var node = this, nodes = [node], children, i, index = -1;
-    while (node = nodes.pop()) {
-      callback.call(that, node, ++index, this);
-      if (children = node.children) {
-        for (i = children.length - 1; i >= 0; --i) {
-          nodes.push(children[i]);
-        }
-      }
-    }
-    return this;
-  }
-  function node_eachAfter(callback, that) {
-    var node = this, nodes = [node], next = [], children, i, n, index = -1;
-    while (node = nodes.pop()) {
-      next.push(node);
-      if (children = node.children) {
-        for (i = 0, n = children.length; i < n; ++i) {
-          nodes.push(children[i]);
-        }
-      }
-    }
-    while (node = next.pop()) {
-      callback.call(that, node, ++index, this);
-    }
-    return this;
-  }
-  function node_find(callback, that) {
-    let index = -1;
-    for (const node of this) {
-      if (callback.call(that, node, ++index, this)) {
-        return node;
-      }
-    }
-  }
-  function node_sum(value) {
-    return this.eachAfter(function(node) {
-      var sum = +value(node.data) || 0,
-          children = node.children,
-          i = children && children.length;
-      while (--i >= 0) sum += children[i].value;
-      node.value = sum;
-    });
-  }
-  function node_sort(compare) {
-    return this.eachBefore(function(node) {
-      if (node.children) {
-        node.children.sort(compare);
-      }
-    });
-  }
-  function node_path(end) {
-    var start = this,
-        ancestor = leastCommonAncestor(start, end),
-        nodes = [start];
-    while (start !== ancestor) {
-      start = start.parent;
-      nodes.push(start);
-    }
-    var k = nodes.length;
-    while (end !== ancestor) {
-      nodes.splice(k, 0, end);
-      end = end.parent;
-    }
-    return nodes;
-  }
-  function leastCommonAncestor(a, b) {
-    if (a === b) return a;
-    var aNodes = a.ancestors(),
-        bNodes = b.ancestors(),
-        c = null;
-    a = aNodes.pop();
-    b = bNodes.pop();
-    while (a === b) {
-      c = a;
-      a = aNodes.pop();
-      b = bNodes.pop();
-    }
-    return c;
-  }
-  function node_ancestors() {
-    var node = this, nodes = [node];
-    while (node = node.parent) {
-      nodes.push(node);
-    }
-    return nodes;
-  }
-  function node_descendants() {
-    return Array.from(this);
-  }
-  function node_leaves() {
-    var leaves = [];
-    this.eachBefore(function(node) {
-      if (!node.children) {
-        leaves.push(node);
-      }
-    });
-    return leaves;
-  }
-  function node_links() {
-    var root = this, links = [];
-    root.each(function(node) {
-      if (node !== root) { // Don’t include the root’s parent, if any.
-        links.push({source: node.parent, target: node});
-      }
-    });
-    return links;
-  }
-  function* node_iterator() {
-    var node = this, current, next = [node], children, i, n;
-    do {
-      current = next.reverse(), next = [];
-      while (node = current.pop()) {
-        yield node;
-        if (children = node.children) {
-          for (i = 0, n = children.length; i < n; ++i) {
-            next.push(children[i]);
-          }
-        }
-      }
-    } while (next.length);
-  }
-  function hierarchy(data, children) {
-    if (data instanceof Map) {
-      data = [undefined, data];
-      if (children === undefined) children = mapChildren;
-    } else if (children === undefined) {
-      children = objectChildren;
-    }
-    var root = new Node$1(data),
-        node,
-        nodes = [root],
-        child,
-        childs,
-        i,
-        n;
-    while (node = nodes.pop()) {
-      if ((childs = children(node.data)) && (n = (childs = Array.from(childs)).length)) {
-        node.children = childs;
-        for (i = n - 1; i >= 0; --i) {
-          nodes.push(child = childs[i] = new Node$1(childs[i]));
-          child.parent = node;
-          child.depth = node.depth + 1;
-        }
-      }
-    }
-    return root.eachBefore(computeHeight);
-  }
-  function node_copy() {
-    return hierarchy(this).eachBefore(copyData);
-  }
-  function objectChildren(d) {
-    return d.children;
-  }
-  function mapChildren(d) {
-    return Array.isArray(d) ? d[1] : null;
-  }
-  function copyData(node) {
-    if (node.data.value !== undefined) node.value = node.data.value;
-    node.data = node.data.data;
-  }
-  function computeHeight(node) {
-    var height = 0;
-    do node.height = height;
-    while ((node = node.parent) && (node.height < ++height));
-  }
-  function Node$1(data) {
-    this.data = data;
-    this.depth =
-    this.height = 0;
-    this.parent = null;
-  }
-  Node$1.prototype = hierarchy.prototype = {
-    constructor: Node$1,
-    count: node_count,
-    each: node_each,
-    eachAfter: node_eachAfter,
-    eachBefore: node_eachBefore,
-    find: node_find,
-    sum: node_sum,
-    sort: node_sort,
-    path: node_path,
-    ancestors: node_ancestors,
-    descendants: node_descendants,
-    leaves: node_leaves,
-    links: node_links,
-    copy: node_copy,
-    [Symbol.iterator]: node_iterator
-  };
-  function roundNode(node) {
-    node.x0 = Math.round(node.x0);
-    node.y0 = Math.round(node.y0);
-    node.x1 = Math.round(node.x1);
-    node.y1 = Math.round(node.y1);
-  }
-  function treemapDice(parent, x0, y0, x1, y1) {
-    var nodes = parent.children,
-        node,
-        i = -1,
-        n = nodes.length,
-        k = parent.value && (x1 - x0) / parent.value;
-    while (++i < n) {
-      node = nodes[i], node.y0 = y0, node.y1 = y1;
-      node.x0 = x0, node.x1 = x0 += node.value * k;
-    }
-  }
-  function d3partition() {
-    var dx = 1,
-        dy = 1,
-        padding = 0,
-        round = false;
-    function partition(root) {
-      var n = root.height + 1;
-      root.x0 =
-      root.y0 = padding;
-      root.x1 = dx;
-      root.y1 = dy / n;
-      root.eachBefore(positionNode(dy, n));
-      if (round) root.eachBefore(roundNode);
-      return root;
-    }
-    function positionNode(dy, n) {
-      return function(node) {
-        if (node.children) {
-          treemapDice(node, node.x0, dy * (node.depth + 1) / n, node.x1, dy * (node.depth + 2) / n);
-        }
-        var x0 = node.x0,
-            y0 = node.y0,
-            x1 = node.x1 - padding,
-            y1 = node.y1 - padding;
-        if (x1 < x0) x0 = x1 = (x0 + x1) / 2;
-        if (y1 < y0) y0 = y1 = (y0 + y1) / 2;
-        node.x0 = x0;
-        node.y0 = y0;
-        node.x1 = x1;
-        node.y1 = y1;
-      };
-    }
-    partition.round = function(x) {
-      return arguments.length ? (round = !!x, partition) : round;
-    };
-    partition.size = function(x) {
-      return arguments.length ? (dx = +x[0], dy = +x[1], partition) : [dx, dy];
-    };
-    partition.padding = function(x) {
-      return arguments.length ? (padding = +x, partition) : padding;
-    };
-    return partition;
-  }
-  const pi$1 = Math.PI,
-      tau$1 = 2 * pi$1,
-      epsilon$1 = 1e-6,
-      tauEpsilon = tau$1 - epsilon$1;
-  function Path() {
-    this._x0 = this._y0 = // start of current subpath
-    this._x1 = this._y1 = null; // end of current subpath
-    this._ = "";
-  }
-  function path() {
-    return new Path;
-  }
-  Path.prototype = path.prototype = {
-    constructor: Path,
-    moveTo: function(x, y) {
-      this._ += "M" + (this._x0 = this._x1 = +x) + "," + (this._y0 = this._y1 = +y);
-    },
-    closePath: function() {
-      if (this._x1 !== null) {
-        this._x1 = this._x0, this._y1 = this._y0;
-        this._ += "Z";
-      }
-    },
-    lineTo: function(x, y) {
-      this._ += "L" + (this._x1 = +x) + "," + (this._y1 = +y);
-    },
-    quadraticCurveTo: function(x1, y1, x, y) {
-      this._ += "Q" + (+x1) + "," + (+y1) + "," + (this._x1 = +x) + "," + (this._y1 = +y);
-    },
-    bezierCurveTo: function(x1, y1, x2, y2, x, y) {
-      this._ += "C" + (+x1) + "," + (+y1) + "," + (+x2) + "," + (+y2) + "," + (this._x1 = +x) + "," + (this._y1 = +y);
-    },
-    arcTo: function(x1, y1, x2, y2, r) {
-      x1 = +x1, y1 = +y1, x2 = +x2, y2 = +y2, r = +r;
-      var x0 = this._x1,
-          y0 = this._y1,
-          x21 = x2 - x1,
-          y21 = y2 - y1,
-          x01 = x0 - x1,
-          y01 = y0 - y1,
-          l01_2 = x01 * x01 + y01 * y01;
-      // Is the radius negative? Error.
-      if (r < 0) throw new Error("negative radius: " + r);
-      // Is this path empty? Move to (x1,y1).
-      if (this._x1 === null) {
-        this._ += "M" + (this._x1 = x1) + "," + (this._y1 = y1);
-      }
-      // Or, is (x1,y1) coincident with (x0,y0)? Do nothing.
-      else if (!(l01_2 > epsilon$1));
-      // Or, are (x0,y0), (x1,y1) and (x2,y2) collinear?
-      // Equivalently, is (x1,y1) coincident with (x2,y2)?
-      // Or, is the radius zero? Line to (x1,y1).
-      else if (!(Math.abs(y01 * x21 - y21 * x01) > epsilon$1) || !r) {
-        this._ += "L" + (this._x1 = x1) + "," + (this._y1 = y1);
-      }
-      // Otherwise, draw an arc!
-      else {
-        var x20 = x2 - x0,
-            y20 = y2 - y0,
-            l21_2 = x21 * x21 + y21 * y21,
-            l20_2 = x20 * x20 + y20 * y20,
-            l21 = Math.sqrt(l21_2),
-            l01 = Math.sqrt(l01_2),
-            l = r * Math.tan((pi$1 - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
-            t01 = l / l01,
-            t21 = l / l21;
-        // If the start tangent is not coincident with (x0,y0), line to.
-        if (Math.abs(t01 - 1) > epsilon$1) {
-          this._ += "L" + (x1 + t01 * x01) + "," + (y1 + t01 * y01);
-        }
-        this._ += "A" + r + "," + r + ",0,0," + (+(y01 * x20 > x01 * y20)) + "," + (this._x1 = x1 + t21 * x21) + "," + (this._y1 = y1 + t21 * y21);
-      }
-    },
-    arc: function(x, y, r, a0, a1, ccw) {
-      x = +x, y = +y, r = +r, ccw = !!ccw;
-      var dx = r * Math.cos(a0),
-          dy = r * Math.sin(a0),
-          x0 = x + dx,
-          y0 = y + dy,
-          cw = 1 ^ ccw,
-          da = ccw ? a0 - a1 : a1 - a0;
-      // Is the radius negative? Error.
-      if (r < 0) throw new Error("negative radius: " + r);
-      // Is this path empty? Move to (x0,y0).
-      if (this._x1 === null) {
-        this._ += "M" + x0 + "," + y0;
-      }
-      // Or, is (x0,y0) not coincident with the previous point? Line to (x0,y0).
-      else if (Math.abs(this._x1 - x0) > epsilon$1 || Math.abs(this._y1 - y0) > epsilon$1) {
-        this._ += "L" + x0 + "," + y0;
-      }
-      // Is this arc empty? We’re done.
-      if (!r) return;
-      // Does the angle go the wrong way? Flip the direction.
-      if (da < 0) da = da % tau$1 + tau$1;
-      // Is this a complete circle? Draw two arcs to complete the circle.
-      if (da > tauEpsilon) {
-        this._ += "A" + r + "," + r + ",0,1," + cw + "," + (x - dx) + "," + (y - dy) + "A" + r + "," + r + ",0,1," + cw + "," + (this._x1 = x0) + "," + (this._y1 = y0);
-      }
-      // Is this arc non-empty? Draw an arc!
-      else if (da > epsilon$1) {
-        this._ += "A" + r + "," + r + ",0," + (+(da >= pi$1)) + "," + cw + "," + (this._x1 = x + r * Math.cos(a1)) + "," + (this._y1 = y + r * Math.sin(a1));
-      }
-    },
-    rect: function(x, y, w, h) {
-      this._ += "M" + (this._x0 = this._x1 = +x) + "," + (this._y0 = this._y1 = +y) + "h" + (+w) + "v" + (+h) + "h" + (-w) + "Z";
-    },
-    toString: function() {
-      return this._;
-    }
-  };
-  function constant$1(x) {
-    return function constant() {
-      return x;
-    };
-  }
-  var abs = Math.abs;
-  var atan2 = Math.atan2;
-  var cos = Math.cos;
-  var max = Math.max;
-  var min = Math.min;
-  var sin = Math.sin;
-  var sqrt$1 = Math.sqrt;
-  var epsilon = 1e-12;
-  var pi = Math.PI;
-  var halfPi = pi / 2;
-  var tau = 2 * pi;
-  function acos(x) {
-    return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);
-  }
-  function asin(x) {
-    return x >= 1 ? halfPi : x <= -1 ? -halfPi : Math.asin(x);
-  }
-  function arcInnerRadius(d) {
-    return d.innerRadius;
-  }
-  function arcOuterRadius(d) {
-    return d.outerRadius;
-  }
-  function arcStartAngle(d) {
-    return d.startAngle;
-  }
-  function arcEndAngle(d) {
-    return d.endAngle;
-  }
-  function arcPadAngle(d) {
-    return d && d.padAngle; // Note: optional!
-  }
-  function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
-    var x10 = x1 - x0, y10 = y1 - y0,
-        x32 = x3 - x2, y32 = y3 - y2,
-        t = y32 * x10 - x32 * y10;
-    if (t * t < epsilon) return;
-    t = (x32 * (y0 - y2) - y32 * (x0 - x2)) / t;
-    return [x0 + t * x10, y0 + t * y10];
-  }
-  // Compute perpendicular offset line of length rc.
-  // http://mathworld.wolfram.com/Circle-LineIntersection.html
-  function cornerTangents(x0, y0, x1, y1, r1, rc, cw) {
-    var x01 = x0 - x1,
-        y01 = y0 - y1,
-        lo = (cw ? rc : -rc) / sqrt$1(x01 * x01 + y01 * y01),
-        ox = lo * y01,
-        oy = -lo * x01,
-        x11 = x0 + ox,
-        y11 = y0 + oy,
-        x10 = x1 + ox,
-        y10 = y1 + oy,
-        x00 = (x11 + x10) / 2,
-        y00 = (y11 + y10) / 2,
-        dx = x10 - x11,
-        dy = y10 - y11,
-        d2 = dx * dx + dy * dy,
-        r = r1 - rc,
-        D = x11 * y10 - x10 * y11,
-        d = (dy < 0 ? -1 : 1) * sqrt$1(max(0, r * r * d2 - D * D)),
-        cx0 = (D * dy - dx * d) / d2,
-        cy0 = (-D * dx - dy * d) / d2,
-        cx1 = (D * dy + dx * d) / d2,
-        cy1 = (-D * dx + dy * d) / d2,
-        dx0 = cx0 - x00,
-        dy0 = cy0 - y00,
-        dx1 = cx1 - x00,
-        dy1 = cy1 - y00;
-    // Pick the closer of the two intersection points.
-    // TODO Is there a faster way to determine which intersection to use?
-    if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) cx0 = cx1, cy0 = cy1;
-    return {
-      cx: cx0,
-      cy: cy0,
-      x01: -ox,
-      y01: -oy,
-      x11: cx0 * (r1 / r - 1),
-      y11: cy0 * (r1 / r - 1)
-    };
-  }
-  function d3arc() {
-    var innerRadius = arcInnerRadius,
-        outerRadius = arcOuterRadius,
-        cornerRadius = constant$1(0),
-        padRadius = null,
-        startAngle = arcStartAngle,
-        endAngle = arcEndAngle,
-        padAngle = arcPadAngle,
-        context = null;
-    function arc() {
-      var buffer,
-          r,
-          r0 = +innerRadius.apply(this, arguments),
-          r1 = +outerRadius.apply(this, arguments),
-          a0 = startAngle.apply(this, arguments) - halfPi,
-          a1 = endAngle.apply(this, arguments) - halfPi,
-          da = abs(a1 - a0),
-          cw = a1 > a0;
-      if (!context) context = buffer = path();
-      // Ensure that the outer radius is always larger than the inner radius.
-      if (r1 < r0) r = r1, r1 = r0, r0 = r;
-      // Is it a point?
-      if (!(r1 > epsilon)) context.moveTo(0, 0);
-      // Or is it a circle or annulus?
-      else if (da > tau - epsilon) {
-        context.moveTo(r1 * cos(a0), r1 * sin(a0));
-        context.arc(0, 0, r1, a0, a1, !cw);
-        if (r0 > epsilon) {
-          context.moveTo(r0 * cos(a1), r0 * sin(a1));
-          context.arc(0, 0, r0, a1, a0, cw);
-        }
-      }
-      // Or is it a circular or annular sector?
-      else {
-        var a01 = a0,
-            a11 = a1,
-            a00 = a0,
-            a10 = a1,
-            da0 = da,
-            da1 = da,
-            ap = padAngle.apply(this, arguments) / 2,
-            rp = (ap > epsilon) && (padRadius ? +padRadius.apply(this, arguments) : sqrt$1(r0 * r0 + r1 * r1)),
-            rc = min(abs(r1 - r0) / 2, +cornerRadius.apply(this, arguments)),
-            rc0 = rc,
-            rc1 = rc,
-            t0,
-            t1;
-        // Apply padding? Note that since r1 ≥ r0, da1 ≥ da0.
-        if (rp > epsilon) {
-          var p0 = asin(rp / r0 * sin(ap)),
-              p1 = asin(rp / r1 * sin(ap));
-          if ((da0 -= p0 * 2) > epsilon) p0 *= (cw ? 1 : -1), a00 += p0, a10 -= p0;
-          else da0 = 0, a00 = a10 = (a0 + a1) / 2;
-          if ((da1 -= p1 * 2) > epsilon) p1 *= (cw ? 1 : -1), a01 += p1, a11 -= p1;
-          else da1 = 0, a01 = a11 = (a0 + a1) / 2;
-        }
-        var x01 = r1 * cos(a01),
-            y01 = r1 * sin(a01),
-            x10 = r0 * cos(a10),
-            y10 = r0 * sin(a10);
-        // Apply rounded corners?
-        if (rc > epsilon) {
-          var x11 = r1 * cos(a11),
-              y11 = r1 * sin(a11),
-              x00 = r0 * cos(a00),
-              y00 = r0 * sin(a00),
-              oc;
-          // Restrict the corner radius according to the sector angle.
-          if (da < pi && (oc = intersect(x01, y01, x00, y00, x11, y11, x10, y10))) {
-            var ax = x01 - oc[0],
-                ay = y01 - oc[1],
-                bx = x11 - oc[0],
-                by = y11 - oc[1],
-                kc = 1 / sin(acos((ax * bx + ay * by) / (sqrt$1(ax * ax + ay * ay) * sqrt$1(bx * bx + by * by))) / 2),
-                lc = sqrt$1(oc[0] * oc[0] + oc[1] * oc[1]);
-            rc0 = min(rc, (r0 - lc) / (kc - 1));
-            rc1 = min(rc, (r1 - lc) / (kc + 1));
-          }
-        }
-        // Is the sector collapsed to a line?
-        if (!(da1 > epsilon)) context.moveTo(x01, y01);
-        // Does the sector’s outer ring have rounded corners?
-        else if (rc1 > epsilon) {
-          t0 = cornerTangents(x00, y00, x01, y01, r1, rc1, cw);
-          t1 = cornerTangents(x11, y11, x10, y10, r1, rc1, cw);
-          context.moveTo(t0.cx + t0.x01, t0.cy + t0.y01);
-          // Have the corners merged?
-          if (rc1 < rc) context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);
-          // Otherwise, draw the two corners and the ring.
-          else {
-            context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);
-            context.arc(0, 0, r1, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), !cw);
-            context.arc(t1.cx, t1.cy, rc1, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);
-          }
-        }
-        // Or is the outer ring just a circular arc?
-        else context.moveTo(x01, y01), context.arc(0, 0, r1, a01, a11, !cw);
-        // Is there no inner ring, and it’s a circular sector?
-        // Or perhaps it’s an annular sector collapsed due to padding?
-        if (!(r0 > epsilon) || !(da0 > epsilon)) context.lineTo(x10, y10);
-        // Does the sector’s inner ring (or point) have rounded corners?
-        else if (rc0 > epsilon) {
-          t0 = cornerTangents(x10, y10, x11, y11, r0, -rc0, cw);
-          t1 = cornerTangents(x01, y01, x00, y00, r0, -rc0, cw);
-          context.lineTo(t0.cx + t0.x01, t0.cy + t0.y01);
-          // Have the corners merged?
-          if (rc0 < rc) context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);
-          // Otherwise, draw the two corners and the ring.
-          else {
-            context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);
-            context.arc(0, 0, r0, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), cw);
-            context.arc(t1.cx, t1.cy, rc0, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);
-          }
-        }
-        // Or is the inner ring just a circular arc?
-        else context.arc(0, 0, r0, a10, a00, cw);
-      }
-      context.closePath();
-      if (buffer) return context = null, buffer + "" || null;
-    }
-    arc.centroid = function() {
-      var r = (+innerRadius.apply(this, arguments) + +outerRadius.apply(this, arguments)) / 2,
-          a = (+startAngle.apply(this, arguments) + +endAngle.apply(this, arguments)) / 2 - pi / 2;
-      return [cos(a) * r, sin(a) * r];
-    };
-    arc.innerRadius = function(_) {
-      return arguments.length ? (innerRadius = typeof _ === "function" ? _ : constant$1(+_), arc) : innerRadius;
-    };
-    arc.outerRadius = function(_) {
-      return arguments.length ? (outerRadius = typeof _ === "function" ? _ : constant$1(+_), arc) : outerRadius;
-    };
-    arc.cornerRadius = function(_) {
-      return arguments.length ? (cornerRadius = typeof _ === "function" ? _ : constant$1(+_), arc) : cornerRadius;
-    };
-    arc.padRadius = function(_) {
-      return arguments.length ? (padRadius = _ == null ? null : typeof _ === "function" ? _ : constant$1(+_), arc) : padRadius;
-    };
-    arc.startAngle = function(_) {
-      return arguments.length ? (startAngle = typeof _ === "function" ? _ : constant$1(+_), arc) : startAngle;
-    };
-    arc.endAngle = function(_) {
-      return arguments.length ? (endAngle = typeof _ === "function" ? _ : constant$1(+_), arc) : endAngle;
-    };
-    arc.padAngle = function(_) {
-      return arguments.length ? (padAngle = typeof _ === "function" ? _ : constant$1(+_), arc) : padAngle;
-    };
-    arc.context = function(_) {
-      return arguments.length ? ((context = _ == null ? null : _), arc) : context;
-    };
-    return arc;
-  }
-  function ascending(a, b) {
-    return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
-  }
-  function bisector(f) {
-    let delta = f;
-    let compare = f;
-    if (f.length === 1) {
-      delta = (d, x) => f(d) - x;
-      compare = ascendingComparator(f);
-    }
-    function left(a, x, lo, hi) {
-      if (lo == null) lo = 0;
-      if (hi == null) hi = a.length;
-      while (lo < hi) {
-        const mid = (lo + hi) >>> 1;
-        if (compare(a[mid], x) < 0) lo = mid + 1;
-        else hi = mid;
-      }
-      return lo;
-    }
-    function right(a, x, lo, hi) {
-      if (lo == null) lo = 0;
-      if (hi == null) hi = a.length;
-      while (lo < hi) {
-        const mid = (lo + hi) >>> 1;
-        if (compare(a[mid], x) > 0) hi = mid;
-        else lo = mid + 1;
-      }
-      return lo;
-    }
-    function center(a, x, lo, hi) {
-      if (lo == null) lo = 0;
-      if (hi == null) hi = a.length;
-      const i = left(a, x, lo, hi - 1);
-      return i > lo && delta(a[i - 1], x) > -delta(a[i], x) ? i - 1 : i;
-    }
-    return {left, center, right};
-  }
-  function ascendingComparator(f) {
-    return (d, x) => ascending(f(d), x);
-  }
-  function number$1(x) {
-    return x === null ? NaN : +x;
-  }
-  const ascendingBisect = bisector(ascending);
-  const bisectRight = ascendingBisect.right;
-  bisector(number$1).center;
-  var e10 = Math.sqrt(50),
-      e5 = Math.sqrt(10),
-      e2 = Math.sqrt(2);
-  function ticks(start, stop, count) {
-    var reverse,
-        i = -1,
-        n,
-        ticks,
-        step;
-    stop = +stop, start = +start, count = +count;
-    if (start === stop && count > 0) return [start];
-    if (reverse = stop < start) n = start, start = stop, stop = n;
-    if ((step = tickIncrement(start, stop, count)) === 0 || !isFinite(step)) return [];
-    if (step > 0) {
-      start = Math.ceil(start / step);
-      stop = Math.floor(stop / step);
-      ticks = new Array(n = Math.ceil(stop - start + 1));
-      while (++i < n) ticks[i] = (start + i) * step;
-    } else {
-      step = -step;
-      start = Math.ceil(start * step);
-      stop = Math.floor(stop * step);
-      ticks = new Array(n = Math.ceil(stop - start + 1));
-      while (++i < n) ticks[i] = (start + i) / step;
-    }
-    if (reverse) ticks.reverse();
-    return ticks;
-  }
-  function tickIncrement(start, stop, count) {
-    var step = (stop - start) / Math.max(0, count),
-        power = Math.floor(Math.log(step) / Math.LN10),
-        error = step / Math.pow(10, power);
-    return power >= 0
-        ? (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1) * Math.pow(10, power)
-        : -Math.pow(10, -power) / (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1);
-  }
-  function tickStep(start, stop, count) {
-    var step0 = Math.abs(stop - start) / Math.max(0, count),
-        step1 = Math.pow(10, Math.floor(Math.log(step0) / Math.LN10)),
-        error = step0 / step1;
-    if (error >= e10) step1 *= 10;
-    else if (error >= e5) step1 *= 5;
-    else if (error >= e2) step1 *= 2;
-    return stop < start ? -step1 : step1;
-  }
-  function initRange(domain, range) {
-    switch (arguments.length) {
-      case 0: break;
-      case 1: this.range(domain); break;
-      default: this.range(range).domain(domain); break;
-    }
-    return this;
-  }
-  function define(constructor, factory, prototype) {
-    constructor.prototype = factory.prototype = prototype;
-    prototype.constructor = constructor;
-  }
-  function extend(parent, definition) {
-    var prototype = Object.create(parent.prototype);
-    for (var key in definition) prototype[key] = definition[key];
-    return prototype;
-  }
-  function Color() {}
-  var darker = 0.7;
-  var brighter = 1 / darker;
-  var reI = "\\s*([+-]?\\d+)\\s*",
-      reN = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",
-      reP = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",
-      reHex = /^#([0-9a-f]{3,8})$/,
-      reRgbInteger = new RegExp("^rgb\\(" + [reI, reI, reI] + "\\)$"),
-      reRgbPercent = new RegExp("^rgb\\(" + [reP, reP, reP] + "\\)$"),
-      reRgbaInteger = new RegExp("^rgba\\(" + [reI, reI, reI, reN] + "\\)$"),
-      reRgbaPercent = new RegExp("^rgba\\(" + [reP, reP, reP, reN] + "\\)$"),
-      reHslPercent = new RegExp("^hsl\\(" + [reN, reP, reP] + "\\)$"),
-      reHslaPercent = new RegExp("^hsla\\(" + [reN, reP, reP, reN] + "\\)$");
-  var named = {
-    aliceblue: 0xf0f8ff,
-    antiquewhite: 0xfaebd7,
-    aqua: 0x00ffff,
-    aquamarine: 0x7fffd4,
-    azure: 0xf0ffff,
-    beige: 0xf5f5dc,
-    bisque: 0xffe4c4,
-    black: 0x000000,
-    blanchedalmond: 0xffebcd,
-    blue: 0x0000ff,
-    blueviolet: 0x8a2be2,
-    brown: 0xa52a2a,
-    burlywood: 0xdeb887,
-    cadetblue: 0x5f9ea0,
-    chartreuse: 0x7fff00,
-    chocolate: 0xd2691e,
-    coral: 0xff7f50,
-    cornflowerblue: 0x6495ed,
-    cornsilk: 0xfff8dc,
-    crimson: 0xdc143c,
-    cyan: 0x00ffff,
-    darkblue: 0x00008b,
-    darkcyan: 0x008b8b,
-    darkgoldenrod: 0xb8860b,
-    darkgray: 0xa9a9a9,
-    darkgreen: 0x006400,
-    darkgrey: 0xa9a9a9,
-    darkkhaki: 0xbdb76b,
-    darkmagenta: 0x8b008b,
-    darkolivegreen: 0x556b2f,
-    darkorange: 0xff8c00,
-    darkorchid: 0x9932cc,
-    darkred: 0x8b0000,
-    darksalmon: 0xe9967a,
-    darkseagreen: 0x8fbc8f,
-    darkslateblue: 0x483d8b,
-    darkslategray: 0x2f4f4f,
-    darkslategrey: 0x2f4f4f,
-    darkturquoise: 0x00ced1,
-    darkviolet: 0x9400d3,
-    deeppink: 0xff1493,
-    deepskyblue: 0x00bfff,
-    dimgray: 0x696969,
-    dimgrey: 0x696969,
-    dodgerblue: 0x1e90ff,
-    firebrick: 0xb22222,
-    floralwhite: 0xfffaf0,
-    forestgreen: 0x228b22,
-    fuchsia: 0xff00ff,
-    gainsboro: 0xdcdcdc,
-    ghostwhite: 0xf8f8ff,
-    gold: 0xffd700,
-    goldenrod: 0xdaa520,
-    gray: 0x808080,
-    green: 0x008000,
-    greenyellow: 0xadff2f,
-    grey: 0x808080,
-    honeydew: 0xf0fff0,
-    hotpink: 0xff69b4,
-    indianred: 0xcd5c5c,
-    indigo: 0x4b0082,
-    ivory: 0xfffff0,
-    khaki: 0xf0e68c,
-    lavender: 0xe6e6fa,
-    lavenderblush: 0xfff0f5,
-    lawngreen: 0x7cfc00,
-    lemonchiffon: 0xfffacd,
-    lightblue: 0xadd8e6,
-    lightcoral: 0xf08080,
-    lightcyan: 0xe0ffff,
-    lightgoldenrodyellow: 0xfafad2,
-    lightgray: 0xd3d3d3,
-    lightgreen: 0x90ee90,
-    lightgrey: 0xd3d3d3,
-    lightpink: 0xffb6c1,
-    lightsalmon: 0xffa07a,
-    lightseagreen: 0x20b2aa,
-    lightskyblue: 0x87cefa,
-    lightslategray: 0x778899,
-    lightslategrey: 0x778899,
-    lightsteelblue: 0xb0c4de,
-    lightyellow: 0xffffe0,
-    lime: 0x00ff00,
-    limegreen: 0x32cd32,
-    linen: 0xfaf0e6,
-    magenta: 0xff00ff,
-    maroon: 0x800000,
-    mediumaquamarine: 0x66cdaa,
-    mediumblue: 0x0000cd,
-    mediumorchid: 0xba55d3,
-    mediumpurple: 0x9370db,
-    mediumseagreen: 0x3cb371,
-    mediumslateblue: 0x7b68ee,
-    mediumspringgreen: 0x00fa9a,
-    mediumturquoise: 0x48d1cc,
-    mediumvioletred: 0xc71585,
-    midnightblue: 0x191970,
-    mintcream: 0xf5fffa,
-    mistyrose: 0xffe4e1,
-    moccasin: 0xffe4b5,
-    navajowhite: 0xffdead,
-    navy: 0x000080,
-    oldlace: 0xfdf5e6,
-    olive: 0x808000,
-    olivedrab: 0x6b8e23,
-    orange: 0xffa500,
-    orangered: 0xff4500,
-    orchid: 0xda70d6,
-    palegoldenrod: 0xeee8aa,
-    palegreen: 0x98fb98,
-    paleturquoise: 0xafeeee,
-    palevioletred: 0xdb7093,
-    papayawhip: 0xffefd5,
-    peachpuff: 0xffdab9,
-    peru: 0xcd853f,
-    pink: 0xffc0cb,
-    plum: 0xdda0dd,
-    powderblue: 0xb0e0e6,
-    purple: 0x800080,
-    rebeccapurple: 0x663399,
-    red: 0xff0000,
-    rosybrown: 0xbc8f8f,
-    royalblue: 0x4169e1,
-    saddlebrown: 0x8b4513,
-    salmon: 0xfa8072,
-    sandybrown: 0xf4a460,
-    seagreen: 0x2e8b57,
-    seashell: 0xfff5ee,
-    sienna: 0xa0522d,
-    silver: 0xc0c0c0,
-    skyblue: 0x87ceeb,
-    slateblue: 0x6a5acd,
-    slategray: 0x708090,
-    slategrey: 0x708090,
-    snow: 0xfffafa,
-    springgreen: 0x00ff7f,
-    steelblue: 0x4682b4,
-    tan: 0xd2b48c,
-    teal: 0x008080,
-    thistle: 0xd8bfd8,
-    tomato: 0xff6347,
-    turquoise: 0x40e0d0,
-    violet: 0xee82ee,
-    wheat: 0xf5deb3,
-    white: 0xffffff,
-    whitesmoke: 0xf5f5f5,
-    yellow: 0xffff00,
-    yellowgreen: 0x9acd32
-  };
-  define(Color, color, {
-    copy: function(channels) {
-      return Object.assign(new this.constructor, this, channels);
-    },
-    displayable: function() {
-      return this.rgb().displayable();
-    },
-    hex: color_formatHex, // Deprecated! Use color.formatHex.
-    formatHex: color_formatHex,
-    formatHsl: color_formatHsl,
-    formatRgb: color_formatRgb,
-    toString: color_formatRgb
-  });
-  function color_formatHex() {
-    return this.rgb().formatHex();
-  }
-  function color_formatHsl() {
-    return hslConvert(this).formatHsl();
-  }
-  function color_formatRgb() {
-    return this.rgb().formatRgb();
-  }
-  function color(format) {
-    var m, l;
-    format = (format + "").trim().toLowerCase();
-    return (m = reHex.exec(format)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) // #ff0000
-        : l === 3 ? new Rgb((m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), ((m & 0xf) << 4) | (m & 0xf), 1) // #f00
-        : l === 8 ? rgba(m >> 24 & 0xff, m >> 16 & 0xff, m >> 8 & 0xff, (m & 0xff) / 0xff) // #ff000000
-        : l === 4 ? rgba((m >> 12 & 0xf) | (m >> 8 & 0xf0), (m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), (((m & 0xf) << 4) | (m & 0xf)) / 0xff) // #f000
-        : null) // invalid hex
-        : (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)
-        : (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)
-        : (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)
-        : (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)
-        : (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)
-        : (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)
-        : named.hasOwnProperty(format) ? rgbn(named[format]) // eslint-disable-line no-prototype-builtins
-        : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0)
-        : null;
-  }
-  function rgbn(n) {
-    return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);
-  }
-  function rgba(r, g, b, a) {
-    if (a <= 0) r = g = b = NaN;
-    return new Rgb(r, g, b, a);
-  }
-  function rgbConvert(o) {
-    if (!(o instanceof Color)) o = color(o);
-    if (!o) return new Rgb;
-    o = o.rgb();
-    return new Rgb(o.r, o.g, o.b, o.opacity);
-  }
-  function rgb$1(r, g, b, opacity) {
-    return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
-  }
-  function Rgb(r, g, b, opacity) {
-    this.r = +r;
-    this.g = +g;
-    this.b = +b;
-    this.opacity = +opacity;
-  }
-  define(Rgb, rgb$1, extend(Color, {
-    brighter: function(k) {
-      k = k == null ? brighter : Math.pow(brighter, k);
-      return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-    },
-    darker: function(k) {
-      k = k == null ? darker : Math.pow(darker, k);
-      return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-    },
-    rgb: function() {
-      return this;
-    },
-    displayable: function() {
-      return (-0.5 <= this.r && this.r < 255.5)
-          && (-0.5 <= this.g && this.g < 255.5)
-          && (-0.5 <= this.b && this.b < 255.5)
-          && (0 <= this.opacity && this.opacity <= 1);
-    },
-    hex: rgb_formatHex, // Deprecated! Use color.formatHex.
-    formatHex: rgb_formatHex,
-    formatRgb: rgb_formatRgb,
-    toString: rgb_formatRgb
-  }));
-  function rgb_formatHex() {
-    return "#" + hex(this.r) + hex(this.g) + hex(this.b);
-  }
-  function rgb_formatRgb() {
-    var a = this.opacity; a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
-    return (a === 1 ? "rgb(" : "rgba(")
-        + Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", "
-        + Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", "
-        + Math.max(0, Math.min(255, Math.round(this.b) || 0))
-        + (a === 1 ? ")" : ", " + a + ")");
-  }
-  function hex(value) {
-    value = Math.max(0, Math.min(255, Math.round(value) || 0));
-    return (value < 16 ? "0" : "") + value.toString(16);
-  }
-  function hsla(h, s, l, a) {
-    if (a <= 0) h = s = l = NaN;
-    else if (l <= 0 || l >= 1) h = s = NaN;
-    else if (s <= 0) h = NaN;
-    return new Hsl(h, s, l, a);
-  }
-  function hslConvert(o) {
-    if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
-    if (!(o instanceof Color)) o = color(o);
-    if (!o) return new Hsl;
-    if (o instanceof Hsl) return o;
-    o = o.rgb();
-    var r = o.r / 255,
-        g = o.g / 255,
-        b = o.b / 255,
-        min = Math.min(r, g, b),
-        max = Math.max(r, g, b),
-        h = NaN,
-        s = max - min,
-        l = (max + min) / 2;
-    if (s) {
-      if (r === max) h = (g - b) / s + (g < b) * 6;
-      else if (g === max) h = (b - r) / s + 2;
-      else h = (r - g) / s + 4;
-      s /= l < 0.5 ? max + min : 2 - max - min;
-      h *= 60;
-    } else {
-      s = l > 0 && l < 1 ? 0 : h;
-    }
-    return new Hsl(h, s, l, o.opacity);
-  }
-  function hsl(h, s, l, opacity) {
-    return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
-  }
-  function Hsl(h, s, l, opacity) {
-    this.h = +h;
-    this.s = +s;
-    this.l = +l;
-    this.opacity = +opacity;
-  }
-  define(Hsl, hsl, extend(Color, {
-    brighter: function(k) {
-      k = k == null ? brighter : Math.pow(brighter, k);
-      return new Hsl(this.h, this.s, this.l * k, this.opacity);
-    },
-    darker: function(k) {
-      k = k == null ? darker : Math.pow(darker, k);
-      return new Hsl(this.h, this.s, this.l * k, this.opacity);
-    },
-    rgb: function() {
-      var h = this.h % 360 + (this.h < 0) * 360,
-          s = isNaN(h) || isNaN(this.s) ? 0 : this.s,
-          l = this.l,
-          m2 = l + (l < 0.5 ? l : 1 - l) * s,
-          m1 = 2 * l - m2;
-      return new Rgb(
-        hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),
-        hsl2rgb(h, m1, m2),
-        hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2),
-        this.opacity
-      );
-    },
-    displayable: function() {
-      return (0 <= this.s && this.s <= 1 || isNaN(this.s))
-          && (0 <= this.l && this.l <= 1)
-          && (0 <= this.opacity && this.opacity <= 1);
-    },
-    formatHsl: function() {
-      var a = this.opacity; a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
-      return (a === 1 ? "hsl(" : "hsla(")
-          + (this.h || 0) + ", "
-          + (this.s || 0) * 100 + "%, "
-          + (this.l || 0) * 100 + "%"
-          + (a === 1 ? ")" : ", " + a + ")");
-    }
-  }));
-  /* From FvD 13.37, CSS Color Module Level 3 */
-  function hsl2rgb(h, m1, m2) {
-    return (h < 60 ? m1 + (m2 - m1) * h / 60
-        : h < 180 ? m2
-        : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60
-        : m1) * 255;
-  }
-  var constant = x => () => x;
-  function linear$1(a, d) {
-    return function(t) {
-      return a + t * d;
-    };
-  }
-  function exponential(a, b, y) {
-    return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function(t) {
-      return Math.pow(a + t * b, y);
-    };
-  }
-  function gamma(y) {
-    return (y = +y) === 1 ? nogamma : function(a, b) {
-      return b - a ? exponential(a, b, y) : constant(isNaN(a) ? b : a);
-    };
-  }
-  function nogamma(a, b) {
-    var d = b - a;
-    return d ? linear$1(a, d) : constant(isNaN(a) ? b : a);
-  }
-  var rgb = (function rgbGamma(y) {
-    var color = gamma(y);
-    function rgb(start, end) {
-      var r = color((start = rgb$1(start)).r, (end = rgb$1(end)).r),
-          g = color(start.g, end.g),
-          b = color(start.b, end.b),
-          opacity = nogamma(start.opacity, end.opacity);
-      return function(t) {
-        start.r = r(t);
-        start.g = g(t);
-        start.b = b(t);
-        start.opacity = opacity(t);
-        return start + "";
-      };
-    }
-    rgb.gamma = rgbGamma;
-    return rgb;
-  })(1);
-  function numberArray(a, b) {
-    if (!b) b = [];
-    var n = a ? Math.min(b.length, a.length) : 0,
-        c = b.slice(),
-        i;
-    return function(t) {
-      for (i = 0; i < n; ++i) c[i] = a[i] * (1 - t) + b[i] * t;
-      return c;
-    };
-  }
-  function isNumberArray(x) {
-    return ArrayBuffer.isView(x) && !(x instanceof DataView);
-  }
-  function genericArray(a, b) {
-    var nb = b ? b.length : 0,
-        na = a ? Math.min(nb, a.length) : 0,
-        x = new Array(na),
-        c = new Array(nb),
-        i;
-    for (i = 0; i < na; ++i) x[i] = interpolate(a[i], b[i]);
-    for (; i < nb; ++i) c[i] = b[i];
-    return function(t) {
-      for (i = 0; i < na; ++i) c[i] = x[i](t);
-      return c;
-    };
-  }
-  function date(a, b) {
-    var d = new Date;
-    return a = +a, b = +b, function(t) {
-      return d.setTime(a * (1 - t) + b * t), d;
-    };
-  }
-  function interpolateNumber(a, b) {
-    return a = +a, b = +b, function(t) {
-      return a * (1 - t) + b * t;
-    };
-  }
-  function object(a, b) {
-    var i = {},
-        c = {},
-        k;
-    if (a === null || typeof a !== "object") a = {};
-    if (b === null || typeof b !== "object") b = {};
-    for (k in b) {
-      if (k in a) {
-        i[k] = interpolate(a[k], b[k]);
-      } else {
-        c[k] = b[k];
-      }
-    }
-    return function(t) {
-      for (k in i) c[k] = i[k](t);
-      return c;
-    };
-  }
-  var reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,
-      reB = new RegExp(reA.source, "g");
-  function zero(b) {
-    return function() {
-      return b;
-    };
-  }
-  function one(b) {
-    return function(t) {
-      return b(t) + "";
-    };
-  }
-  function string(a, b) {
-    var bi = reA.lastIndex = reB.lastIndex = 0, // scan index for next number in b
-        am, // current match in a
-        bm, // current match in b
-        bs, // string preceding current number in b, if any
-        i = -1, // index in s
-        s = [], // string constants and placeholders
-        q = []; // number interpolators
-    // Coerce inputs to strings.
-    a = a + "", b = b + "";
-    // Interpolate pairs of numbers in a & b.
-    while ((am = reA.exec(a))
-        && (bm = reB.exec(b))) {
-      if ((bs = bm.index) > bi) { // a string precedes the next number in b
-        bs = b.slice(bi, bs);
-        if (s[i]) s[i] += bs; // coalesce with previous string
-        else s[++i] = bs;
-      }
-      if ((am = am[0]) === (bm = bm[0])) { // numbers in a & b match
-        if (s[i]) s[i] += bm; // coalesce with previous string
-        else s[++i] = bm;
-      } else { // interpolate non-matching numbers
-        s[++i] = null;
-        q.push({i: i, x: interpolateNumber(am, bm)});
-      }
-      bi = reB.lastIndex;
-    }
-    // Add remains of b.
-    if (bi < b.length) {
-      bs = b.slice(bi);
-      if (s[i]) s[i] += bs; // coalesce with previous string
-      else s[++i] = bs;
-    }
-    // Special optimization for only a single match.
-    // Otherwise, interpolate each of the numbers and rejoin the string.
-    return s.length < 2 ? (q[0]
-        ? one(q[0].x)
-        : zero(b))
-        : (b = q.length, function(t) {
-            for (var i = 0, o; i < b; ++i) s[(o = q[i]).i] = o.x(t);
-            return s.join("");
-          });
-  }
-  function interpolate(a, b) {
-    var t = typeof b, c;
-    return b == null || t === "boolean" ? constant(b)
-        : (t === "number" ? interpolateNumber
-        : t === "string" ? ((c = color(b)) ? (b = c, rgb) : string)
-        : b instanceof color ? rgb
-        : b instanceof Date ? date
-        : isNumberArray(b) ? numberArray
-        : Array.isArray(b) ? genericArray
-        : typeof b.valueOf !== "function" && typeof b.toString !== "function" || isNaN(b) ? object
-        : interpolateNumber)(a, b);
-  }
-  function interpolateRound(a, b) {
-    return a = +a, b = +b, function(t) {
-      return Math.round(a * (1 - t) + b * t);
-    };
-  }
-  function constants(x) {
-    return function() {
-      return x;
-    };
-  }
-  function number(x) {
-    return +x;
-  }
-  var unit = [0, 1];
-  function identity$1(x) {
-    return x;
-  }
-  function normalize(a, b) {
-    return (b -= (a = +a))
-        ? function(x) { return (x - a) / b; }
-        : constants(isNaN(b) ? NaN : 0.5);
-  }
-  function clamper(a, b) {
-    var t;
-    if (a > b) t = a, a = b, b = t;
-    return function(x) { return Math.max(a, Math.min(b, x)); };
-  }
-  // normalize(a, b)(x) takes a domain value x in [a,b] and returns the corresponding parameter t in [0,1].
-  // interpolate(a, b)(t) takes a parameter t in [0,1] and returns the corresponding range value x in [a,b].
-  function bimap(domain, range, interpolate) {
-    var d0 = domain[0], d1 = domain[1], r0 = range[0], r1 = range[1];
-    if (d1 < d0) d0 = normalize(d1, d0), r0 = interpolate(r1, r0);
-    else d0 = normalize(d0, d1), r0 = interpolate(r0, r1);
-    return function(x) { return r0(d0(x)); };
-  }
-  function polymap(domain, range, interpolate) {
-    var j = Math.min(domain.length, range.length) - 1,
-        d = new Array(j),
-        r = new Array(j),
-        i = -1;
-    // Reverse descending domains.
-    if (domain[j] < domain[0]) {
-      domain = domain.slice().reverse();
-      range = range.slice().reverse();
-    }
-    while (++i < j) {
-      d[i] = normalize(domain[i], domain[i + 1]);
-      r[i] = interpolate(range[i], range[i + 1]);
-    }
-    return function(x) {
-      var i = bisectRight(domain, x, 1, j) - 1;
-      return r[i](d[i](x));
-    };
-  }
-  function copy(source, target) {
-    return target
-        .domain(source.domain())
-        .range(source.range())
-        .interpolate(source.interpolate())
-        .clamp(source.clamp())
-        .unknown(source.unknown());
-  }
-  function transformer() {
-    var domain = unit,
-        range = unit,
-        interpolate$1 = interpolate,
-        transform,
-        untransform,
-        unknown,
-        clamp = identity$1,
-        piecewise,
-        output,
-        input;
-    function rescale() {
-      var n = Math.min(domain.length, range.length);
-      if (clamp !== identity$1) clamp = clamper(domain[0], domain[n - 1]);
-      piecewise = n > 2 ? polymap : bimap;
-      output = input = null;
-      return scale;
-    }
-    function scale(x) {
-      return isNaN(x = +x) ? unknown : (output || (output = piecewise(domain.map(transform), range, interpolate$1)))(transform(clamp(x)));
-    }
-    scale.invert = function(y) {
-      return clamp(untransform((input || (input = piecewise(range, domain.map(transform), interpolateNumber)))(y)));
-    };
-    scale.domain = function(_) {
-      return arguments.length ? (domain = Array.from(_, number), rescale()) : domain.slice();
-    };
-    scale.range = function(_) {
-      return arguments.length ? (range = Array.from(_), rescale()) : range.slice();
-    };
-    scale.rangeRound = function(_) {
-      return range = Array.from(_), interpolate$1 = interpolateRound, rescale();
-    };
-    scale.clamp = function(_) {
-      return arguments.length ? (clamp = _ ? true : identity$1, rescale()) : clamp !== identity$1;
-    };
-    scale.interpolate = function(_) {
-      return arguments.length ? (interpolate$1 = _, rescale()) : interpolate$1;
-    };
-    scale.unknown = function(_) {
-      return arguments.length ? (unknown = _, scale) : unknown;
-    };
-    return function(t, u) {
-      transform = t, untransform = u;
-      return rescale();
-    };
-  }
-  function continuous() {
-    return transformer()(identity$1, identity$1);
-  }
-  function formatDecimal(x) {
-    return Math.abs(x = Math.round(x)) >= 1e21
-        ? x.toLocaleString("en").replace(/,/g, "")
-        : x.toString(10);
-  }
-  // Computes the decimal coefficient and exponent of the specified number x with
-  // significant digits p, where x is positive and p is in [1, 21] or undefined.
-  // For example, formatDecimalParts(1.23) returns ["123", 0].
-  function formatDecimalParts(x, p) {
-    if ((i = (x = p ? x.toExponential(p - 1) : x.toExponential()).indexOf("e")) < 0) return null; // NaN, ±Infinity
-    var i, coefficient = x.slice(0, i);
-    // The string returned by toExponential either has the form \d\.\d+e[-+]\d+
-    // (e.g., 1.2e+3) or the form \de[-+]\d+ (e.g., 1e+3).
-    return [
-      coefficient.length > 1 ? coefficient[0] + coefficient.slice(2) : coefficient,
-      +x.slice(i + 1)
-    ];
-  }
-  function exponent(x) {
-    return x = formatDecimalParts(Math.abs(x)), x ? x[1] : NaN;
-  }
-  function formatGroup(grouping, thousands) {
-    return function(value, width) {
-      var i = value.length,
-          t = [],
-          j = 0,
-          g = grouping[0],
-          length = 0;
-      while (i > 0 && g > 0) {
-        if (length + g + 1 > width) g = Math.max(1, width - length);
-        t.push(value.substring(i -= g, i + g));
-        if ((length += g + 1) > width) break;
-        g = grouping[j = (j + 1) % grouping.length];
-      }
-      return t.reverse().join(thousands);
-    };
-  }
-  function formatNumerals(numerals) {
-    return function(value) {
-      return value.replace(/[0-9]/g, function(i) {
-        return numerals[+i];
-      });
-    };
-  }
-  // [[fill]align][sign][symbol][0][width][,][.precision][~][type]
-  var re = /^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;
-  function formatSpecifier(specifier) {
-    if (!(match = re.exec(specifier))) throw new Error("invalid format: " + specifier);
-    var match;
-    return new FormatSpecifier({
-      fill: match[1],
-      align: match[2],
-      sign: match[3],
-      symbol: match[4],
-      zero: match[5],
-      width: match[6],
-      comma: match[7],
-      precision: match[8] && match[8].slice(1),
-      trim: match[9],
-      type: match[10]
-    });
-  }
-  formatSpecifier.prototype = FormatSpecifier.prototype; // instanceof
-  function FormatSpecifier(specifier) {
-    this.fill = specifier.fill === undefined ? " " : specifier.fill + "";
-    this.align = specifier.align === undefined ? ">" : specifier.align + "";
-    this.sign = specifier.sign === undefined ? "-" : specifier.sign + "";
-    this.symbol = specifier.symbol === undefined ? "" : specifier.symbol + "";
-    this.zero = !!specifier.zero;
-    this.width = specifier.width === undefined ? undefined : +specifier.width;
-    this.comma = !!specifier.comma;
-    this.precision = specifier.precision === undefined ? undefined : +specifier.precision;
-    this.trim = !!specifier.trim;
-    this.type = specifier.type === undefined ? "" : specifier.type + "";
-  }
-  FormatSpecifier.prototype.toString = function() {
-    return this.fill
-        + this.align
-        + this.sign
-        + this.symbol
-        + (this.zero ? "0" : "")
-        + (this.width === undefined ? "" : Math.max(1, this.width | 0))
-        + (this.comma ? "," : "")
-        + (this.precision === undefined ? "" : "." + Math.max(0, this.precision | 0))
-        + (this.trim ? "~" : "")
-        + this.type;
-  };
-  // Trims insignificant zeros, e.g., replaces 1.2000k with 1.2k.
-  function formatTrim(s) {
-    out: for (var n = s.length, i = 1, i0 = -1, i1; i < n; ++i) {
-      switch (s[i]) {
-        case ".": i0 = i1 = i; break;
-        case "0": if (i0 === 0) i0 = i; i1 = i; break;
-        default: if (!+s[i]) break out; if (i0 > 0) i0 = 0; break;
-      }
-    }
-    return i0 > 0 ? s.slice(0, i0) + s.slice(i1 + 1) : s;
-  }
-  var prefixExponent;
-  function formatPrefixAuto(x, p) {
-    var d = formatDecimalParts(x, p);
-    if (!d) return x + "";
-    var coefficient = d[0],
-        exponent = d[1],
-        i = exponent - (prefixExponent = Math.max(-8, Math.min(8, Math.floor(exponent / 3))) * 3) + 1,
-        n = coefficient.length;
-    return i === n ? coefficient
-        : i > n ? coefficient + new Array(i - n + 1).join("0")
-        : i > 0 ? coefficient.slice(0, i) + "." + coefficient.slice(i)
-        : "0." + new Array(1 - i).join("0") + formatDecimalParts(x, Math.max(0, p + i - 1))[0]; // less than 1y!
-  }
-  function formatRounded(x, p) {
-    var d = formatDecimalParts(x, p);
-    if (!d) return x + "";
-    var coefficient = d[0],
-        exponent = d[1];
-    return exponent < 0 ? "0." + new Array(-exponent).join("0") + coefficient
-        : coefficient.length > exponent + 1 ? coefficient.slice(0, exponent + 1) + "." + coefficient.slice(exponent + 1)
-        : coefficient + new Array(exponent - coefficient.length + 2).join("0");
-  }
-  var formatTypes = {
-    "%": (x, p) => (x * 100).toFixed(p),
-    "b": (x) => Math.round(x).toString(2),
-    "c": (x) => x + "",
-    "d": formatDecimal,
-    "e": (x, p) => x.toExponential(p),
-    "f": (x, p) => x.toFixed(p),
-    "g": (x, p) => x.toPrecision(p),
-    "o": (x) => Math.round(x).toString(8),
-    "p": (x, p) => formatRounded(x * 100, p),
-    "r": formatRounded,
-    "s": formatPrefixAuto,
-    "X": (x) => Math.round(x).toString(16).toUpperCase(),
-    "x": (x) => Math.round(x).toString(16)
-  };
-  function identity(x) {
-    return x;
-  }
-  var map = Array.prototype.map,
-      prefixes = ["y","z","a","f","p","n","µ","m","","k","M","G","T","P","E","Z","Y"];
-  function formatLocale(locale) {
-    var group = locale.grouping === undefined || locale.thousands === undefined ? identity : formatGroup(map.call(locale.grouping, Number), locale.thousands + ""),
-        currencyPrefix = locale.currency === undefined ? "" : locale.currency[0] + "",
-        currencySuffix = locale.currency === undefined ? "" : locale.currency[1] + "",
-        decimal = locale.decimal === undefined ? "." : locale.decimal + "",
-        numerals = locale.numerals === undefined ? identity : formatNumerals(map.call(locale.numerals, String)),
-        percent = locale.percent === undefined ? "%" : locale.percent + "",
-        minus = locale.minus === undefined ? "−" : locale.minus + "",
-        nan = locale.nan === undefined ? "NaN" : locale.nan + "";
-    function newFormat(specifier) {
-      specifier = formatSpecifier(specifier);
-      var fill = specifier.fill,
-          align = specifier.align,
-          sign = specifier.sign,
-          symbol = specifier.symbol,
-          zero = specifier.zero,
-          width = specifier.width,
-          comma = specifier.comma,
-          precision = specifier.precision,
-          trim = specifier.trim,
-          type = specifier.type;
-      // The "n" type is an alias for ",g".
-      if (type === "n") comma = true, type = "g";
-      // The "" type, and any invalid type, is an alias for ".12~g".
-      else if (!formatTypes[type]) precision === undefined && (precision = 12), trim = true, type = "g";
-      // If zero fill is specified, padding goes after sign and before digits.
-      if (zero || (fill === "0" && align === "=")) zero = true, fill = "0", align = "=";
-      // Compute the prefix and suffix.
-      // For SI-prefix, the suffix is lazily computed.
-      var prefix = symbol === "$" ? currencyPrefix : symbol === "#" && /[boxX]/.test(type) ? "0" + type.toLowerCase() : "",
-          suffix = symbol === "$" ? currencySuffix : /[%p]/.test(type) ? percent : "";
-      // What format function should we use?
-      // Is this an integer type?
-      // Can this type generate exponential notation?
-      var formatType = formatTypes[type],
-          maybeSuffix = /[defgprs%]/.test(type);
-      // Set the default precision if not specified,
-      // or clamp the specified precision to the supported range.
-      // For significant precision, it must be in [1, 21].
-      // For fixed precision, it must be in [0, 20].
-      precision = precision === undefined ? 6
-          : /[gprs]/.test(type) ? Math.max(1, Math.min(21, precision))
-          : Math.max(0, Math.min(20, precision));
-      function format(value) {
-        var valuePrefix = prefix,
-            valueSuffix = suffix,
-            i, n, c;
-        if (type === "c") {
-          valueSuffix = formatType(value) + valueSuffix;
-          value = "";
-        } else {
-          value = +value;
-          // Determine the sign. -0 is not less than 0, but 1 / -0 is!
-          var valueNegative = value < 0 || 1 / value < 0;
-          // Perform the initial formatting.
-          value = isNaN(value) ? nan : formatType(Math.abs(value), precision);
-          // Trim insignificant zeros.
-          if (trim) value = formatTrim(value);
-          // If a negative value rounds to zero after formatting, and no explicit positive sign is requested, hide the sign.
-          if (valueNegative && +value === 0 && sign !== "+") valueNegative = false;
-          // Compute the prefix and suffix.
-          valuePrefix = (valueNegative ? (sign === "(" ? sign : minus) : sign === "-" || sign === "(" ? "" : sign) + valuePrefix;
-          valueSuffix = (type === "s" ? prefixes[8 + prefixExponent / 3] : "") + valueSuffix + (valueNegative && sign === "(" ? ")" : "");
-          // Break the formatted value into the integer “value” part that can be
-          // grouped, and fractional or exponential “suffix” part that is not.
-          if (maybeSuffix) {
-            i = -1, n = value.length;
-            while (++i < n) {
-              if (c = value.charCodeAt(i), 48 > c || c > 57) {
-                valueSuffix = (c === 46 ? decimal + value.slice(i + 1) : value.slice(i)) + valueSuffix;
-                value = value.slice(0, i);
-                break;
-              }
-            }
-          }
-        }
-        // If the fill character is not "0", grouping is applied before padding.
-        if (comma && !zero) value = group(value, Infinity);
-        // Compute the padding.
-        var length = valuePrefix.length + value.length + valueSuffix.length,
-            padding = length < width ? new Array(width - length + 1).join(fill) : "";
-        // If the fill character is "0", grouping is applied after padding.
-        if (comma && zero) value = group(padding + value, padding.length ? width - valueSuffix.length : Infinity), padding = "";
-        // Reconstruct the final output based on the desired alignment.
-        switch (align) {
-          case "<": value = valuePrefix + value + valueSuffix + padding; break;
-          case "=": value = valuePrefix + padding + value + valueSuffix; break;
-          case "^": value = padding.slice(0, length = padding.length >> 1) + valuePrefix + value + valueSuffix + padding.slice(length); break;
-          default: value = padding + valuePrefix + value + valueSuffix; break;
-        }
-        return numerals(value);
-      }
-      format.toString = function() {
-        return specifier + "";
-      };
-      return format;
-    }
-    function formatPrefix(specifier, value) {
-      var f = newFormat((specifier = formatSpecifier(specifier), specifier.type = "f", specifier)),
-          e = Math.max(-8, Math.min(8, Math.floor(exponent(value) / 3))) * 3,
-          k = Math.pow(10, -e),
-          prefix = prefixes[8 + e / 3];
-      return function(value) {
-        return f(k * value) + prefix;
-      };
-    }
-    return {
-      format: newFormat,
-      formatPrefix: formatPrefix
-    };
-  }
-  var locale;
-  var format;
-  var formatPrefix;
-  defaultLocale({
-    thousands: ",",
-    grouping: [3],
-    currency: ["$", ""]
-  });
-  function defaultLocale(definition) {
-    locale = formatLocale(definition);
-    format = locale.format;
-    formatPrefix = locale.formatPrefix;
-    return locale;
-  }
-  function precisionFixed(step) {
-    return Math.max(0, -exponent(Math.abs(step)));
-  }
-  function precisionPrefix(step, value) {
-    return Math.max(0, Math.max(-8, Math.min(8, Math.floor(exponent(value) / 3))) * 3 - exponent(Math.abs(step)));
-  }
-  function precisionRound(step, max) {
-    step = Math.abs(step), max = Math.abs(max) - step;
-    return Math.max(0, exponent(max) - exponent(step)) + 1;
-  }
-  function tickFormat(start, stop, count, specifier) {
-    var step = tickStep(start, stop, count),
-        precision;
-    specifier = formatSpecifier(specifier == null ? ",f" : specifier);
-    switch (specifier.type) {
-      case "s": {
-        var value = Math.max(Math.abs(start), Math.abs(stop));
-        if (specifier.precision == null && !isNaN(precision = precisionPrefix(step, value))) specifier.precision = precision;
-        return formatPrefix(specifier, value);
-      }
-      case "":
-      case "e":
-      case "g":
-      case "p":
-      case "r": {
-        if (specifier.precision == null && !isNaN(precision = precisionRound(step, Math.max(Math.abs(start), Math.abs(stop))))) specifier.precision = precision - (specifier.type === "e");
-        break;
-      }
-      case "f":
-      case "%": {
-        if (specifier.precision == null && !isNaN(precision = precisionFixed(step))) specifier.precision = precision - (specifier.type === "%") * 2;
-        break;
-      }
-    }
-    return format(specifier);
-  }
-  function linearish(scale) {
-    var domain = scale.domain;
-    scale.ticks = function(count) {
-      var d = domain();
-      return ticks(d[0], d[d.length - 1], count == null ? 10 : count);
-    };
-    scale.tickFormat = function(count, specifier) {
-      var d = domain();
-      return tickFormat(d[0], d[d.length - 1], count == null ? 10 : count, specifier);
-    };
-    scale.nice = function(count) {
-      if (count == null) count = 10;
-      var d = domain();
-      var i0 = 0;
-      var i1 = d.length - 1;
-      var start = d[i0];
-      var stop = d[i1];
-      var prestep;
-      var step;
-      var maxIter = 10;
-      if (stop < start) {
-        step = start, start = stop, stop = step;
-        step = i0, i0 = i1, i1 = step;
-      }
-      while (maxIter-- > 0) {
-        step = tickIncrement(start, stop, count);
-        if (step === prestep) {
-          d[i0] = start;
-          d[i1] = stop;
-          return domain(d);
-        } else if (step > 0) {
-          start = Math.floor(start / step) * step;
-          stop = Math.ceil(stop / step) * step;
-        } else if (step < 0) {
-          start = Math.ceil(start * step) / step;
-          stop = Math.floor(stop * step) / step;
-        } else {
-          break;
-        }
-        prestep = step;
-      }
-      return scale;
-    };
-    return scale;
-  }
-  function linear() {
-    var scale = continuous();
-    scale.copy = function() {
-      return copy(scale, linear());
-    };
-    initRange.apply(scale, arguments);
-    return linearish(scale);
-  }
-  function transformPow(exponent) {
-    return function(x) {
-      return x < 0 ? -Math.pow(-x, exponent) : Math.pow(x, exponent);
-    };
-  }
-  function transformSqrt(x) {
-    return x < 0 ? -Math.sqrt(-x) : Math.sqrt(x);
-  }
-  function transformSquare(x) {
-    return x < 0 ? -x * x : x * x;
-  }
-  function powish(transform) {
-    var scale = transform(identity$1, identity$1),
-        exponent = 1;
-    function rescale() {
-      return exponent === 1 ? transform(identity$1, identity$1)
-          : exponent === 0.5 ? transform(transformSqrt, transformSquare)
-          : transform(transformPow(exponent), transformPow(1 / exponent));
-    }
-    scale.exponent = function(_) {
-      return arguments.length ? (exponent = +_, rescale()) : exponent;
-    };
-    return linearish(scale);
-  }
-  function pow() {
-    var scale = powish(transformer());
-    scale.copy = function() {
-      return copy(scale, pow()).exponent(scale.exponent());
-    };
-    initRange.apply(scale, arguments);
-    return scale;
-  }
-  function sqrt() {
-    return pow.apply(null, arguments).exponent(0.5);
-  }
-  const COLOR_DEFAULT_FILE = "#db7100";
-  const COLOR_DEFAULT_OWN_SOURCE = "#487ea4";
-  const COLOR_DEFAULT_VENDOR_SOURCE = "#599e59";
-  const colorDefault = (node) => {
-    if (node.children && node.children.length) {
-      const parents = node.ancestors();
-      const hasNodeModules = parents.some(
-        ({ data: { name } }) => name === "node_modules"
-      );
-      return hasNodeModules
-        ? COLOR_DEFAULT_VENDOR_SOURCE
-        : COLOR_DEFAULT_OWN_SOURCE;
-    } else {
-      return COLOR_DEFAULT_FILE;
-    }
-  };
-  const LABELS = {
-    renderedLength: "Rendered",
-    gzipLength: "Gzip",
-    brotliLength: "Brotli",
-  };
-  const getAvailableSizeOptions = (options = {}) => {
-    const availableSizeProperties = ["renderedLength"];
-    if (options.gzip) {
-      availableSizeProperties.push("gzipLength");
-    }
-    if (options.brotli) {
-      availableSizeProperties.push("brotliLength");
-    }
-    return availableSizeProperties;
-  };
-  const Tooltip = ({ node, root, sizeProperty, availableSizeProperties }) => {
-    const content = d(() => {
-      if (!node) return null;
-      const mainSize = node.originalValue[sizeProperty];
-      const percentageNum = (100 * mainSize) / root.originalValue[sizeProperty];
-      const percentage = percentageNum.toFixed(2);
-      const percentageString = percentage + "%";
-      return m`
-      <div class="details-name">${node.data.name}</div>
-      <div class="details-percentage">${percentageString}</div>
-      ${availableSizeProperties.map((sizeProp) => {
-        if (sizeProp === sizeProperty) {
-          return m`
-            <div class="details-size">
-              <b
-                >${LABELS[sizeProp]}:${" "}${format_1(
-                  node.originalValue[sizeProp]
-                )}</b
-              >
-            </div>
-          `;
-        } else {
-          return m`
-            <div class="details-size">
-              ${LABELS[sizeProp]}:${" "}
-              ${format_1(node.originalValue[sizeProp])}
-            </div>
-          `;
-        }
-      })}
-    `;
-    }, [node]);
-    return m`
-    <div class="details">
-      ${content}
-    </div>
-  `;
-  };
-  const Node = ({
-    node,
-    onClick,
-    isSelected,
-    onNodeHover,
-    path,
-    highlighted,
-  }) => {
-    return m`
-    <path
-      d=${path}
-      fill-rule="evenodd"
-      stroke="#fff"
-      fill=${colorDefault(node)}
-      stroke-width=${isSelected ? 3 : null}
-      onClick=${onClick}
-      onMouseOver=${(evt) => {
-        evt.stopPropagation();
-        onNodeHover(node);
-      }}
-      opacity=${highlighted ? 1 : 0.3}
-    />
-  `;
-  };
-  const SunBurst = ({
-    root,
-    layout,
-    size,
-    onNodeHover,
-    arc,
-    radius,
-    sizeProperty,
-    highlightedNodes,
-  }) => {
-    const [selectedNode, setSelectedNode] = l(null);
-    const desiredValue = root.originalValue[sizeProperty] * 0.2;
-    //handle zoom of selected node
-    const selectedNodeMultiplier =
-      selectedNode != null
-        ? (desiredValue > selectedNode.originalValue[sizeProperty]
-            ? desiredValue / selectedNode.originalValue[sizeProperty]
-            : 3) * selectedNode.height
-        : 1;
-    // i only need to increase value of leaf nodes
-    // as folders will sum they up
-    const nodesToIncrease =
-      selectedNode != null
-        ? selectedNode.children != null
-          ? selectedNode.leaves()
-          : [selectedNode]
-        : [];
-    const nodesToIncreaseSet = new Set(nodesToIncrease);
-    // update value for nodes
-    root = root.eachAfter((node) => {
-      let sum = 0;
-      const children = node.children;
-      if (children != null) {
-        let i = children.length;
-        while (--i >= 0) sum += children[i].value;
-      } else {
-        sum = nodesToIncreaseSet.has(node)
-          ? node.originalValue[sizeProperty] * selectedNodeMultiplier
-          : node.originalValue[sizeProperty];
-      }
-      node.value = sum;
-    });
-    layout(root);
-    return m`
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox=${`0 0 ${size} ${size}`}>
-      <g transform=${`translate(${radius},${radius})`}>
-        ${root.descendants().map((node) => {
-          return m`
-            <${Node}
-              node=${node}
-              onClick=${() =>
-                setSelectedNode(selectedNode === node ? null : node)}
-              isSelected=${selectedNode === node}
-              onNodeHover=${onNodeHover}
-              path=${arc(node)}
-              highlighted=${highlightedNodes.includes(node)}
-            />
-          `;
-        })}
-      </g>
-    </svg>
-  `;
-  };
-  const Chart = ({
-    layout,
-    root,
-    size,
-    sizeProperty,
-    availableSizeProperties,
-  }) => {
-    const [tooltipNode, setTooltipNode] = l(root);
-    const [highlightedNodes, setHighlightedNodes] = l(root.descendants());
-    const handleMouseOut = () => {
-      setTooltipNode(root);
-      setHighlightedNodes(root.descendants());
-    };
-    y(() => {
-      handleMouseOut();
-      document.addEventListener("mouseover", handleMouseOut);
-      return () => {
-        document.removeEventListener("mouseover", handleMouseOut);
-      };
-    }, [root]);
-    const radius = size / 2;
-    const x = linear().range([0, 2 * Math.PI]);
-    const y$1 = sqrt().range([0, radius]);
-    const arc = d3arc()
-      .startAngle((d) => Math.max(0, Math.min(2 * Math.PI, x(d.x0))))
-      .endAngle((d) => Math.max(0, Math.min(2 * Math.PI, x(d.x1))))
-      .innerRadius((d) => y$1(d.y0))
-      .outerRadius((d) => y$1(d.y1));
-    return m`
-    <${SunBurst}
-      layout=${layout}
-      root=${root}
-      size=${size}
-      radius=${radius}
-      arc=${arc}
-      sizeProperty=${sizeProperty}
-      availableSizeProperties=${availableSizeProperties}
-      onNodeHover=${(node) => {
-        setTooltipNode(node);
-        setHighlightedNodes(node.ancestors());
-      }}
-      highlightedNodes=${highlightedNodes}
-    />
-    <${Tooltip}
-      node=${tooltipNode}
-      root=${root}
-      sizeProperty=${sizeProperty}
-      availableSizeProperties=${availableSizeProperties}
-    />
-  `;
-  };
-  const SideBar = ({
-    availableSizeProperties,
-    sizeProperty,
-    setSizeProperty,
-  }) => {
-    const handleChange = (sizeProp) => () => {
-      if (sizeProp !== sizeProperty) {
-        setSizeProperty(sizeProp);
-      }
-    };
-    return m`
-    <aside class="sidebar">
-      <div class="size-selectors">
-        ${availableSizeProperties.length > 1 &&
-        availableSizeProperties.map((sizeProp) => {
-          const id = `selector-${sizeProp}`;
-          return m`
-            <div class="size-selector">
-              <input
-                type="radio"
-                id=${id}
-                checked=${sizeProp === sizeProperty}
-                onChange=${handleChange(sizeProp)}
-              />
-              <label for=${id}>
-                ${LABELS[sizeProp]}
-              </label>
-            </div>
-          `;
-        })}
-      </div>
-    </aside>
-  `;
-  };
-  const Main = ({ width, height, data: { tree, nodes, options = {} } }) => {
-    const availableSizeProperties = getAvailableSizeOptions(options);
-    const [sizeProperty, setSizeProperty] = l(availableSizeProperties[0]);
-    const size = Math.min(width, height);
-    const root = hierarchy(tree)
-      .eachAfter((node) => {
-        const value = {};
-        for (const prop of availableSizeProperties) {
-          value[prop] = 0;
-        }
-        // use node.data.children because if it is empty d3 will skip this node
-        // and it will look like it is actually a leaf - which technically it is but not exactly
-        // it is just a chunk without deps - usually just with imports
-        if (node.children == null && node.data.children != null) {
-          // this should be root withiout children
-          for (const prop of availableSizeProperties) {
-            value[prop] += node.data[prop] || 0;
-          }
-        } else if (node.data.children != null) {
-          const children = node.children;
-          let i = node.data.children.length;
-          while (--i >= 0) {
-            for (const prop of availableSizeProperties) {
-              value[prop] += children[i].originalValue[prop] || 0;
-            }
-          }
-        } else {
-          for (const prop of availableSizeProperties) {
-            value[prop] = nodes[node.data.uid][prop] || 0;
-          }
-        }
-        node.originalValue = value;
-        node.value = value[sizeProperty];
-      })
-      .sort(
-        (a, b) => b.originalValue[sizeProperty] - a.originalValue[sizeProperty]
-      );
-    const layout = d3partition();
-    return m`
-    <${SideBar}
-      sizeProperty=${sizeProperty}
-      availableSizeProperties=${availableSizeProperties}
-      setSizeProperty=${setSizeProperty}
-    />
-    <${Chart}
-      layout=${layout}
-      root=${root}
-      size=${size}
-      sizeProperty=${sizeProperty}
-      availableSizeProperties=${availableSizeProperties}
-    />
-  `;
-  };
-  const drawChart = (parentNode, data, width, height) => {
-    N(
-      m` <${Main} data=${data} width=${width} height=${height} /> `,
-      parentNode
-    );
-  };
-  return drawChart;
-}());
-  /*-->*/
-  </script>
-  <script>
-    /*<!--*/
-    const data = {"version":1,"tree":{"name":"index.js","children":[{"name":"useModal.ts","uid":"c637-0"},{"name":"useRefProp.ts","uid":"c637-1"},{"name":"usePrevious.ts","uid":"c637-2"},{"name":"useEventCallback.ts","uid":"c637-3"},{"name":"useClickOne.ts","uid":"c637-4"},{"name":"useValidate.ts","uid":"c637-5"},{"name":"useRequiredModeContext.ts","uid":"c637-6"},{"name":"useField.ts","uid":"c637-7"},{"name":"useQuery.ts","uid":"c637-8"},{"name":"useArray.ts","uid":"c637-9"},{"name":"useContainer.ts","uid":"c637-10"},{"name":"useGetKey.ts","uid":"c637-11"},{"name":"useSchema.ts","uid":"c637-12"},{"name":"useTitle.ts","uid":"c637-13"},{"name":"useGlobalOption.ts","uid":"c637-14"},{"name":"useGlobalState.ts","uid":"c637-15"},{"name":"useCountryStateCityOptions.ts","uid":"c637-16"},{"name":"index.ts","uid":"c637-17"}],"renderedLength":41542,"isRoot":true},"nodes":{"c637-0":{"renderedLength":405,"id":"useModal.ts"},"c637-1":{"renderedLength":287,"id":"useRefProp.ts"},"c637-2":{"renderedLength":293,"id":"usePrevious.ts"},"c637-3":{"renderedLength":593,"id":"useEventCallback.ts"},"c637-4":{"renderedLength":431,"id":"useClickOne.ts"},"c637-5":{"renderedLength":5680,"id":"useValidate.ts"},"c637-6":{"renderedLength":368,"id":"useRequiredModeContext.ts"},"c637-7":{"renderedLength":9622,"id":"useField.ts"},"c637-8":{"renderedLength":1283,"id":"useQuery.ts"},"c637-9":{"renderedLength":1646,"id":"useArray.ts"},"c637-10":{"renderedLength":635,"id":"useContainer.ts"},"c637-11":{"renderedLength":1906,"id":"useGetKey.ts"},"c637-12":{"renderedLength":9147,"id":"useSchema.ts"},"c637-13":{"renderedLength":4121,"id":"useTitle.ts"},"c637-14":{"renderedLength":911,"id":"useGlobalOption.ts"},"c637-15":{"renderedLength":294,"id":"useGlobalState.ts"},"c637-16":{"renderedLength":2795,"id":"useCountryStateCityOptions.ts"},"c637-17":{"renderedLength":0,"isEntry":true,"id":"index.ts"},"c637-18":{"renderedLength":0,"isExternal":true,"id":"@babel/runtime/helpers/slicedToArray"},"c637-19":{"renderedLength":0,"isExternal":true,"id":"react"},"c637-20":{"renderedLength":0,"isExternal":true,"id":"@babel/runtime/helpers/toConsumableArray"},"c637-21":{"renderedLength":0,"isExternal":true,"id":"ahooks/es/useDebounceFn"},"c637-22":{"renderedLength":0,"isExternal":true,"id":"@babel/runtime/helpers/defineProperty"},"c637-23":{"renderedLength":0,"isExternal":true,"id":"immer"},"c637-24":{"renderedLength":0,"isExternal":true,"id":"@babel/runtime/helpers/typeof"},"c637-25":{"renderedLength":0,"isExternal":true,"id":"moment"},"c637-26":{"renderedLength":0,"isExternal":true,"id":"@innoways/utils"},"c637-27":{"renderedLength":0,"isExternal":true,"id":"@babel/runtime/helpers/asyncToGenerator"},"c637-28":{"renderedLength":0,"isExternal":true,"id":"@babel/runtime/regenerator"}},"links":[{"source":"c637-17","target":"c637-0"},{"source":"c637-17","target":"c637-1"},{"source":"c637-17","target":"c637-2"},{"source":"c637-17","target":"c637-3"},{"source":"c637-17","target":"c637-4"},{"source":"c637-17","target":"c637-5"},{"source":"c637-17","target":"c637-7"},{"source":"c637-17","target":"c637-8"},{"source":"c637-17","target":"c637-9"},{"source":"c637-17","target":"c637-10"},{"source":"c637-17","target":"c637-12"},{"source":"c637-17","target":"c637-11"},{"source":"c637-17","target":"c637-13"},{"source":"c637-17","target":"c637-6"},{"source":"c637-17","target":"c637-14"},{"source":"c637-17","target":"c637-15"},{"source":"c637-17","target":"c637-16"},{"source":"c637-0","target":"c637-18"},{"source":"c637-0","target":"c637-19"},{"source":"c637-1","target":"c637-19"},{"source":"c637-2","target":"c637-19"},{"source":"c637-3","target":"c637-20"},{"source":"c637-3","target":"c637-19"},{"source":"c637-4","target":"c637-19"},{"source":"c637-5","target":"c637-21"},{"source":"c637-5","target":"c637-22"},{"source":"c637-5","target":"c637-23"},{"source":"c637-7","target":"c637-21"},{"source":"c637-7","target":"c637-22"},{"source":"c637-7","target":"c637-24"},{"source":"c637-7","target":"c637-25"},{"source":"c637-7","target":"c637-23"},{"source":"c637-7","target":"c637-3"},{"source":"c637-7","target":"c637-6"},{"source":"c637-7","target":"c637-26"},{"source":"c637-8","target":"c637-22"},{"source":"c637-8","target":"c637-27"},{"source":"c637-8","target":"c637-28"},{"source":"c637-8","target":"c637-19"},{"source":"c637-9","target":"c637-22"},{"source":"c637-9","target":"c637-19"},{"source":"c637-9","target":"c637-23"},{"source":"c637-10","target":"c637-19"},{"source":"c637-12","target":"c637-22"},{"source":"c637-12","target":"c637-26"},{"source":"c637-12","target":"c637-19"},{"source":"c637-12","target":"c637-23"},{"source":"c637-12","target":"c637-11"},{"source":"c637-11","target":"c637-19"},{"source":"c637-11","target":"c637-26"},{"source":"c637-13","target":"c637-22"},{"source":"c637-13","target":"c637-18"},{"source":"c637-13","target":"c637-19"},{"source":"c637-13","target":"c637-26"},{"source":"c637-6","target":"c637-19"},{"source":"c637-14","target":"c637-19"},{"source":"c637-15","target":"c637-19"},{"source":"c637-16","target":"c637-22"},{"source":"c637-16","target":"c637-18"},{"source":"c637-16","target":"c637-26"},{"source":"c637-16","target":"c637-19"}],"env":{"rollup":"2.61.1","rollup-plugin-visualizer":"4.2.2"},"options":{"gzip":false,"brotli":false}};
-    const run = () => {
-      const width = window.innerWidth;
-      const height = window.innerHeight;
-      const chartNode = document.querySelector("main");
-      drawChart(chartNode, data, width, height);
-    };
-    window.addEventListener('resize', run);
-    document.addEventListener('DOMContentLoaded', run);
-    /*-->*/
-  </script>
-</body>
-</html>