<html lang="en">

<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>Rollup Visualizer</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: #2b2d42;

--text-color: #edf2f4;

html {

box-sizing: border-box;

*:after {

box-sizing: inherit;

html {

background-color: var(--background-color);

color: var(--text-color);

font-family: var(--font-family);

body {

padding: 0;

margin: 0;

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;

.module-filters {

display: flex;

flex-grow: 1;

.module-filter {

display: flex;

flex-direction: row;

align-items: center;

justify-content: center;

flex: 1;

.module-filter input {

flex: 1;

height: 1rem;

padding: 0.01rem;

font-size: 0.7rem;

margin-left: 0.3rem;

.module-filter + .module-filter {

margin-left: 0.5rem;

.node {

cursor: pointer;

</style>

<main></main>

<script>

/*<!--*/

var drawChart = (function (exports) {

'use strict';

var n,l$1,u$2,i$1,o$1,r$1,f$2,e$1,c$1={},s$1=[],a$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,h$1=Array.isArray;function v$1(n,l){for(var u in l)n[u]=l[u];return n}function p$1(n){var l=n.parentNode;l&&l.removeChild(n);}function y$1(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d$1(l,f,i,o,null)}function d$1(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u$2:r,__i:-1,__u:0};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function g$1(n){return n.children}function b$1(n,l){this.props=n,this.context=l;}function m$1(n,l){if(null==l)return n.__?m$1(n.__,n.__i+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?m$1(n):null}function k$1(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 k$1(n)}}function w$1(n){(!n.__d&&(n.__d=!0)&&i$1.push(n)&&!x.__r++||o$1!==l$1.debounceRendering)&&((o$1=l$1.debounceRendering)||r$1)(x);}function x(){var n,u,t,o,r,e,c,s,a;for(i$1.sort(f$2);n=i$1.shift();)n.__d&&(u=i$1.length,o=void 0,e=(r=(t=n).__v).__e,s=[],a=[],(c=t.__P)&&((o=v$1({},r)).__v=r.__v+1,l$1.vnode&&l$1.vnode(o),L(c,o,r,t.__n,void 0!==c.ownerSVGElement,32&r.__u?[e]:null,s,null==e?m$1(r):e,!!(32&r.__u),a),o.__.__k[o.__i]=o,M(s,o,a),o.__e!=e&&k$1(o)),i$1.length>u&&i$1.sort(f$2));x.__r=0;}function C(n,l,u,t,i,o,r,f,e,a,h){var v,p,y,d,_,g=t&&t.__k||s$1,b=l.length;for(u.__d=e,P(u,l,g),e=u.__d,v=0;v<b;v++)null!=(y=u.__k[v])&&"boolean"!=typeof y&&"function"!=typeof y&&(p=-1===y.__i?c$1:g[y.__i]||c$1,y.__i=v,L(n,y,p,i,o,r,f,e,a,h),d=y.__e,y.ref&&p.ref!=y.ref&&(p.ref&&z$1(p.ref,null,y),h.push(y.ref,y.__c||d,y)),null==_&&null!=d&&(_=d),65536&y.__u||p.__k===y.__k?e=S(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=_;}function P(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?d$1(null,i,null,null,i):h$1(i)?d$1(g$1,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?d$1(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=H(i,u,r=t+a,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f===r+1?a++:f>r?s>e-r?a+=f-r:a--:a=f<r&&f==r-1?f-r:0,f!==t+a&&(i.__u|=65536))):(o=u[t])&&null==o.key&&o.__e&&(o.__e==n.__d&&(n.__d=m$1(o)),N(o,o,!1),u[t]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=m$1(o)),N(o,o));}function S(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=S(t[i],l,u));return l}return n.__e!=l&&(u.insertBefore(n.__e,l||null),l=n.__e),l&&l.nextSibling}function H(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type)return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--;}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++;}}return -1}function I(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$1.test(l)?u:u+"px";}function T$1(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||I(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||I(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/,"$1")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=Date.now(),n.addEventListener(l,o?D:A,o)):n.removeEventListener(l,o?D:A,o);else {if(i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&"rowSpan"!==l&&"colSpan"!==l&&"role"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u));}}function A(n){var u=this.l[n.type+!1];if(n.t){if(n.t<=u.u)return}else n.t=Date.now();return u(l$1.event?l$1.event(n):n)}function D(n){return this.l[n.type+!0](l$1.event?l$1.event(n):n)}function L(n,u,t,i,o,r,f,e,c,s){var a,p,y,d,_,m,k,w,x,P,S,$,H,I,T,A=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l$1.__b)&&a(u);n:if("function"==typeof A)try{if(w=u.props,x=(a=A.contextType)&&i[a.__c],P=a?x?x.props.value:a.__:i,t.__c?k=(p=u.__c=t.__c).__=p.__E:("prototype"in A&&A.prototype.render?u.__c=p=new A(w,P):(u.__c=p=new b$1(w,P),p.constructor=A,p.render=O),x&&x.sub(p),p.props=w,p.state||(p.state={}),p.context=P,p.__n=i,y=p.__d=!0,p.__h=[],p._sb=[]),null==p.__s&&(p.__s=p.state),null!=A.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=v$1({},p.__s)),v$1(p.__s,A.getDerivedStateFromProps(w,p.__s))),d=p.props,_=p.state,p.__v=u,y)null==A.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else {if(null==A.getDerivedStateFromProps&&w!==d&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(w,P),!p.__e&&(null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(w,p.__s,P)||u.__v===t.__v)){for(u.__v!==t.__v&&(p.props=w,p.state=p.__s,p.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u);}),S=0;S<p._sb.length;S++)p.__h.push(p._sb[S]);p._sb=[],p.__h.length&&f.push(p);break n}null!=p.componentWillUpdate&&p.componentWillUpdate(w,p.__s,P),null!=p.componentDidUpdate&&p.__h.push(function(){p.componentDidUpdate(d,_,m);});}if(p.context=P,p.props=w,p.__P=n,p.__e=!1,$=l$1.__r,H=0,"prototype"in A&&A.prototype.render){for(p.state=p.__s,p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),I=0;I<p._sb.length;I++)p.__h.push(p._sb[I]);p._sb=[];}else do{p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),p.state=p.__s;}while(p.__d&&++H<25);p.state=p.__s,null!=p.getChildContext&&(i=v$1(v$1({},i),p.getChildContext())),y||null==p.getSnapshotBeforeUpdate||(m=p.getSnapshotBeforeUpdate(d,_)),C(n,h$1(T=null!=a&&a.type===g$1&&null==a.key?a.props.children:a)?T:[T],u,t,i,o,r,f,e,c,s),p.base=u.__e,u.__u&=-161,p.__h.length&&f.push(p),k&&(p.__E=p.__=null);}catch(n){u.__v=null,c||null!=r?(u.__e=e,u.__u|=c?160:32,r[r.indexOf(e)]=null):(u.__e=t.__e,u.__k=t.__k),l$1.__e(n,u,t);}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=j$1(t.__e,u,t,i,o,r,f,c,s);(a=l$1.diffed)&&a(u);}function M(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)z$1(t[i],t[++i],t[++i]);l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function j$1(l,u,t,i,o,r,f,e,s){var a,v,y,d,_,g,b,k=t.props,w=u.props,x=u.type;if("svg"===x&&(o=!0),null!=r)for(a=0;a<r.length;a++)if((_=r[a])&&"setAttribute"in _==!!x&&(x?_.localName===x:3===_.nodeType)){l=_,r[a]=null;break}if(null==l){if(null===x)return document.createTextNode(w);l=o?document.createElementNS("http://www.w3.org/2000/svg",x):document.createElement(x,w.is&&w),r=null,e=!1;}if(null===x)k===w||e&&l.data===w||(l.data=w);else {if(r=r&&n.call(l.childNodes),k=t.props||c$1,!e&&null!=r)for(k={},a=0;a<l.attributes.length;a++)k[(_=l.attributes[a]).name]=_.value;for(a in k)_=k[a],"children"==a||("dangerouslySetInnerHTML"==a?y=_:"key"===a||a in w||T$1(l,a,null,_,o));for(a in w)_=w[a],"children"==a?d=_:"dangerouslySetInnerHTML"==a?v=_:"value"==a?g=_:"checked"==a?b=_:"key"===a||e&&"function"!=typeof _||k[a]===_||T$1(l,a,_,k[a],o);if(v)e||y&&(v.__html===y.__html||v.__html===l.innerHTML)||(l.innerHTML=v.__html),u.__k=[];else if(y&&(l.innerHTML=""),C(l,h$1(d)?d:[d],u,t,i,o&&"foreignObject"!==x,r,f,r?r[0]:t.__k&&m$1(t,0),e,s),null!=r)for(a=r.length;a--;)null!=r[a]&&p$1(r[a]);e||(a="value",void 0!==g&&(g!==l[a]||"progress"===x&&!g||"option"===x&&g!==k[a])&&T$1(l,a,g,k[a],!1),a="checked",void 0!==b&&b!==l[a]&&T$1(l,a,b,k[a],!1));}return l}function z$1(n,u,t){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,t);}}function N(n,u,t){var i,o;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||z$1(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$1.__e(n,u);}i.base=i.__P=null,n.__c=void 0;}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&N(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||p$1(n.__e),n.__=n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function q$1(u,t,i){var o,r,f,e;l$1.__&&l$1.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],L(t,u=(!o&&i||t).__k=y$1(g$1,null,[u]),r||c$1,c$1,void 0!==t.ownerSVGElement,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),M(f,u,e);}function F$1(n,l){var u={__c:l="__cC"+e$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,w$1(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=s$1.slice,l$1={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l;}throw n}},u$2=0,b$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=v$1({},this.state),"function"==typeof n&&(n=n(v$1({},u),this.props)),n&&v$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),w$1(this));},b$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),w$1(this));},b$1.prototype.render=g$1,i$1=[],r$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f$2=function(n,l){return n.__v.__b-l.__v.__b},x.__r=0,e$1=0;

