@tanstack/svelte-table 8.5.13 → 8.5.16
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.
- package/build/cjs/svelte-table/src/index.js +8 -20
- package/build/cjs/svelte-table/src/index.js.map +1 -1
- package/build/cjs/svelte-table/src/placeholder.js +1 -1
- package/build/cjs/svelte-table/src/placeholder.js.map +1 -1
- package/build/cjs/svelte-table/src/placeholder.svelte.js +1 -1
- package/build/cjs/svelte-table/src/render-component.js +1 -12
- package/build/cjs/svelte-table/src/render-component.js.map +1 -1
- package/build/cjs/table-core/build/esm/index.js +452 -993
- package/build/cjs/table-core/build/esm/index.js.map +1 -1
- package/build/esm/index.js +463 -1027
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +44 -34
- package/build/stats-react.json +53 -53
- package/build/umd/index.development.js +463 -1025
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +1 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +2 -2
package/build/stats-html.html
CHANGED
|
@@ -144,9 +144,9 @@ main {
|
|
|
144
144
|
var drawChart = (function (exports) {
|
|
145
145
|
'use strict';
|
|
146
146
|
|
|
147
|
-
var n,l$1,u$1,t$1,o$2,r$1,f$1={},e$
|
|
147
|
+
var n,l$1,u$1,t$1,o$2,r$1,f$1={},e$1=[],c$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s$1(n,l){for(var u in l)n[u]=l[u];return n}function a$1(n){var l=n.parentNode;l&&l.removeChild(n);}function h$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return v$1(l,f,t,o,null)}function v$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function p$1(n){return n.children}function d$1(n,l){this.props=n,this.context=l;}function _$2(n,l){if(null==l)return n.__?_$2(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?_$2(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 b$1(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!g$1.__r++||o$2!==l$1.debounceRendering)&&((o$2=l$1.debounceRendering)||setTimeout)(g$1);}function g$1(){for(var n;g$1.__r=t$1.length;)n=t$1.sort(function(n,l){return n.__v.__b-l.__v.__b}),t$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=s$1({},t)).__v=t.__v+1,j$1(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?_$2(t):o,t.__h),z$1(u,t),t.__e!=o&&k$1(t)));});}function w$1(n,l,u,i,t,o,r,c,s,a){var h,y,d,k,b,g,w,x=i&&i.__k||e$1,C=x.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(p$1,{children:k},null,null,null):k.__b>0?v$1(k.type,k.props,k.key,k.ref?k.ref:null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(d=x[h])||d&&k.key==d.key&&k.type===d.type)x[h]=void 0;else for(y=0;y<C;y++){if((d=x[y])&&k.key==d.key&&k.type===d.type){x[y]=void 0;break}d=null;}j$1(n,k,d=d||f$1,t,o,r,c,s,a),b=k.__e,(y=k.ref)&&d.ref!=y&&(w||(w=[]),d.ref&&w.push(d.ref,null,k),w.push(y,k.__c||b,k)),null!=b?(null==g&&(g=b),"function"==typeof k.type&&k.__k===d.__k?k.__d=s=m$1(k,s,n):s=A$1(n,k,d,x,b,s),"function"==typeof u.type&&(u.__d=s)):s&&d.__e==s&&s.parentNode!=n&&(s=_$2(d));}for(u.__e=g,h=C;h--;)null!=x[h]&&N(x[h],x[h]);if(w)for(h=0;h<w.length;h++)M(w[h],w[++h],w[++h]);}function m$1(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?m$1(i,l,u):A$1(u,i,i,t,i.__e,l));return l}function A$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 C$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H(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]||H(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||c$1.test(l)?u:u+"px";}function H(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||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(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?T:I,o):n.removeEventListener(l,o?T:I,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&&-1==l.indexOf("-")?n.removeAttribute(l):n.setAttribute(l,u));}}function I(n){this.l[n.type+!1](l$1.event?l$1.event(n):n);}function T(n){this.l[n.type+!0](l$1.event?l$1.event(n):n);}function j$1(n,u,i,t,o,r,f,e,c){var a,h,v,y,_,k,b,g,m,x,A,C,$,H,I,T=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(a=l$1.__b)&&a(u);try{n:if("function"==typeof T){if(g=u.props,m=(a=T.contextType)&&t[a.__c],x=a?m?m.props.value:a.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in T&&T.prototype.render?u.__c=h=new T(g,x):(u.__c=h=new d$1(g,x),h.constructor=T,h.render=O),m&&m.sub(h),h.props=g,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[],h._sb=[]),null==h.__s&&(h.__s=h.state),null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=s$1({},h.__s)),s$1(h.__s,T.getDerivedStateFromProps(g,h.__s))),y=h.props,_=h.state,v)null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==T.getDerivedStateFromProps&&g!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(g,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(g,h.__s,x)||u.__v===i.__v){for(h.props=g,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),A=0;A<h._sb.length;A++)h.__h.push(h._sb[A]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(g,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,_,k);});}if(h.context=x,h.props=g,h.__v=u,h.__P=n,C=l$1.__r,$=0,"prototype"in T&&T.prototype.render){for(h.state=h.__s,h.__d=!1,C&&C(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,C&&C(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++$<25);h.state=h.__s,null!=h.getChildContext&&(t=s$1(s$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,_)),I=null!=a&&a.type===p$1&&null==a.key?a.props.children:a,w$1(n,Array.isArray(I)?I:[I],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,o,r,f,c);(a=l$1.diffed)&&a(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,i);}}function z$1(n,u){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 L(l,u,i,t,o,r,e,c){var s,h,v,y=i.props,p=u.props,d=u.type,k=0;if("svg"===d&&(o=!0),null!=r)for(;k<r.length;k++)if((s=r[k])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[k]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),h=(y=i.props||f$1).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},k=0;k<l.attributes.length;k++)y[l.attributes[k].name]=l.attributes[k].value;(v||h)&&(v&&(h&&v.__html==h.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(k=u.props.children,w$1(l,Array.isArray(k)?k:[k],u,i,t,o&&"foreignObject"!==d,r,e,r?r[0]:i.__k&&_$2(i,0),c),null!=r)for(k=r.length;k--;)null!=r[k]&&a$1(r[k]);c||("value"in p&&void 0!==(k=p.value)&&(k!==l.value||"progress"===d&&!k||"option"===d&&k!==y.value)&&H(l,"value",k,y.value,!1),"checked"in p&&void 0!==(k=p.checked)&&k!==l.checked&&H(l,"checked",k,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function N(n,u,i){var t,o;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null,n.__c=void 0;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,i||"function"!=typeof n.type);i||null==n.__e||a$1(n.__e),n.__=n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function P(u,i,t){var o,r,e;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,e=[],j$1(i,u=(!o&&t||i).__k=h$1(p$1,null,[u]),r||f$1,f$1,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,e,!o&&t?t:r?r.__e:i.firstChild,o),z$1(e,u);}function B$2(n,l){var u={__c:l="__cC"+r$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(b$1);},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=e$1.slice,l$1={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,d$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=s$1({},this.state),"function"==typeof n&&(n=n(s$1({},u),this.props)),n&&s$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),b$1(this));},d$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),b$1(this));},d$1.prototype.render=p$1,t$1=[],g$1.__r=0,r$1=0;
|
|
148
148
|
|
|
149
|
-
var
|
|
149
|
+
var _$1=0;function o$1(o,e,n,t,f){var l,s,u={};for(s in e)"ref"==s?l=e[s]:u[s]=e[s];var a={type:o,props:u,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--_$1,__source:f,__self:t};if("function"==typeof o&&(l=o.defaultProps))for(s in l)void 0===u[s]&&(u[s]=l[s]);return l$1.vnode&&l$1.vnode(a),a}
|
|
150
150
|
|
|
151
151
|
function count$1(node) {
|
|
152
152
|
var sum = 0,
|
|
@@ -660,7 +660,7 @@ var drawChart = (function (exports) {
|
|
|
660
660
|
return availableSizeProperties;
|
|
661
661
|
};
|
|
662
662
|
|
|
663
|
-
var t,r,u,i,o=0,
|
|
663
|
+
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 p(n){return o=1,y(B$1,n)}function y(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$1(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)){r.u=!0;var f=r.shouldComponentUpdate;r.shouldComponentUpdate=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 !f||f.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)&&(!f||f.call(this,n,t,r))};}return o.__N||o.__}function h(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 s(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 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){"function"!=typeof n.type||n.__m||null===n.__?n.__m||(n.__m=n.__&&n.__.__m?n.__.__m:""):n.__m=(n.__&&n.__.__m?n.__.__m:"")+(n.__&&n.__.__k?n.__.__k.indexOf(n):0),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=[])),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$1(n,t){return "function"==typeof t?t(n):t}
|
|
664
664
|
|
|
665
665
|
const SideBar = ({ availableSizeProperties, sizeProperty, setSizeProperty, onExcludeChange, onIncludeChange, }) => {
|
|
666
666
|
const [includeValue, setIncludeValue] = p("");
|
|
@@ -680,11 +680,11 @@ var drawChart = (function (exports) {
|
|
|
680
680
|
setExcludeValue(value);
|
|
681
681
|
onExcludeChange(value);
|
|
682
682
|
};
|
|
683
|
-
return (
|
|
683
|
+
return (o$1("aside", Object.assign({ className: "sidebar" }, { children: [o$1("div", Object.assign({ className: "size-selectors" }, { children: availableSizeProperties.length > 1 &&
|
|
684
684
|
availableSizeProperties.map((sizeProp) => {
|
|
685
685
|
const id = `selector-${sizeProp}`;
|
|
686
|
-
return (
|
|
687
|
-
}) })),
|
|
686
|
+
return (o$1("div", Object.assign({ className: "size-selector" }, { children: [o$1("input", { type: "radio", id: id, checked: sizeProp === sizeProperty, onChange: handleSizePropertyChange(sizeProp) }), o$1("label", Object.assign({ htmlFor: id }, { children: LABELS[sizeProp] }))] }), sizeProp));
|
|
687
|
+
}) })), o$1("div", Object.assign({ className: "module-filters" }, { children: [o$1("div", Object.assign({ className: "module-filter" }, { children: [o$1("label", Object.assign({ htmlFor: "module-filter-exclude" }, { children: "Exclude" })), o$1("input", { type: "text", id: "module-filter-exclude", value: excludeValue, onInput: handleExcludeChange, placeholder: "RegExp" })] })), o$1("div", Object.assign({ className: "module-filter" }, { children: [o$1("label", Object.assign({ htmlFor: "module-filter-include" }, { children: "Include" })), o$1("input", { type: "text", id: "module-filter-include", value: includeValue, onInput: handleIncludeChange, placeholder: "RegExp" })] }))] }))] })));
|
|
688
688
|
};
|
|
689
689
|
|
|
690
690
|
const throttleFilter = (callback, limit) => {
|
|
@@ -995,13 +995,13 @@ var drawChart = (function (exports) {
|
|
|
995
995
|
if (width == 0 || height == 0) {
|
|
996
996
|
return null;
|
|
997
997
|
}
|
|
998
|
-
return (
|
|
998
|
+
return (o$1("g", Object.assign({ className: "node", transform: `translate(${x0},${y0})`, onClick: (event) => {
|
|
999
999
|
event.stopPropagation();
|
|
1000
1000
|
onClick(node);
|
|
1001
1001
|
}, onMouseOver: (event) => {
|
|
1002
1002
|
event.stopPropagation();
|
|
1003
1003
|
onMouseOver(node);
|
|
1004
|
-
} }, { children: [
|
|
1004
|
+
} }, { children: [o$1("rect", { fill: backgroundColor, rx: 2, ry: 2, width: x1 - x0, height: y1 - y0, stroke: selected ? "#fff" : undefined, "stroke-width": selected ? 2 : undefined }), o$1("text", Object.assign({ ref: textRef, fill: fontColor, onClick: (event) => {
|
|
1005
1005
|
var _a;
|
|
1006
1006
|
if (((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString()) !== "") {
|
|
1007
1007
|
event.stopPropagation();
|
|
@@ -1009,7 +1009,7 @@ var drawChart = (function (exports) {
|
|
|
1009
1009
|
} }, textProps, { children: data.name }))] })));
|
|
1010
1010
|
};
|
|
1011
1011
|
|
|
1012
|
-
const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick }) => {
|
|
1012
|
+
const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick, }) => {
|
|
1013
1013
|
const { width, height, getModuleIds } = q(StaticContext);
|
|
1014
1014
|
console.time("layering");
|
|
1015
1015
|
// this will make groups by height
|
|
@@ -1023,9 +1023,9 @@ var drawChart = (function (exports) {
|
|
|
1023
1023
|
return nestedData;
|
|
1024
1024
|
}, [root]);
|
|
1025
1025
|
console.timeEnd("layering");
|
|
1026
|
-
return (
|
|
1027
|
-
return (
|
|
1028
|
-
return (
|
|
1026
|
+
return (o$1("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, { children: nestedData.map(({ key, values }) => {
|
|
1027
|
+
return (o$1("g", Object.assign({ className: "layer" }, { children: values.map((node) => {
|
|
1028
|
+
return (o$1(Node, { node: node, onMouseOver: onNodeHover, selected: selectedNode === node, onClick: onNodeClick }, getModuleIds(node.data).nodeUid.id));
|
|
1029
1029
|
}) }), key));
|
|
1030
1030
|
}) })));
|
|
1031
1031
|
};
|
|
@@ -1203,10 +1203,10 @@ var drawChart = (function (exports) {
|
|
|
1203
1203
|
|
|
1204
1204
|
const Tooltip_marginX = 10;
|
|
1205
1205
|
const Tooltip_marginY = 30;
|
|
1206
|
-
const SOURCEMAP_RENDERED = (
|
|
1207
|
-
const RENDRED = (
|
|
1208
|
-
const COMPRESSED = (
|
|
1209
|
-
const Tooltip = ({ node, visible, root, sizeProperty }) => {
|
|
1206
|
+
const SOURCEMAP_RENDERED = (o$1("span", { children: [" ", o$1("b", { children: LABELS.renderedLength }), " is a number of characters in the file after individual and ", o$1("br", {}), " ", "whole bundle transformations according to sourcemap."] }));
|
|
1207
|
+
const RENDRED = (o$1("span", { children: [o$1("b", { children: LABELS.renderedLength }), " is a byte size of individual file after transformations and treeshake."] }));
|
|
1208
|
+
const COMPRESSED = (o$1("span", { children: [o$1("b", { children: LABELS.gzipLength }), " and ", o$1("b", { children: LABELS.brotliLength }), " is a byte size of individual file after individual transformations,", o$1("br", {}), " treeshake and compression."] }));
|
|
1209
|
+
const Tooltip = ({ node, visible, root, sizeProperty, }) => {
|
|
1210
1210
|
const { availableSizeProperties, getModuleSize, data } = q(StaticContext);
|
|
1211
1211
|
const ref = _(null);
|
|
1212
1212
|
const [style, setStyle] = p({});
|
|
@@ -1227,17 +1227,17 @@ var drawChart = (function (exports) {
|
|
|
1227
1227
|
const mainUid = data.nodeParts[node.data.uid].mainUid;
|
|
1228
1228
|
dataNode = data.nodeMetas[mainUid];
|
|
1229
1229
|
}
|
|
1230
|
-
return (
|
|
1230
|
+
return (o$1(p$1, { children: [o$1("div", { children: path }), availableSizeProperties.map((sizeProp) => {
|
|
1231
1231
|
if (sizeProp === sizeProperty) {
|
|
1232
|
-
return (
|
|
1232
|
+
return (o$1("div", { children: [o$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }, sizeProp));
|
|
1233
1233
|
}
|
|
1234
1234
|
else {
|
|
1235
|
-
return (
|
|
1235
|
+
return (o$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, sizeProp))] }, sizeProp));
|
|
1236
1236
|
}
|
|
1237
|
-
}),
|
|
1237
|
+
}), o$1("br", {}), dataNode && dataNode.importedBy.length > 0 && (o$1("div", { children: [o$1("div", { children: [o$1("b", { children: "Imported By" }), ":"] }), dataNode.importedBy.map(({ uid }) => {
|
|
1238
1238
|
const id = data.nodeMetas[uid].id;
|
|
1239
|
-
return
|
|
1240
|
-
})] })),
|
|
1239
|
+
return o$1("div", { children: id }, id);
|
|
1240
|
+
})] })), o$1("br", {}), o$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (o$1(p$1, { children: [o$1("br", {}), o$1("small", { children: COMPRESSED })] }))] }));
|
|
1241
1241
|
}, [availableSizeProperties, data, getModuleSize, node, root.data, sizeProperty]);
|
|
1242
1242
|
const updatePosition = (mouseCoords) => {
|
|
1243
1243
|
if (!ref.current)
|
|
@@ -1269,10 +1269,10 @@ var drawChart = (function (exports) {
|
|
|
1269
1269
|
document.removeEventListener("mousemove", handleMouseMove, true);
|
|
1270
1270
|
};
|
|
1271
1271
|
}, []);
|
|
1272
|
-
return (
|
|
1272
|
+
return (o$1("div", Object.assign({ className: `tooltip ${visible ? "" : "tooltip-hidden"}`, ref: ref, style: style }, { children: content })));
|
|
1273
1273
|
};
|
|
1274
1274
|
|
|
1275
|
-
const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode }) => {
|
|
1275
|
+
const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode, }) => {
|
|
1276
1276
|
const [showTooltip, setShowTooltip] = p(false);
|
|
1277
1277
|
const [tooltipNode, setTooltipNode] = p(undefined);
|
|
1278
1278
|
h(() => {
|
|
@@ -1284,12 +1284,12 @@ var drawChart = (function (exports) {
|
|
|
1284
1284
|
document.removeEventListener("mouseover", handleMouseOut);
|
|
1285
1285
|
};
|
|
1286
1286
|
}, []);
|
|
1287
|
-
return (
|
|
1287
|
+
return (o$1(p$1, { children: [o$1(TreeMap, { root: root, onNodeHover: (node) => {
|
|
1288
1288
|
setTooltipNode(node);
|
|
1289
1289
|
setShowTooltip(true);
|
|
1290
1290
|
}, selectedNode: selectedNode, onNodeClick: (node) => {
|
|
1291
1291
|
setSelectedNode(selectedNode === node ? undefined : node);
|
|
1292
|
-
} }),
|
|
1292
|
+
} }), o$1(Tooltip, { visible: showTooltip, node: tooltipNode, root: root, sizeProperty: sizeProperty })] }));
|
|
1293
1293
|
};
|
|
1294
1294
|
|
|
1295
1295
|
const Main = () => {
|
|
@@ -1338,9 +1338,17 @@ var drawChart = (function (exports) {
|
|
|
1338
1338
|
})
|
|
1339
1339
|
.sort((a, b) => getModuleSize(a.data, sizeProperty) - getModuleSize(b.data, sizeProperty));
|
|
1340
1340
|
return layout(rootWithSizesAndSorted);
|
|
1341
|
-
}, [
|
|
1341
|
+
}, [
|
|
1342
|
+
data,
|
|
1343
|
+
getModuleFilterMultiplier,
|
|
1344
|
+
getModuleSize,
|
|
1345
|
+
getNodeSizeMultiplier,
|
|
1346
|
+
layout,
|
|
1347
|
+
rawHierarchy,
|
|
1348
|
+
sizeProperty,
|
|
1349
|
+
]);
|
|
1342
1350
|
console.timeEnd("root hierarchy compute");
|
|
1343
|
-
return (
|
|
1351
|
+
return (o$1(p$1, { children: [o$1(SideBar, { sizeProperty: sizeProperty, availableSizeProperties: availableSizeProperties, setSizeProperty: setSizeProperty, onExcludeChange: setExcludeFilter, onIncludeChange: setIncludeFilter }), o$1(Chart, { root: root, sizeProperty: sizeProperty, selectedNode: selectedNode, setSelectedNode: setSelectedNode })] }));
|
|
1344
1352
|
};
|
|
1345
1353
|
|
|
1346
1354
|
function initRange(domain, range) {
|
|
@@ -3924,7 +3932,9 @@ var drawChart = (function (exports) {
|
|
|
3924
3932
|
const lightScale = linear().domain([0, root.height]).range([0.9, 0.3]);
|
|
3925
3933
|
const getBackgroundColor = (node) => {
|
|
3926
3934
|
const parents = node.ancestors();
|
|
3927
|
-
const colorStr = parents.length === 1
|
|
3935
|
+
const colorStr = parents.length === 1
|
|
3936
|
+
? colorParentMap.get(parents[0])
|
|
3937
|
+
: colorParentMap.get(parents[parents.length - 2]);
|
|
3928
3938
|
const hslColor = hsl(colorStr);
|
|
3929
3939
|
hslColor.l = lightScale(node.depth);
|
|
3930
3940
|
return hslColor;
|
|
@@ -3943,7 +3953,7 @@ var drawChart = (function (exports) {
|
|
|
3943
3953
|
};
|
|
3944
3954
|
};
|
|
3945
3955
|
|
|
3946
|
-
const StaticContext = B$
|
|
3956
|
+
const StaticContext = B$2({});
|
|
3947
3957
|
const drawChart = (parentNode, data, width, height) => {
|
|
3948
3958
|
const availableSizeProperties = getAvailableSizeOptions(data.options);
|
|
3949
3959
|
console.time("layout create");
|
|
@@ -3987,7 +3997,7 @@ var drawChart = (function (exports) {
|
|
|
3987
3997
|
console.time("color");
|
|
3988
3998
|
const getModuleColor = createRainbowColor(rawHierarchy);
|
|
3989
3999
|
console.timeEnd("color");
|
|
3990
|
-
P(
|
|
4000
|
+
P(o$1(StaticContext.Provider, Object.assign({ value: {
|
|
3991
4001
|
data,
|
|
3992
4002
|
availableSizeProperties,
|
|
3993
4003
|
width,
|
|
@@ -3997,11 +4007,11 @@ var drawChart = (function (exports) {
|
|
|
3997
4007
|
getModuleColor,
|
|
3998
4008
|
rawHierarchy,
|
|
3999
4009
|
layout,
|
|
4000
|
-
} }, { children:
|
|
4010
|
+
} }, { children: o$1(Main, {}) })), parentNode);
|
|
4001
4011
|
};
|
|
4002
4012
|
|
|
4003
4013
|
exports.StaticContext = StaticContext;
|
|
4004
|
-
exports
|
|
4014
|
+
exports.default = drawChart;
|
|
4005
4015
|
|
|
4006
4016
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4007
4017
|
|
|
@@ -4014,7 +4024,7 @@ var drawChart = (function (exports) {
|
|
|
4014
4024
|
</script>
|
|
4015
4025
|
<script>
|
|
4016
4026
|
/*<!--*/
|
|
4017
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"
|
|
4027
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"8283-163"},{"name":"svelte-table/src","children":[{"uid":"8283-165","name":"placeholder.svelte"},{"uid":"8283-167","name":"placeholder.ts"},{"uid":"8283-169","name":"render-component.ts"},{"uid":"8283-171","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"8283-163":{"renderedLength":125390,"gzipLength":22307,"brotliLength":0,"mainUid":"8283-162"},"8283-165":{"renderedLength":927,"gzipLength":445,"brotliLength":0,"mainUid":"8283-164"},"8283-167":{"renderedLength":246,"gzipLength":186,"brotliLength":0,"mainUid":"8283-166"},"8283-169":{"renderedLength":1447,"gzipLength":537,"brotliLength":0,"mainUid":"8283-168"},"8283-171":{"renderedLength":2930,"gzipLength":948,"brotliLength":0,"mainUid":"8283-170"}},"nodeMetas":{"8283-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"8283-163"},"imported":[],"importedBy":[{"uid":"8283-170"}]},"8283-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"8283-165"},"imported":[{"uid":"8283-172"}],"importedBy":[{"uid":"8283-166"}]},"8283-166":{"id":"/packages/svelte-table/src/placeholder.ts","moduleParts":{"index.production.js":"8283-167"},"imported":[{"uid":"8283-172"},{"uid":"8283-164"}],"importedBy":[{"uid":"8283-170"}]},"8283-168":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"8283-169"},"imported":[{"uid":"8283-172"}],"importedBy":[{"uid":"8283-170"}]},"8283-170":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"8283-171"},"imported":[{"uid":"8283-162"},{"uid":"8283-166"},{"uid":"8283-172"},{"uid":"8283-173"},{"uid":"8283-168"}],"importedBy":[],"isEntry":true},"8283-172":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"8283-170"},{"uid":"8283-166"},{"uid":"8283-168"},{"uid":"8283-164"}],"isExternal":true},"8283-173":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"8283-170"}],"isExternal":true}},"env":{"rollup":"2.79.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
4018
4028
|
|
|
4019
4029
|
const run = () => {
|
|
4020
4030
|
const width = window.innerWidth;
|
package/build/stats-react.json
CHANGED
|
@@ -11,25 +11,25 @@
|
|
|
11
11
|
"children": [
|
|
12
12
|
{
|
|
13
13
|
"name": "table-core/build/esm/index.js",
|
|
14
|
-
"uid": "
|
|
14
|
+
"uid": "8283-175"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
17
|
"name": "svelte-table/src",
|
|
18
18
|
"children": [
|
|
19
19
|
{
|
|
20
|
-
"uid": "
|
|
20
|
+
"uid": "8283-177",
|
|
21
21
|
"name": "placeholder.svelte"
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
|
-
"uid": "
|
|
24
|
+
"uid": "8283-179",
|
|
25
25
|
"name": "placeholder.ts"
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
|
-
"uid": "
|
|
28
|
+
"uid": "8283-181",
|
|
29
29
|
"name": "render-component.ts"
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
|
-
"uid": "
|
|
32
|
+
"uid": "8283-183",
|
|
33
33
|
"name": "index.ts"
|
|
34
34
|
}
|
|
35
35
|
]
|
|
@@ -42,160 +42,160 @@
|
|
|
42
42
|
"isRoot": true
|
|
43
43
|
},
|
|
44
44
|
"nodeParts": {
|
|
45
|
-
"
|
|
46
|
-
"renderedLength":
|
|
47
|
-
"gzipLength":
|
|
45
|
+
"8283-175": {
|
|
46
|
+
"renderedLength": 125390,
|
|
47
|
+
"gzipLength": 22307,
|
|
48
48
|
"brotliLength": 0,
|
|
49
|
-
"mainUid": "
|
|
49
|
+
"mainUid": "8283-174"
|
|
50
50
|
},
|
|
51
|
-
"
|
|
51
|
+
"8283-177": {
|
|
52
52
|
"renderedLength": 927,
|
|
53
53
|
"gzipLength": 445,
|
|
54
54
|
"brotliLength": 0,
|
|
55
|
-
"mainUid": "
|
|
55
|
+
"mainUid": "8283-176"
|
|
56
56
|
},
|
|
57
|
-
"
|
|
57
|
+
"8283-179": {
|
|
58
58
|
"renderedLength": 246,
|
|
59
|
-
"gzipLength":
|
|
59
|
+
"gzipLength": 186,
|
|
60
60
|
"brotliLength": 0,
|
|
61
|
-
"mainUid": "
|
|
61
|
+
"mainUid": "8283-178"
|
|
62
62
|
},
|
|
63
|
-
"
|
|
64
|
-
"renderedLength":
|
|
65
|
-
"gzipLength":
|
|
63
|
+
"8283-181": {
|
|
64
|
+
"renderedLength": 1447,
|
|
65
|
+
"gzipLength": 537,
|
|
66
66
|
"brotliLength": 0,
|
|
67
|
-
"mainUid": "
|
|
67
|
+
"mainUid": "8283-180"
|
|
68
68
|
},
|
|
69
|
-
"
|
|
70
|
-
"renderedLength":
|
|
71
|
-
"gzipLength":
|
|
69
|
+
"8283-183": {
|
|
70
|
+
"renderedLength": 2930,
|
|
71
|
+
"gzipLength": 948,
|
|
72
72
|
"brotliLength": 0,
|
|
73
|
-
"mainUid": "
|
|
73
|
+
"mainUid": "8283-182"
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
76
|
"nodeMetas": {
|
|
77
|
-
"
|
|
77
|
+
"8283-174": {
|
|
78
78
|
"id": "/packages/table-core/build/esm/index.js",
|
|
79
79
|
"moduleParts": {
|
|
80
|
-
"index.production.js": "
|
|
80
|
+
"index.production.js": "8283-175"
|
|
81
81
|
},
|
|
82
82
|
"imported": [],
|
|
83
83
|
"importedBy": [
|
|
84
84
|
{
|
|
85
|
-
"uid": "
|
|
85
|
+
"uid": "8283-182"
|
|
86
86
|
}
|
|
87
87
|
]
|
|
88
88
|
},
|
|
89
|
-
"
|
|
89
|
+
"8283-176": {
|
|
90
90
|
"id": "/packages/svelte-table/src/placeholder.svelte",
|
|
91
91
|
"moduleParts": {
|
|
92
|
-
"index.production.js": "
|
|
92
|
+
"index.production.js": "8283-177"
|
|
93
93
|
},
|
|
94
94
|
"imported": [
|
|
95
95
|
{
|
|
96
|
-
"uid": "
|
|
96
|
+
"uid": "8283-184"
|
|
97
97
|
}
|
|
98
98
|
],
|
|
99
99
|
"importedBy": [
|
|
100
100
|
{
|
|
101
|
-
"uid": "
|
|
101
|
+
"uid": "8283-178"
|
|
102
102
|
}
|
|
103
103
|
]
|
|
104
104
|
},
|
|
105
|
-
"
|
|
105
|
+
"8283-178": {
|
|
106
106
|
"id": "/packages/svelte-table/src/placeholder.ts",
|
|
107
107
|
"moduleParts": {
|
|
108
|
-
"index.production.js": "
|
|
108
|
+
"index.production.js": "8283-179"
|
|
109
109
|
},
|
|
110
110
|
"imported": [
|
|
111
111
|
{
|
|
112
|
-
"uid": "
|
|
112
|
+
"uid": "8283-184"
|
|
113
113
|
},
|
|
114
114
|
{
|
|
115
|
-
"uid": "
|
|
115
|
+
"uid": "8283-176"
|
|
116
116
|
}
|
|
117
117
|
],
|
|
118
118
|
"importedBy": [
|
|
119
119
|
{
|
|
120
|
-
"uid": "
|
|
120
|
+
"uid": "8283-182"
|
|
121
121
|
}
|
|
122
122
|
]
|
|
123
123
|
},
|
|
124
|
-
"
|
|
124
|
+
"8283-180": {
|
|
125
125
|
"id": "/packages/svelte-table/src/render-component.ts",
|
|
126
126
|
"moduleParts": {
|
|
127
|
-
"index.production.js": "
|
|
127
|
+
"index.production.js": "8283-181"
|
|
128
128
|
},
|
|
129
129
|
"imported": [
|
|
130
130
|
{
|
|
131
|
-
"uid": "
|
|
131
|
+
"uid": "8283-184"
|
|
132
132
|
}
|
|
133
133
|
],
|
|
134
134
|
"importedBy": [
|
|
135
135
|
{
|
|
136
|
-
"uid": "
|
|
136
|
+
"uid": "8283-182"
|
|
137
137
|
}
|
|
138
138
|
]
|
|
139
139
|
},
|
|
140
|
-
"
|
|
140
|
+
"8283-182": {
|
|
141
141
|
"id": "/packages/svelte-table/src/index.ts",
|
|
142
142
|
"moduleParts": {
|
|
143
|
-
"index.production.js": "
|
|
143
|
+
"index.production.js": "8283-183"
|
|
144
144
|
},
|
|
145
145
|
"imported": [
|
|
146
146
|
{
|
|
147
|
-
"uid": "
|
|
147
|
+
"uid": "8283-174"
|
|
148
148
|
},
|
|
149
149
|
{
|
|
150
|
-
"uid": "
|
|
150
|
+
"uid": "8283-178"
|
|
151
151
|
},
|
|
152
152
|
{
|
|
153
|
-
"uid": "
|
|
153
|
+
"uid": "8283-184"
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
|
-
"uid": "
|
|
156
|
+
"uid": "8283-185"
|
|
157
157
|
},
|
|
158
158
|
{
|
|
159
|
-
"uid": "
|
|
159
|
+
"uid": "8283-180"
|
|
160
160
|
}
|
|
161
161
|
],
|
|
162
162
|
"importedBy": [],
|
|
163
163
|
"isEntry": true
|
|
164
164
|
},
|
|
165
|
-
"
|
|
165
|
+
"8283-184": {
|
|
166
166
|
"id": "svelte/internal",
|
|
167
167
|
"moduleParts": {},
|
|
168
168
|
"imported": [],
|
|
169
169
|
"importedBy": [
|
|
170
170
|
{
|
|
171
|
-
"uid": "
|
|
171
|
+
"uid": "8283-182"
|
|
172
172
|
},
|
|
173
173
|
{
|
|
174
|
-
"uid": "
|
|
174
|
+
"uid": "8283-178"
|
|
175
175
|
},
|
|
176
176
|
{
|
|
177
|
-
"uid": "
|
|
177
|
+
"uid": "8283-180"
|
|
178
178
|
},
|
|
179
179
|
{
|
|
180
|
-
"uid": "
|
|
180
|
+
"uid": "8283-176"
|
|
181
181
|
}
|
|
182
182
|
],
|
|
183
183
|
"isExternal": true
|
|
184
184
|
},
|
|
185
|
-
"
|
|
185
|
+
"8283-185": {
|
|
186
186
|
"id": "svelte/store",
|
|
187
187
|
"moduleParts": {},
|
|
188
188
|
"imported": [],
|
|
189
189
|
"importedBy": [
|
|
190
190
|
{
|
|
191
|
-
"uid": "
|
|
191
|
+
"uid": "8283-182"
|
|
192
192
|
}
|
|
193
193
|
],
|
|
194
194
|
"isExternal": true
|
|
195
195
|
}
|
|
196
196
|
},
|
|
197
197
|
"env": {
|
|
198
|
-
"rollup": "2.79.
|
|
198
|
+
"rollup": "2.79.1"
|
|
199
199
|
},
|
|
200
200
|
"options": {
|
|
201
201
|
"gzip": true,
|