var f$1=0;function u$1(e,t,n,o,i,u){var a,c,p={};for(c in t)"ref"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--f$1,__i:-1,__u:0,__source:i,__self:u};if("function"==typeof e&&(a=e.defaultProps))for(c in a)void 0===p[c]&&(p[c]=a[c]);return l$1.vnode&&l$1.vnode(l),l}

function count$1(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$1);

}

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 required(f) {

if (typeof f !== "function") throw new Error;

return f;

}

function constantZero() {

return 0;

}

function constant$1(x) {

return function() {

return x;

};

}

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 treemapSlice(parent, x0, y0, x1, y1) {

var nodes = parent.children,

node,

i = -1,

n = nodes.length,

k = parent.value && (y1 - y0) / parent.value;

while (++i < n) {

node = nodes[i], node.x0 = x0, node.x1 = x1;

node.y0 = y0, node.y1 = y0 += node.value * k;

}

}

var phi = (1 + Math.sqrt(5)) / 2;

function squarifyRatio(ratio, parent, x0, y0, x1, y1) {

var rows = [],

nodes = parent.children,

row,

nodeValue,

i0 = 0,

i1 = 0,

n = nodes.length,

dx, dy,

value = parent.value,

sumValue,

minValue,

maxValue,

newRatio,

minRatio,

alpha,

beta;

while (i0 < n) {

dx = x1 - x0, dy = y1 - y0;

// Find the next non-empty node.

do sumValue = nodes[i1++].value; while (!sumValue && i1 < n);

minValue = maxValue = sumValue;

alpha = Math.max(dy / dx, dx / dy) / (value * ratio);

beta = sumValue * sumValue * alpha;

minRatio = Math.max(maxValue / beta, beta / minValue);

// Keep adding nodes while the aspect ratio maintains or improves.

for (; i1 < n; ++i1) {

sumValue += nodeValue = nodes[i1].value;

if (nodeValue < minValue) minValue = nodeValue;

if (nodeValue > maxValue) maxValue = nodeValue;

beta = sumValue * sumValue * alpha;

newRatio = Math.max(maxValue / beta, beta / minValue);

if (newRatio > minRatio) { sumValue -= nodeValue; break; }

minRatio = newRatio;

}

// Position and record the row orientation.

rows.push(row = {value: sumValue, dice: dx < dy, children: nodes.slice(i0, i1)});

if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += dy * sumValue / value : y1);

else treemapSlice(row, x0, y0, value ? x0 += dx * sumValue / value : x1, y1);

value -= sumValue, i0 = i1;

}

return rows;

}

var squarify = (function custom(ratio) {

function squarify(parent, x0, y0, x1, y1) {

squarifyRatio(ratio, parent, x0, y0, x1, y1);

}

squarify.ratio = function(x) {

return custom((x = +x) > 1 ? x : 1);

};

return squarify;

})(phi);

function treemap() {

var tile = squarify,

round = false,

dx = 1,

dy = 1,

paddingStack = [0],

paddingInner = constantZero,

paddingTop = constantZero,

paddingRight = constantZero,

paddingBottom = constantZero,

paddingLeft = constantZero;

function treemap(root) {

root.x0 =

root.y0 = 0;

root.x1 = dx;

root.y1 = dy;

root.eachBefore(positionNode);

paddingStack = [0];

if (round) root.eachBefore(roundNode);

return root;

}

function positionNode(node) {

var p = paddingStack[node.depth],

x0 = node.x0 + p,

y0 = node.y0 + p,

x1 = node.x1 - p,

y1 = node.y1 - p;

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;

if (node.children) {

p = paddingStack[node.depth + 1] = paddingInner(node) / 2;

x0 += paddingLeft(node) - p;

y0 += paddingTop(node) - p;

x1 -= paddingRight(node) - p;

y1 -= paddingBottom(node) - p;

if (x1 < x0) x0 = x1 = (x0 + x1) / 2;

if (y1 < y0) y0 = y1 = (y0 + y1) / 2;

tile(node, x0, y0, x1, y1);

}

}

treemap.round = function(x) {

return arguments.length ? (round = !!x, treemap) : round;

};

treemap.size = function(x) {

return arguments.length ? (dx = +x[0], dy = +x[1], treemap) : [dx, dy];

};

treemap.tile = function(x) {

return arguments.length ? (tile = required(x), treemap) : tile;

};

treemap.padding = function(x) {

return arguments.length ? treemap.paddingInner(x).paddingOuter(x) : treemap.paddingInner();

};

treemap.paddingInner = function(x) {

return arguments.length ? (paddingInner = typeof x === "function" ? x : constant$1(+x), treemap) : paddingInner;

};

treemap.paddingOuter = function(x) {

return arguments.length ? treemap.paddingTop(x).paddingRight(x).paddingBottom(x).paddingLeft(x) : treemap.paddingTop();

};

treemap.paddingTop = function(x) {

return arguments.length ? (paddingTop = typeof x === "function" ? x : constant$1(+x), treemap) : paddingTop;

};

treemap.paddingRight = function(x) {

return arguments.length ? (paddingRight = typeof x === "function" ? x : constant$1(+x), treemap) : paddingRight;

};

treemap.paddingBottom = function(x) {

return arguments.length ? (paddingBottom = typeof x === "function" ? x : constant$1(+x), treemap) : paddingBottom;

};

treemap.paddingLeft = function(x) {

return arguments.length ? (paddingLeft = typeof x === "function" ? x : constant$1(+x), treemap) : paddingLeft;

};

return treemap;

}

var treemapResquarify = (function custom(ratio) {

function resquarify(parent, x0, y0, x1, y1) {

if ((rows = parent._squarify) && (rows.ratio === ratio)) {

var rows,

row,

nodes,

i,

j = -1,

n,

m = rows.length,

value = parent.value;

while (++j < m) {

row = rows[j], nodes = row.children;

for (i = row.value = 0, n = nodes.length; i < n; ++i) row.value += nodes[i].value;

if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += (y1 - y0) * row.value / value : y1);

else treemapSlice(row, x0, y0, value ? x0 += (x1 - x0) * row.value / value : x1, y1);

value -= row.value;

}

} else {

parent._squarify = rows = squarifyRatio(ratio, parent, x0, y0, x1, y1);

rows.ratio = ratio;

}

}

resquarify.ratio = function(x) {

return custom((x = +x) > 1 ? x : 1);

};

return resquarify;

})(phi);

const isModuleTree = (mod) => "children" in mod;

let count = 0;

class Id {

constructor(id) {

this._id = id;

const url = new URL(window.location.href);

url.hash = id;

this._href = url.toString();

}

get id() {

return this._id;

}

get href() {

return this._href;

}

toString() {

return `url(${this.href})`;

}

}

function generateUniqueId(name) {

count += 1;

const id = ["O", name, count].filter(Boolean).join("-");

return new Id(id);

}

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;

};

var t,r,u,i,o=0,f=[],c=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function d(t,u){l$1.__h&&l$1.__h(r,t,o||u),o=0;var i=r.__H||(r.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function h(n){return o=1,s(B,n)}function s(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r.shouldComponentUpdate=f;}return o.__N||o.__}function p(u,i){var o=d(t++,3);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__H.__h.push(o));}function y(u,i){var o=d(t++,4);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__h.push(o));}function _(n){return o=5,F(function(){return {current:n}},[])}function F(n,r){var u=d(t++,7);return z(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T(n,t){return o=8,F(function(){return n},t)}function q(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k),t.__H.__h.forEach(w),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){r=null,e&&e(n);},l$1.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k),i.__h.forEach(w),i.__h=[],t=0)),u=r;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u=r=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k),t.__h=t.__h.filter(function(n){return !n.__||w(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g="function"==typeof requestAnimationFrame;function j(n){var t,r=function(){clearTimeout(u),g&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g&&(t=requestAnimationFrame(r));}function k(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function w(n){var t=r;n.__c=n.__(),r=t;}function z(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B(n,t){return "function"==typeof t?t(n):t}