@inditextech/weave-react 5.2.1 → 5.2.2

package/dist/react.d.ts

@@ -1,8 +1,6 @@
 import React from "react";
 import { Weave, WeaveAction, WeaveConnectedUsers, WeaveFontsPreloadFunction, WeaveNode, WeavePerformanceConfig, WeavePlugin, WeaveRenderer, WeaveStore } from "@inditextech/weave-sdk";
 import { WeaveChildLoggerLevel, WeaveFont, WeaveSelection, WeaveState, WeaveStateElement, WeaveStatus } from "@inditextech/weave-types";
-import { StoreApi, UseBoundStore } from "zustand";
-
 //#region src/components/provider.d.ts
 type WeaveProviderType = {
   getContainer: () => HTMLElement;
@@ -17,20 +15,33 @@ type WeaveProviderType = {
   logLevel?: "debug" | "info" | "warn" | "error";
   logModules?: WeaveChildLoggerLevel[];
 };
-declare const WeaveProvider: ({
-  getContainer,
-  store,
-  renderer,
-  nodes,
-  actions,
-  plugins,
-  fonts,
-  logLevel,
-  logModules,
-  performance,
-  children
-}: Readonly<WeaveProviderType>) => React.JSX.Element;
-
+declare const WeaveProvider: ({ getContainer, store, renderer, nodes, actions, plugins, fonts, logLevel, logModules, performance, children }: Readonly<WeaveProviderType>) => React.JSX.Element;
+//#endregion
+//#region ../../node_modules/zustand/esm/vanilla.d.mts
+type SetStateInternal<T> = {
+  _(partial: T | Partial<T> | {
+    _(state: T): T | Partial<T>;
+  }['_'], replace?: false): void;
+  _(state: T | {
+    _(state: T): T;
+  }['_'], replace: true): void;
+}['_'];
+interface StoreApi<T> {
+  setState: SetStateInternal<T>;
+  getState: () => T;
+  getInitialState: () => T;
+  subscribe: (listener: (state: T, prevState: T) => void) => () => void;
+}
+type ExtractState<S> = S extends {
+  getState: () => infer T;
+} ? T : never;
+//#endregion
+//#region ../../node_modules/zustand/esm/react.d.mts
+type ReadonlyStoreApi<T> = Pick<StoreApi<T>, 'getState' | 'getInitialState' | 'subscribe'>;
+type UseBoundStore<S extends ReadonlyStoreApi<unknown>> = {
+  (): ExtractState<S>;
+  <U>(selector: (state: ExtractState<S>) => U): U;
+} & S;
 //#endregion
 //#region src/components/store.d.ts
 interface WeaveRuntimeState {
@@ -96,10 +107,8 @@ interface WeaveRuntimeActions {
 }
 interface WeaveStore$1 extends WeaveRuntimeState, WeaveRuntimeActions {}
 declare const useWeave: UseBoundStore<StoreApi<WeaveStore$1>>;
-
 //#endregion
 //#region src/hooks/events.d.ts
 declare const useWeaveEvents: () => void;
-
 //#endregion
 export { WeaveProvider, useWeave, useWeaveEvents };

package/dist/react.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { Weave } from "@inditextech/weave-sdk";
 import { WEAVE_INSTANCE_STATUS } from "@inditextech/weave-types";
-
 //#region ../../node_modules/zustand/esm/vanilla.mjs
 const createStoreImpl = (createState) => {
 	let state;
@@ -30,7 +29,6 @@ const createStoreImpl = (createState) => {
 	return api;
 };
 const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
-
 //#endregion
 //#region ../../node_modules/zustand/esm/react.mjs
 const identity = (arg) => arg;
@@ -46,7 +44,6 @@ const createImpl = (createState) => {
 	return useBoundStore;
 };
 const create = (createState) => createState ? createImpl(createState) : createImpl;
-
 //#endregion
 //#region src/components/store.tsx
 const defaultAppState = {
@@ -219,7 +216,6 @@ const useWeave = create()((set) => ({
 	})),
 	reset: () => set(() => defaultAppState)
 }));
-
 //#endregion
 //#region src/components/provider.tsx
 const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = [], plugins = [], fonts = [], logLevel = "info", logModules = [], performance, children }) => {
@@ -236,72 +232,36 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
 	const setConnectionStatus = useWeave((state) => state.setConnectionStatus);
 	const setAsyncElements = useWeave((state) => state.setAsyncElements);
 	const setAsyncElementsState = useWeave((state) => state.setAsyncElementsState);
-	const onInstanceStatusHandler = React.useCallback(
-		(status) => {
-			setStatus(status);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[]
-);
-	const onStoreConnectionStatusChangeHandler = React.useCallback(
-		(status) => {
-			setConnectionStatus(status);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[]
-);
-	const onRoomLoadedHandler = React.useCallback(
-		(status) => {
-			setRoomLoaded(status);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[]
-);
-	const onStateChangeHandler = React.useCallback(
-		(state) => {
-			setAppState(state);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[selectedNodes]
-);
-	const onUndoManagerStatusChangeHandler = React.useCallback(
-		(undoManagerStatus) => {
-			const { canUndo, canRedo } = undoManagerStatus;
-			setCanUndo(canUndo);
-			setCanRedo(canRedo);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[]
-);
-	const onActiveActionChangeHandler = React.useCallback(
-		(actionName) => {
-			setActualAction(actionName);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[selectedNodes]
-);
-	const onAsyncElementsIdleHandler = React.useCallback(
-		() => {
-			setAsyncElementsState("idle");
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[selectedNodes]
-);
-	const onAsyncElementsLoadingHandler = React.useCallback(
-		({ loaded, total }) => {
-			setAsyncElementsState("loading");
-			setAsyncElements(loaded, total);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[selectedNodes]
-);
-	const onAsyncElementsLoadedHandler = React.useCallback(
-		() => {
-			setAsyncElementsState("loaded");
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[selectedNodes]
-);
+	const onInstanceStatusHandler = React.useCallback((status) => {
+		setStatus(status);
+	}, []);
+	const onStoreConnectionStatusChangeHandler = React.useCallback((status) => {
+		setConnectionStatus(status);
+	}, []);
+	const onRoomLoadedHandler = React.useCallback((status) => {
+		setRoomLoaded(status);
+	}, []);
+	const onStateChangeHandler = React.useCallback((state) => {
+		setAppState(state);
+	}, [selectedNodes]);
+	const onUndoManagerStatusChangeHandler = React.useCallback((undoManagerStatus) => {
+		const { canUndo, canRedo } = undoManagerStatus;
+		setCanUndo(canUndo);
+		setCanRedo(canRedo);
+	}, []);
+	const onActiveActionChangeHandler = React.useCallback((actionName) => {
+		setActualAction(actionName);
+	}, [selectedNodes]);
+	const onAsyncElementsIdleHandler = React.useCallback(() => {
+		setAsyncElementsState("idle");
+	}, [selectedNodes]);
+	const onAsyncElementsLoadingHandler = React.useCallback(({ loaded, total }) => {
+		setAsyncElementsState("loading");
+		setAsyncElements(loaded, total);
+	}, [selectedNodes]);
+	const onAsyncElementsLoadedHandler = React.useCallback(() => {
+		setAsyncElementsState("loaded");
+	}, [selectedNodes]);
 	React.useEffect(() => {
 		async function initWeave() {
 			const weaveEle = getContainer();
@@ -362,7 +322,6 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
 	}, []);
 	return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
 };
-
 //#endregion
 //#region src/hooks/events.tsx
 const useWeaveEvents = () => {
@@ -378,68 +337,40 @@ const useWeaveEvents = () => {
 	const setNode = useWeave((state) => state.setNode);
 	const setUsers = useWeave((state) => state.setUsers);
 	const setUsersLocks = useWeave((state) => state.setUsersLocks);
-	const onStoreRoomChangedHandler = React.useCallback(
-		({ room }) => {
-			setRoomId(room);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[]
-);
-	const onRoomSwitchingStartHandler = React.useCallback(
-		() => {
-			setRoomSwitching(true);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[]
-);
-	const onRoomSwitchingEndHandler = React.useCallback(
-		() => {
-			setRoomSwitching(false);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[]
-);
+	const onStoreRoomChangedHandler = React.useCallback(({ room }) => {
+		setRoomId(room);
+	}, []);
+	const onRoomSwitchingStartHandler = React.useCallback(() => {
+		setRoomSwitching(true);
+	}, []);
+	const onRoomSwitchingEndHandler = React.useCallback(() => {
+		setRoomSwitching(false);
+	}, []);
 	const onSelectionStateHandler = React.useCallback((active) => {
 		setSelectionActive(active);
 	}, []);
-	const onZoomChangeHandler = React.useCallback(
-		(zoomInfo) => {
-			setZoom(zoomInfo.scale);
-			setCanZoomIn(zoomInfo.canZoomIn);
-			setCanZoomOut(zoomInfo.canZoomOut);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[]
-);
-	const onNodesChangeHandler = React.useCallback(
-		(nodes) => {
-			if (nodes.length === 1 && node?.key !== nodes[0].node?.key) setNode(nodes[0].node);
-			if (nodes.length === 0) setNode(void 0);
-			if (nodes.length > 1) setNode(void 0);
-			setSelectedNodes(nodes);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[node]
-);
-	const onConnectedUsersChangedHandler = React.useCallback(
-		(users) => {
-			setUsers(users);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[]
-);
-	const onMutexLockChangeHandler = React.useCallback(
-		({ locks }) => {
-			const actUsersLocks = {};
-			for (const lockKey of locks) {
-				const mutexInfo = instance?.getLockDetails(lockKey);
-				if (mutexInfo) actUsersLocks[lockKey] = mutexInfo;
-			}
-			setUsersLocks(actUsersLocks);
-		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[instance]
-);
+	const onZoomChangeHandler = React.useCallback((zoomInfo) => {
+		setZoom(zoomInfo.scale);
+		setCanZoomIn(zoomInfo.canZoomIn);
+		setCanZoomOut(zoomInfo.canZoomOut);
+	}, []);
+	const onNodesChangeHandler = React.useCallback((nodes) => {
+		if (nodes.length === 1 && node?.key !== nodes[0].node?.key) setNode(nodes[0].node);
+		if (nodes.length === 0) setNode(void 0);
+		if (nodes.length > 1) setNode(void 0);
+		setSelectedNodes(nodes);
+	}, [node]);
+	const onConnectedUsersChangedHandler = React.useCallback((users) => {
+		setUsers(users);
+	}, []);
+	const onMutexLockChangeHandler = React.useCallback(({ locks }) => {
+		const actUsersLocks = {};
+		for (const lockKey of locks) {
+			const mutexInfo = instance?.getLockDetails(lockKey);
+			if (mutexInfo) actUsersLocks[lockKey] = mutexInfo;
+		}
+		setUsersLocks(actUsersLocks);
+	}, [instance]);
 	React.useEffect(() => {
 		if (!instance) return;
 		instance.addEventListener("onStoreRoomChanged", onStoreRoomChangedHandler);
@@ -462,6 +393,5 @@ const useWeaveEvents = () => {
 		};
 	}, [instance]);
 };
-
 //#endregion
-export { WeaveProvider, useWeave, useWeaveEvents };
+export { WeaveProvider, useWeave, useWeaveEvents };

package/dist/react.stats.html

@@ -149,7 +149,7 @@ main {
 var drawChart = (function (exports) {
   'use strict';
 
-  var n,l$1,u$2,i$1,r$1,o$1,e$1,f$2,c$1,s$1,a$1,h$1,p$1={},v$1=[],y$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,d$1=Array.isArray;function w$1(n,l){for(var u in l)n[u]=l[u];return n}function g(n){n&&n.parentNode&&n.parentNode.removeChild(n);}function _$1(l,u,t){var i,r,o,e={};for(o in u)"key"==o?i=u[o]:"ref"==o?r=u[o]:e[o]=u[o];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps) void 0===e[o]&&(e[o]=l.defaultProps[o]);return m$1(l,e,i,r,null)}function m$1(n,t,i,r,o){var e={type:n,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++u$2:o,__i:-1,__u:0};return null==o&&null!=l$1.vnode&&l$1.vnode(e),e}function k$1(n){return n.children}function x$1(n,l){this.props=n,this.context=l;}function S(n,l){if(null==l)return n.__?S(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?S(n):null}function C$1(n){if(n.__P&&n.__d){var u=n.__v,t=u.__e,i=[],r=[],o=w$1({},u);o.__v=u.__v+1,l$1.vnode&&l$1.vnode(o),z$1(n.__P,o,u,n.__n,n.__P.namespaceURI,32&u.__u?[t]:null,i,null==t?S(u):t,!!(32&u.__u),r),o.__v=u.__v,o.__.__k[o.__i]=o,V(i,o,r),u.__e=u.__=null,o.__e!=t&&M(o);}}function M(n){if(null!=(n=n.__)&&null!=n.__c)return n.__e=n.__c.base=null,n.__k.some(function(l){if(null!=l&&null!=l.__e)return n.__e=n.__c.base=l.__e}),M(n)}function $(n){(!n.__d&&(n.__d=true)&&i$1.push(n)&&!I.__r++||r$1!=l$1.debounceRendering)&&((r$1=l$1.debounceRendering)||o$1)(I);}function I(){for(var n,l=1;i$1.length;)i$1.length>l&&i$1.sort(e$1),n=i$1.shift(),l=i$1.length,C$1(n);I.__r=0;}function P(n,l,u,t,i,r,o,e,f,c,s){var a,h,y,d,w,g,_,m=t&&t.__k||v$1,b=l.length;for(f=A$1(u,l,m,f,b),a=0;a<b;a++)null!=(y=u.__k[a])&&(h=-1!=y.__i&&m[y.__i]||p$1,y.__i=a,g=z$1(n,y,h,i,r,o,e,f,c,s),d=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&D$1(h.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),(_=!!(4&y.__u))||h.__k===y.__k?f=H(y,f,n,_):"function"==typeof y.type&&void 0!==g?f=g:d&&(f=d.nextSibling),y.__u&=-7);return u.__e=w,f}function A$1(n,l,u,t,i){var r,o,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?("string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?o=n.__k[r]=m$1(null,o,null,null,null):d$1(o)?o=n.__k[r]=m$1(k$1,{children:o},null,null,null):void 0===o.constructor&&o.__b>0?o=n.__k[r]=m$1(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):n.__k[r]=o,f=r+h,o.__=n,o.__b=n.__b+1,e=null,-1!=(c=o.__i=T$1(o,u,f,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null==e.__v?(-1==c&&(i>s?h--:i<s&&h++),"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=S(e)),E(e,e));return t}function H(n,l,u,t){var i,r;if("function"==typeof n.type){for(i=n.__k,r=0;i&&r<i.length;r++)i[r]&&(i[r].__=n,l=H(i[r],l,u,t));return l}n.__e!=l&&(t&&(l&&n.type&&!l.parentNode&&(l=S(n)),u.insertBefore(n.__e,l||null)),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8==l.nodeType);return l}function T$1(n,l,u,t){var i,r,o,e=n.key,f=n.type,c=l[u],s=null!=c&&0==(2&c.__u);if(null===c&&null==e||s&&e==c.key&&f==c.type)return u;if(t>(s?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;)if(null!=(c=l[o=i>=0?i--:r++])&&0==(2&c.__u)&&e==c.key&&f==c.type)return o;return  -1}function j$1(n,l,u){"-"==l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||y$1.test(l)?u:u+"px";}function F(n,l,u,t,i){var r,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||j$1(n.style,l,"");if(u)for(l in u)t&&u[l]==t[l]||j$1(n.style,l,u[l]);}else if("o"==l[0]&&"n"==l[1])r=l!=(l=l.replace(f$2,"$1")),o=l.toLowerCase(),l=o in n||"onFocusOut"==l||"onFocusIn"==l?o.slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?t?u.u=t.u:(u.u=c$1,n.addEventListener(l,r?a$1:s$1,r)):n.removeEventListener(l,r?a$1:s$1,r);else {if("http://www.w3.org/2000/svg"==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&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||false===u&&"-"!=l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function O(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=c$1++;else if(u.t<t.u)return;return t(l$1.event?l$1.event(u):u)}}}function z$1(n,u,t,i,r,o,e,f,c,s){var a,h,p,y,_,m,b,S,C,M,$,I,A,H,L,T=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=l$1.__b)&&a(u);n:if("function"==typeof T)try{if(S=u.props,C="prototype"in T&&T.prototype.render,M=(a=T.contextType)&&i[a.__c],$=a?M?M.props.value:a.__:i,t.__c?b=(h=u.__c=t.__c).__=h.__E:(C?u.__c=h=new T(S,$):(u.__c=h=new x$1(S,$),h.constructor=T,h.render=G),M&&M.sub(h),h.state||(h.state={}),h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),C&&null==h.__s&&(h.__s=h.state),C&&null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=w$1({},h.__s)),w$1(h.__s,T.getDerivedStateFromProps(S,h.__s))),y=h.props,_=h.state,h.__v=u,p)C&&null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),C&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(C&&null==T.getDerivedStateFromProps&&S!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(S,$),u.__v==t.__v||!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(S,h.__s,$)){u.__v!=t.__v&&(h.props=S,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u);}),v$1.push.apply(h.__h,h._sb),h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(S,h.__s,$),C&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,_,m);});}if(h.context=$,h.props=S,h.__P=n,h.__e=!1,I=l$1.__r,A=0,C)h.state=h.__s,h.__d=!1,I&&I(u),a=h.render(h.props,h.state,h.context),v$1.push.apply(h.__h,h._sb),h._sb=[];else do{h.__d=!1,I&&I(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=w$1(w$1({},i),h.getChildContext())),C&&!p&&null!=h.getSnapshotBeforeUpdate&&(m=h.getSnapshotBeforeUpdate(y,_)),H=null!=a&&a.type===k$1&&null==a.key?q$1(a.props.children):a,f=P(n,d$1(H)?H:[H],u,t,i,r,o,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),b&&(h.__E=h.__=null);}catch(n){if(u.__v=null,c||null!=o)if(n.then){for(u.__u|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;o[o.indexOf(f)]=null,u.__e=f;}else {for(L=o.length;L--;)g(o[L]);N(u);}else u.__e=t.__e,u.__k=t.__k,n.then||N(u);l$1.__e(n,u,t);}else null==o&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=B$1(t.__e,u,t,i,r,o,e,c,s);return (a=l$1.diffed)&&a(u),128&u.__u?void 0:f}function N(n){n&&(n.__c&&(n.__c.__e=true),n.__k&&n.__k.some(N));}function V(n,u,t){for(var i=0;i<t.length;i++)D$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 q$1(n){return "object"!=typeof n||null==n||n.__b>0?n:d$1(n)?n.map(q$1):w$1({},n)}function B$1(u,t,i,r,o,e,f,c,s){var a,h,v,y,w,_,m,b=i.props||p$1,k=t.props,x=t.type;if("svg"==x?o="http://www.w3.org/2000/svg":"math"==x?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=e)for(a=0;a<e.length;a++)if((w=e[a])&&"setAttribute"in w==!!x&&(x?w.localName==x:3==w.nodeType)){u=w,e[a]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(o,x,k.is&&k),c&&(l$1.__m&&l$1.__m(t,e),c=false),e=null;}if(null==x)b===k||c&&u.data==k||(u.data=k);else {if(e=e&&n.call(u.childNodes),!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(w=u.attributes[a]).name]=w.value;for(a in b)w=b[a],"dangerouslySetInnerHTML"==a?v=w:"children"==a||a in k||"value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k||F(u,a,null,w,o);for(a in k)w=k[a],"children"==a?y=w:"dangerouslySetInnerHTML"==a?h=w:"value"==a?_=w:"checked"==a?m=w:c&&"function"!=typeof w||b[a]===w||F(u,a,w,b[a],o);if(h)c||v&&(h.__html==v.__html||h.__html==u.innerHTML)||(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=""),P("template"==t.type?u.content:u,d$1(y)?y:[y],t,i,r,"foreignObject"==x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&S(i,0),c,s),null!=e)for(a=e.length;a--;)g(e[a]);c||(a="value","progress"==x&&null==_?u.removeAttribute("value"):null!=_&&(_!==u[a]||"progress"==x&&!_||"option"==x&&_!=b[a])&&F(u,a,_,b[a],o),a="checked",null!=m&&m!=u[a]&&F(u,a,m,b[a],o));}return u}function D$1(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l$1.__e(n,t);}}function E(n,u,t){var i,r;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!=n.__e||D$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;}if(i=n.__k)for(r=0;r<i.length;r++)i[r]&&E(i[r],u,t||"function"!=typeof n.type);t||g(n.__e),n.__c=n.__=n.__e=void 0;}function G(n,l,u){return this.constructor(n,u)}function J(u,t,i){var r,o,e,f;t==document&&(t=document.documentElement),l$1.__&&l$1.__(u,t),o=(r="function"=="undefined")?null:t.__k,e=[],f=[],z$1(t,u=(t).__k=_$1(k$1,null,[u]),o||p$1,p$1,t.namespaceURI,o?null:t.firstChild?n.call(t.childNodes):null,e,o?o.__e:t.firstChild,r,f),V(e,u,f);}function R(n){function l(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l.__c]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null;},this.shouldComponentUpdate=function(n){this.props.value!=n.value&&u.forEach(function(n){n.__e=true,$(n);});},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n);};}),n.children}return l.__c="__cC"+h$1++,l.__=n,l.Provider=l.__l=(l.Consumer=function(n,l){return n.children(l)}).contextType=l,l}n=v$1.slice,l$1={__e:function(n,l,u,t){for(var i,r,o;l=l.__;)if((i=l.__c)&&!i.__)try{if((r=i.constructor)&&null!=r.getDerivedStateFromError&&(i.setState(r.getDerivedStateFromError(n)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),o=i.__d),o)return i.__E=i}catch(l){n=l;}throw n}},u$2=0,x$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=w$1({},this.state),"function"==typeof n&&(n=n(w$1({},u),this.props)),n&&w$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),$(this));},x$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=true,n&&this.__h.push(n),$(this));},x$1.prototype.render=k$1,i$1=[],o$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e$1=function(n,l){return n.__v.__b-l.__v.__b},I.__r=0,f$2=/(PointerCapture)$|Capture$/i,c$1=0,s$1=O(false),a$1=O(true),h$1=0;
+  var n,l$1,u$2,i$1,r$1,o$1,e$1,f$2,c$1,a$1,s$1,h$1,p$1,v$1,y$1,d$1={},w$1=[],_$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,g=Array.isArray;function m$1(n,l){for(var u in l)n[u]=l[u];return n}function b(n){n&&n.parentNode&&n.parentNode.removeChild(n);}function k$1(l,u,t){var i,r,o,e={};for(o in u)"key"==o?i=u[o]:"ref"==o?r=u[o]:e[o]=u[o];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps) void 0===e[o]&&(e[o]=l.defaultProps[o]);return x$1(l,e,i,r,null)}function x$1(n,t,i,r,o){var e={type:n,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++u$2:o,__i:-1,__u:0};return null==o&&null!=l$1.vnode&&l$1.vnode(e),e}function S(n){return n.children}function C$1(n,l){this.props=n,this.context=l;}function $(n,l){if(null==l)return n.__?$(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?$(n):null}function I(n){if(n.__P&&n.__d){var u=n.__v,t=u.__e,i=[],r=[],o=m$1({},u);o.__v=u.__v+1,l$1.vnode&&l$1.vnode(o),q$1(n.__P,o,u,n.__n,n.__P.namespaceURI,32&u.__u?[t]:null,i,null==t?$(u):t,!!(32&u.__u),r),o.__v=u.__v,o.__.__k[o.__i]=o,D$1(i,o,r),u.__e=u.__=null,o.__e!=t&&P(o);}}function P(n){if(null!=(n=n.__)&&null!=n.__c)return n.__e=n.__c.base=null,n.__k.some(function(l){if(null!=l&&null!=l.__e)return n.__e=n.__c.base=l.__e}),P(n)}function A$1(n){(!n.__d&&(n.__d=true)&&i$1.push(n)&&!H.__r++||r$1!=l$1.debounceRendering)&&((r$1=l$1.debounceRendering)||o$1)(H);}function H(){try{for(var n,l=1;i$1.length;)i$1.length>l&&i$1.sort(e$1),n=i$1.shift(),l=i$1.length,I(n);}finally{i$1.length=H.__r=0;}}function L(n,l,u,t,i,r,o,e,f,c,a){var s,h,p,v,y,_,g=t&&t.__k||w$1,m=l.length;for(f=T$1(u,l,g,f,m),s=0;s<m;s++)null!=(p=u.__k[s])&&(h=-1!=p.__i&&g[p.__i]||d$1,p.__i=s,_=q$1(n,p,h,i,r,o,e,f,c,a),v=p.__e,p.ref&&h.ref!=p.ref&&(h.ref&&J(h.ref,null,p),a.push(p.ref,p.__c||v,p)),null==y&&null!=v&&(y=v),4&p.__u?(f=j$1(p,f,n),h.__e&&(h.__e=null)):"function"==typeof p.type&&void 0!==_?f=_:v&&(f=v.nextSibling),p.__u&=-7);return u.__e=y,f}function T$1(n,l,u,t,i){var r,o,e,f,c,a=u.length,s=a,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?("string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?o=n.__k[r]=x$1(null,o,null,null,null):g(o)?o=n.__k[r]=x$1(S,{children:o},null,null,null):void 0===o.constructor&&o.__b>0?o=n.__k[r]=x$1(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):n.__k[r]=o,f=r+h,o.__=n,o.__b=n.__b+1,e=null,-1!=(c=o.__i=O(o,u,f,s))&&(s--,(e=u[c])&&(e.__u|=2)),null==e||null==e.__v?(-1==c&&(i>a?h--:i<a&&h++),"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(s)for(r=0;r<a;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=$(e)),K(e,e));return t}function j$1(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=j$1(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!l.parentNode&&(l=$(n)),l=u.insertBefore(n.__e,l||null));do{l=l&&l.nextSibling;}while(null!=l&&8==l.nodeType);return l}function O(n,l,u,t){var i,r,o,e=n.key,f=n.type,c=l[u],a=null!=c&&0==(2&c.__u);if(null===c&&null==e||a&&e==c.key&&f==c.type)return u;if(t>(a?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;)if(null!=(c=l[o=i>=0?i--:r++])&&0==(2&c.__u)&&e==c.key&&f==c.type)return o;return  -1}function z$1(n,l,u){"-"==l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||_$1.test(l)?u:u+"px";}function N(n,l,u,t,i){var r,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||z$1(n.style,l,"");if(u)for(l in u)t&&u[l]==t[l]||z$1(n.style,l,u[l]);}else if("o"==l[0]&&"n"==l[1])r=l!=(l=l.replace(s$1,"$1")),o=l.toLowerCase(),l=o in n||"onFocusOut"==l||"onFocusIn"==l?o.slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?t?u[a$1]=t[a$1]:(u[a$1]=h$1,n.addEventListener(l,r?v$1:p$1,r)):n.removeEventListener(l,r?v$1:p$1,r);else {if("http://www.w3.org/2000/svg"==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&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||false===u&&"-"!=l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function V(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u[c$1])u[c$1]=h$1++;else if(u[c$1]<t[a$1])return;return t(l$1.event?l$1.event(u):u)}}}function q$1(n,u,t,i,r,o,e,f,c,a){var s,h,p,v,y,d,_,k,x,M,I,P,A,H,T,j,F=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(s=l$1.__b)&&s(u);n:if("function"==typeof F){h=e.length;try{if(x=u.props,M=F.prototype&&F.prototype.render,I=(s=F.contextType)&&i[s.__c],P=s?I?I.props.value:s.__:i,t.__c?k=(p=u.__c=t.__c).__=p.__E:(M?u.__c=p=new F(x,P):(u.__c=p=new C$1(x,P),p.constructor=F,p.render=Q),I&&I.sub(p),p.state||(p.state={}),p.__n=i,v=p.__d=!0,p.__h=[],p._sb=[]),M&&null==p.__s&&(p.__s=p.state),M&&null!=F.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=m$1({},p.__s)),m$1(p.__s,F.getDerivedStateFromProps(x,p.__s))),y=p.props,d=p.state,p.__v=u,v)M&&null==F.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),M&&null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else {if(M&&null==F.getDerivedStateFromProps&&x!==y&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(x,P),u.__v==t.__v||!p.__e&&null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(x,p.__s,P)){u.__v!=t.__v&&(p.props=x,p.state=p.__s,p.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u);}),w$1.push.apply(p.__h,p._sb),p._sb=[],p.__h.length&&e.push(p),f=$(t);break n}null!=p.componentWillUpdate&&p.componentWillUpdate(x,p.__s,P),M&&null!=p.componentDidUpdate&&p.__h.push(function(){p.componentDidUpdate(y,d,_);});}if(p.context=P,p.props=x,p.__P=n,p.__e=!1,A=l$1.__r,H=0,M)p.state=p.__s,p.__d=!1,A&&A(u),s=p.render(p.props,p.state,p.context),w$1.push.apply(p.__h,p._sb),p._sb=[];else do{p.__d=!1,A&&A(u),s=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=m$1(m$1({},i),p.getChildContext())),M&&!v&&null!=p.getSnapshotBeforeUpdate&&(_=p.getSnapshotBeforeUpdate(y,d)),T=null!=s&&s.type===S&&null==s.key?E(s.props.children):s,f=L(n,g(T)?T:[T],u,t,i,r,o,e,f,c,a),p.base=u.__e,u.__u&=-161,p.__h.length&&e.push(p),k&&(p.__E=p.__=null);}catch(n){if(e.length=h,u.__v=null,c||null!=o){if(n.then){for(u.__u|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;null!=o&&(o[o.indexOf(f)]=null),u.__e=f;}else if(null!=o)for(j=o.length;j--;)b(o[j]);}else u.__e=t.__e;null==u.__k&&(u.__k=t.__k||[]),n.then||B$1(u),l$1.__e(n,u,t);}}else null==o&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=G(t.__e,u,t,i,r,o,e,c,a);return (s=l$1.diffed)&&s(u),128&u.__u?void 0:f}function B$1(n){n&&(n.__c&&(n.__c.__e=true),n.__k&&n.__k.some(B$1));}function D$1(n,u,t){for(var i=0;i<t.length;i++)J(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 E(n){return "object"!=typeof n||null==n||n.__b>0?n:g(n)?n.map(E):void 0!==n.constructor?null:m$1({},n)}function G(u,t,i,r,o,e,f,c,a){var s,h,p,v,y,w,_,m=i.props||d$1,k=t.props,x=t.type;if("svg"==x?o="http://www.w3.org/2000/svg":"math"==x?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=e)for(s=0;s<e.length;s++)if((y=e[s])&&"setAttribute"in y==!!x&&(x?y.localName==x:3==y.nodeType)){u=y,e[s]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(o,x,k.is&&k),c&&(l$1.__m&&l$1.__m(t,e),c=false),e=null;}if(null==x)m===k||c&&u.data==k||(u.data=k);else {if(e="textarea"==x&&null!=k.defaultValue?null:e&&n.call(u.childNodes),!c&&null!=e)for(m={},s=0;s<u.attributes.length;s++)m[(y=u.attributes[s]).name]=y.value;for(s in m)y=m[s],"dangerouslySetInnerHTML"==s?p=y:"children"==s||s in k||"value"==s&&"defaultValue"in k||"checked"==s&&"defaultChecked"in k||N(u,s,null,y,o);for(s in k)y=k[s],"children"==s?v=y:"dangerouslySetInnerHTML"==s?h=y:"value"==s?w=y:"checked"==s?_=y:c&&"function"!=typeof y||m[s]===y||N(u,s,y,m[s],o);if(h)c||p&&(h.__html==p.__html||h.__html==u.innerHTML)||(u.innerHTML=h.__html),t.__k=[];else if(p&&(u.innerHTML=""),L("template"==t.type?u.content:u,g(v)?v:[v],t,i,r,"foreignObject"==x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&$(i,0),c,a),null!=e)for(s=e.length;s--;)b(e[s]);c&&"textarea"!=x||(s="value","progress"==x&&null==w?u.removeAttribute("value"):null!=w&&(w!==u[s]||"progress"==x&&!w||"option"==x&&w!=m[s])&&N(u,s,w,m[s],o),s="checked",null!=_&&_!=u[s]&&N(u,s,_,m[s],o));}return u}function J(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l$1.__e(n,t);}}function K(n,u,t){var i,r;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!=n.__e||J(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$1.__e(n,u);}i.base=i.__P=i.__n=null;}if(i=n.__k)for(r=0;r<i.length;r++)i[r]&&K(i[r],u,t||"function"!=typeof n.type);t||b(n.__e),n.__c=n.__=n.__e=void 0;}function Q(n,l,u){return this.constructor(n,u)}function R(u,t,i){var r,o,e,f;t==document&&(t=document.documentElement),l$1.__&&l$1.__(u,t),o=(r="function"=="undefined")?null:t.__k,e=[],f=[],q$1(t,u=(t).__k=k$1(S,null,[u]),o||d$1,d$1,t.namespaceURI,o?null:t.firstChild?n.call(t.childNodes):null,e,o?o.__e:t.firstChild,r,f),D$1(e,u,f),u.props.children=null;}function X(n){function l(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l.__c]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null;},this.shouldComponentUpdate=function(n){this.props.value!=n.value&&u.forEach(function(n){n.__e=true,A$1(n);});},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n);};}),n.children}return l.__c="__cC"+y$1++,l.__=n,l.Provider=l.__l=(l.Consumer=function(n,l){return n.children(l)}).contextType=l,l}n=w$1.slice,l$1={__e:function(n,l,u,t){for(var i,r,o;l=l.__;)if((i=l.__c)&&!i.__)try{if((r=i.constructor)&&null!=r.getDerivedStateFromError&&(i.setState(r.getDerivedStateFromError(n)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),o=i.__d),o)return i.__E=i}catch(l){n=l;}throw n}},u$2=0,C$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=m$1({},this.state),"function"==typeof n&&(n=n(m$1({},u),this.props)),n&&m$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),A$1(this));},C$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=true,n&&this.__h.push(n),A$1(this));},C$1.prototype.render=S,i$1=[],o$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e$1=function(n,l){return n.__v.__b-l.__v.__b},H.__r=0,f$2=Math.random().toString(8),c$1="__d"+f$2,a$1="__a"+f$2,s$1=/(PointerCapture)$|Capture$/i,h$1=0,p$1=V(false),v$1=V(true),y$1=0;
 
   var f$1=0;function u$1(e,t,n,o,i,u){t||(t={});var a,c,p=t;if("ref"in p)for(c in p={},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,__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}
 
@@ -626,16 +626,16 @@ var drawChart = (function (exports) {
   let count = 0;
   class Id {
       constructor(id) {
-          this._id = id;
+          this.idValue = id;
           const url = new URL(window.location.href);
           url.hash = id;
-          this._href = url.toString();
+          this.hrefValue = url.toString();
       }
       get id() {
-          return this._id;
+          return this.idValue;
       }
       get href() {
-          return this._href;
+          return this.hrefValue;
       }
       toString() {
           return `url(${this.href})`;
@@ -663,7 +663,7 @@ var drawChart = (function (exports) {
       return availableSizeProperties;
   };
 
-  var t,r,u,i,o=0,f=[],c=l$1,e=c.__b,a=c.__r,v=c.diffed,l=c.__c,m=c.unmount,s=c.__;function p(n,t){c.__h&&c.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function d(n){return o=1,h(D,n)}function h(n,u,i){var o=p(t++,2);if(o.t=n,!o.__c&&(o.__=[D(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.__f)){var f=function(n,t,r){if(!o.__c.__H)return  true;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=o.__c.props!==n;return u.some(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=true);}}),c&&c.call(this,n,t,r)||i};r.__f=true;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 y(n,u){var i=p(t++,3);!c.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__H.__h.push(i));}function _(n,u){var i=p(t++,4);!c.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__h.push(i));}function A(n){return o=5,T(function(){return {current:n}},[])}function T(n,r){var u=p(t++,7);return C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function q(n,t){return o=8,T(function(){return n},t)}function x(n){var u=r.context[n.__c],i=p(t++,9);return i.c=n,u?(null==i.__&&(i.__=true,u.sub(r)),u.props.value):n.__}function j(){for(var n;n=f.shift();){var t=n.__H;if(n.__P&&t)try{t.__h.some(z),t.__h.some(B),t.__h=[];}catch(r){t.__h=[],c.__e(r,n.__v);}}}c.__b=function(n){r=null,e&&e(n);},c.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t);},c.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.some(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0;})):(i.__h.some(z),i.__h.some(B),i.__h=[],t=0)),u=r;},c.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c.requestAnimationFrame||((i=c.requestAnimationFrame)||w)(j)),t.__H.__.some(function(n){n.u&&(n.__H=n.u),n.u=void 0;})),u=r=null;},c.__c=function(n,t){t.some(function(n){try{n.__h.some(z),n.__h=n.__h.filter(function(n){return !n.__||B(n)});}catch(r){t.some(function(n){n.__h&&(n.__h=[]);}),t=[],c.__e(r,n.__v);}}),l&&l(n,t);},c.unmount=function(n){m&&m(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.some(function(n){try{z(n);}catch(n){t=n;}}),r.__H=void 0,t&&c.__e(t,r.__v));};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,35);k&&(t=requestAnimationFrame(r));}function z(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function B(n){var t=r;n.__c=n.__(),r=t;}function C(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return "function"==typeof t?t(n):t}
+  var t,r,u,i,o=0,f=[],c=l$1,e=c.__b,a=c.__r,v=c.diffed,l=c.__c,m=c.unmount,p=c.__;function s(n,t){c.__h&&c.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function d(n){return o=1,y(D,n)}function y(n,u,i){var o=s(t++,2);if(o.t=n,!o.__c&&(o.__=[D(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.__f)){var f=function(n,t,r){if(!o.__c.__H)return  true;var u=false,i=o.__c.props!==n;if(o.__c.__H.__.some(function(n){if(n.__N){u=true;var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=true);}}),c){var f=c.call(this,n,t,r);return u?f||i:f}return !u||i};r.__f=true;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 h(n,u){var i=s(t++,3);!c.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__H.__h.push(i));}function _(n,u){var i=s(t++,4);!c.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__h.push(i));}function A(n){return o=5,T(function(){return {current:n}},[])}function T(n,r){var u=s(t++,7);return C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function q(n,t){return o=8,T(function(){return n},t)}function x(n){var u=r.context[n.__c],i=s(t++,9);return i.c=n,u?(null==i.__&&(i.__=true,u.sub(r)),u.props.value):n.__}function j(){for(var n;n=f.shift();){var t=n.__H;if(n.__P&&t)try{t.__h.some(z),t.__h.some(B),t.__h=[];}catch(r){t.__h=[],c.__e(r,n.__v);}}}c.__b=function(n){r=null,e&&e(n);},c.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),p&&p(n,t);},c.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.some(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0;})):(i.__h.some(z),i.__h.some(B),i.__h=[],t=0)),u=r;},c.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c.requestAnimationFrame||((i=c.requestAnimationFrame)||w)(j)),t.__H.__.some(function(n){n.u&&(n.__H=n.u,n.u=void 0);})),u=r=null;},c.__c=function(n,t){t.some(function(n){try{n.__h.some(z),n.__h=n.__h.filter(function(n){return !n.__||B(n)});}catch(r){t.some(function(n){n.__h&&(n.__h=[]);}),t=[],c.__e(r,n.__v);}}),l&&l(n,t);},c.unmount=function(n){m&&m(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.some(function(n){try{z(n);}catch(n){t=n;}}),r.__H=void 0,t&&c.__e(t,r.__v));};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,35);k&&(t=requestAnimationFrame(r));}function z(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function B(n){var t=r;n.__c=n.__(),r=t;}function C(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return "function"==typeof t?t(n):t}
 
   const PLACEHOLDER = "*/**/file.js";
   const SideBar = ({ availableSizeProperties, sizeProperty, setSizeProperty, onExcludeChange, onIncludeChange, }) => {
@@ -707,6 +707,8 @@ var drawChart = (function (exports) {
   	const WIN_SLASH = '\\\\/';
   	const WIN_NO_SLASH = `[^${WIN_SLASH}]`;
 
+  	const DEFAULT_MAX_EXTGLOB_RECURSION = 0;
+
   	/**
   	 * Posix glob regex
   	 */
@@ -773,6 +775,7 @@ var drawChart = (function (exports) {
   	 */
 
   	const POSIX_REGEX_SOURCE = {
+  	  __proto__: null,
   	  alnum: 'a-zA-Z0-9',
   	  alpha: 'a-zA-Z',
   	  ascii: '\\x00-\\x7F',
@@ -790,6 +793,7 @@ var drawChart = (function (exports) {
   	};
 
   	constants$1 = {
+  	  DEFAULT_MAX_EXTGLOB_RECURSION,
   	  MAX_LENGTH: 1024 * 64,
   	  POSIX_REGEX_SOURCE,
 
@@ -892,7 +896,7 @@ var drawChart = (function (exports) {
   function requireUtils () {
   	if (hasRequiredUtils) return utils;
   	hasRequiredUtils = 1;
-  	(function (exports$1) {
+  	(function (exports) {
 
   		const {
   		  REGEX_BACKSLASH,
@@ -901,13 +905,13 @@ var drawChart = (function (exports) {
   		  REGEX_SPECIAL_CHARS_GLOBAL
   		} = /*@__PURE__*/ requireConstants();
 
-  		exports$1.isObject = val => val !== null && typeof val === 'object' && !Array.isArray(val);
-  		exports$1.hasRegexChars = str => REGEX_SPECIAL_CHARS.test(str);
-  		exports$1.isRegexChar = str => str.length === 1 && exports$1.hasRegexChars(str);
-  		exports$1.escapeRegex = str => str.replace(REGEX_SPECIAL_CHARS_GLOBAL, '\\$1');
-  		exports$1.toPosixSlashes = str => str.replace(REGEX_BACKSLASH, '/');
+  		exports.isObject = val => val !== null && typeof val === 'object' && !Array.isArray(val);
+  		exports.hasRegexChars = str => REGEX_SPECIAL_CHARS.test(str);
+  		exports.isRegexChar = str => str.length === 1 && exports.hasRegexChars(str);
+  		exports.escapeRegex = str => str.replace(REGEX_SPECIAL_CHARS_GLOBAL, '\\$1');
+  		exports.toPosixSlashes = str => str.replace(REGEX_BACKSLASH, '/');
 
-  		exports$1.isWindows = () => {
+  		exports.isWindows = () => {
   		  if (typeof navigator !== 'undefined' && navigator.platform) {
   		    const platform = navigator.platform.toLowerCase();
   		    return platform === 'win32' || platform === 'windows';
@@ -920,20 +924,20 @@ var drawChart = (function (exports) {
   		  return false;
   		};
 
-  		exports$1.removeBackslashes = str => {
+  		exports.removeBackslashes = str => {
   		  return str.replace(REGEX_REMOVE_BACKSLASH, match => {
   		    return match === '\\' ? '' : match;
   		  });
   		};
 
-  		exports$1.escapeLast = (input, char, lastIdx) => {
+  		exports.escapeLast = (input, char, lastIdx) => {
   		  const idx = input.lastIndexOf(char, lastIdx);
   		  if (idx === -1) return input;
-  		  if (input[idx - 1] === '\\') return exports$1.escapeLast(input, char, idx - 1);
+  		  if (input[idx - 1] === '\\') return exports.escapeLast(input, char, idx - 1);
   		  return `${input.slice(0, idx)}\\${input.slice(idx)}`;
   		};
 
-  		exports$1.removePrefix = (input, state = {}) => {
+  		exports.removePrefix = (input, state = {}) => {
   		  let output = input;
   		  if (output.startsWith('./')) {
   		    output = output.slice(2);
@@ -942,7 +946,7 @@ var drawChart = (function (exports) {
   		  return output;
   		};
 
-  		exports$1.wrapOutput = (input, state = {}, options = {}) => {
+  		exports.wrapOutput = (input, state = {}, options = {}) => {
   		  const prepend = options.contains ? '' : '^';
   		  const append = options.contains ? '' : '$';
 
@@ -953,7 +957,7 @@ var drawChart = (function (exports) {
   		  return output;
   		};
 
-  		exports$1.basename = (path, { windows } = {}) => {
+  		exports.basename = (path, { windows } = {}) => {
   		  const segs = path.split(windows ? /[\\/]/ : '/');
   		  const last = segs[segs.length - 1];
 
@@ -1418,6 +1422,307 @@ var drawChart = (function (exports) {
   	  return `Missing ${type}: "${char}" - use "\\\\${char}" to match literal characters`;
   	};
 
+  	const splitTopLevel = input => {
+  	  const parts = [];
+  	  let bracket = 0;
+  	  let paren = 0;
+  	  let quote = 0;
+  	  let value = '';
+  	  let escaped = false;
+
+  	  for (const ch of input) {
+  	    if (escaped === true) {
+  	      value += ch;
+  	      escaped = false;
+  	      continue;
+  	    }
+
+  	    if (ch === '\\') {
+  	      value += ch;
+  	      escaped = true;
+  	      continue;
+  	    }
+
+  	    if (ch === '"') {
+  	      quote = quote === 1 ? 0 : 1;
+  	      value += ch;
+  	      continue;
+  	    }
+
+  	    if (quote === 0) {
+  	      if (ch === '[') {
+  	        bracket++;
+  	      } else if (ch === ']' && bracket > 0) {
+  	        bracket--;
+  	      } else if (bracket === 0) {
+  	        if (ch === '(') {
+  	          paren++;
+  	        } else if (ch === ')' && paren > 0) {
+  	          paren--;
+  	        } else if (ch === '|' && paren === 0) {
+  	          parts.push(value);
+  	          value = '';
+  	          continue;
+  	        }
+  	      }
+  	    }
+
+  	    value += ch;
+  	  }
+
+  	  parts.push(value);
+  	  return parts;
+  	};
+
+  	const isPlainBranch = branch => {
+  	  let escaped = false;
+
+  	  for (const ch of branch) {
+  	    if (escaped === true) {
+  	      escaped = false;
+  	      continue;
+  	    }
+
+  	    if (ch === '\\') {
+  	      escaped = true;
+  	      continue;
+  	    }
+
+  	    if (/[?*+@!()[\]{}]/.test(ch)) {
+  	      return false;
+  	    }
+  	  }
+
+  	  return true;
+  	};
+
+  	const normalizeSimpleBranch = branch => {
+  	  let value = branch.trim();
+  	  let changed = true;
+
+  	  while (changed === true) {
+  	    changed = false;
+
+  	    if (/^@\([^\\()[\]{}|]+\)$/.test(value)) {
+  	      value = value.slice(2, -1);
+  	      changed = true;
+  	    }
+  	  }
+
+  	  if (!isPlainBranch(value)) {
+  	    return;
+  	  }
+
+  	  return value.replace(/\\(.)/g, '$1');
+  	};
+
+  	const hasRepeatedCharPrefixOverlap = branches => {
+  	  const values = branches.map(normalizeSimpleBranch).filter(Boolean);
+
+  	  for (let i = 0; i < values.length; i++) {
+  	    for (let j = i + 1; j < values.length; j++) {
+  	      const a = values[i];
+  	      const b = values[j];
+  	      const char = a[0];
+
+  	      if (!char || a !== char.repeat(a.length) || b !== char.repeat(b.length)) {
+  	        continue;
+  	      }
+
+  	      if (a === b || a.startsWith(b) || b.startsWith(a)) {
+  	        return true;
+  	      }
+  	    }
+  	  }
+
+  	  return false;
+  	};
+
+  	const parseRepeatedExtglob = (pattern, requireEnd = true) => {
+  	  if ((pattern[0] !== '+' && pattern[0] !== '*') || pattern[1] !== '(') {
+  	    return;
+  	  }
+
+  	  let bracket = 0;
+  	  let paren = 0;
+  	  let quote = 0;
+  	  let escaped = false;
+
+  	  for (let i = 1; i < pattern.length; i++) {
+  	    const ch = pattern[i];
+
+  	    if (escaped === true) {
+  	      escaped = false;
+  	      continue;
+  	    }
+
+  	    if (ch === '\\') {
+  	      escaped = true;
+  	      continue;
+  	    }
+
+  	    if (ch === '"') {
+  	      quote = quote === 1 ? 0 : 1;
+  	      continue;
+  	    }
+
+  	    if (quote === 1) {
+  	      continue;
+  	    }
+
+  	    if (ch === '[') {
+  	      bracket++;
+  	      continue;
+  	    }
+
+  	    if (ch === ']' && bracket > 0) {
+  	      bracket--;
+  	      continue;
+  	    }
+
+  	    if (bracket > 0) {
+  	      continue;
+  	    }
+
+  	    if (ch === '(') {
+  	      paren++;
+  	      continue;
+  	    }
+
+  	    if (ch === ')') {
+  	      paren--;
+
+  	      if (paren === 0) {
+  	        if (requireEnd === true && i !== pattern.length - 1) {
+  	          return;
+  	        }
+
+  	        return {
+  	          type: pattern[0],
+  	          body: pattern.slice(2, i),
+  	          end: i
+  	        };
+  	      }
+  	    }
+  	  }
+  	};
+
+  	const buildCharClassStar = chars => {
+  	  const source = chars.length === 1
+  	    ? utils.escapeRegex(chars[0])
+  	    : `[${chars.map(ch => utils.escapeRegex(ch)).join('')}]`;
+
+  	  return `${source}*`;
+  	};
+
+  	const getStarExtglobSequenceChars = pattern => {
+  	  let index = 0;
+  	  const chars = [];
+
+  	  while (index < pattern.length) {
+  	    const match = parseRepeatedExtglob(pattern.slice(index), false);
+
+  	    if (!match || match.type !== '*') {
+  	      return;
+  	    }
+
+  	    const branches = splitTopLevel(match.body).map(branch => branch.trim());
+  	    if (branches.length !== 1) {
+  	      return;
+  	    }
+
+  	    const branch = normalizeSimpleBranch(branches[0]);
+  	    if (!branch || branch.length !== 1) {
+  	      return;
+  	    }
+
+  	    chars.push(branch);
+  	    index += match.end + 1;
+  	  }
+
+  	  if (chars.length < 1) {
+  	    return;
+  	  }
+
+  	  return chars;
+  	};
+
+  	const repeatedExtglobRecursion = pattern => {
+  	  let depth = 0;
+  	  let value = pattern.trim();
+  	  let match = parseRepeatedExtglob(value);
+
+  	  while (match) {
+  	    depth++;
+  	    value = match.body.trim();
+  	    match = parseRepeatedExtglob(value);
+  	  }
+
+  	  return depth;
+  	};
+
+  	const analyzeRepeatedExtglob = (body, options) => {
+  	  if (options.maxExtglobRecursion === false) {
+  	    return { risky: false };
+  	  }
+
+  	  const max =
+  	    typeof options.maxExtglobRecursion === 'number'
+  	      ? options.maxExtglobRecursion
+  	      : constants.DEFAULT_MAX_EXTGLOB_RECURSION;
+
+  	  const branches = splitTopLevel(body).map(branch => branch.trim());
+
+  	  if (branches.length > 1) {
+  	    if (
+  	      branches.some(branch => branch === '') ||
+  	      branches.some(branch => /^[*?]+$/.test(branch)) ||
+  	      hasRepeatedCharPrefixOverlap(branches)
+  	    ) {
+  	      return { risky: true };
+  	    }
+  	  }
+
+  	  // A repeated extglob is "risky" (prone to catastrophic backtracking) when a
+  	  // branch is itself a `*(...)` sequence, since that nests an unbounded quantifier
+  	  // inside the outer `+(...)`/`*(...)`. When *every* branch reduces to single
+  	  // characters we can emit one flat, ReDoS-safe character class that preserves the
+  	  // meaning of ALL branches (e.g. `+(*(a)|*(b))` -> `[ab]*`), rather than dropping
+  	  // every branch but the first.
+  	  const safeChars = [];
+  	  let sawStarSequence = false;
+  	  let combinable = true;
+
+  	  for (const branch of branches) {
+  	    const chars = getStarExtglobSequenceChars(branch);
+  	    if (chars) {
+  	      sawStarSequence = true;
+  	      safeChars.push(...chars);
+  	      continue;
+  	    }
+
+  	    const literal = normalizeSimpleBranch(branch);
+  	    if (literal && literal.length === 1) {
+  	      safeChars.push(literal);
+  	      continue;
+  	    }
+
+  	    combinable = false;
+
+  	    if (repeatedExtglobRecursion(branch) > max) {
+  	      return { risky: true };
+  	    }
+  	  }
+
+  	  if (sawStarSequence) {
+  	    return combinable
+  	      ? { risky: true, safeOutput: buildCharClassStar([...new Set(safeChars)]) }
+  	      : { risky: true };
+  	  }
+
+  	  return { risky: false };
+  	};
+
   	/**
   	 * Parse the given input string.
   	 * @param {String} input
@@ -1598,6 +1903,8 @@ var drawChart = (function (exports) {
   	    token.prev = prev;
   	    token.parens = state.parens;
   	    token.output = state.output;
+  	    token.startIndex = state.index;
+  	    token.tokensIndex = tokens.length;
   	    const output = (opts.capture ? '(' : '') + token.open;
 
   	    increment('parens');
@@ -1607,6 +1914,34 @@ var drawChart = (function (exports) {
   	  };
 
   	  const extglobClose = token => {
+  	    const literal = input.slice(token.startIndex, state.index + 1);
+  	    const body = input.slice(token.startIndex + 2, state.index);
+  	    const analysis = analyzeRepeatedExtglob(body, opts);
+
+  	    if ((token.type === 'plus' || token.type === 'star') && analysis.risky) {
+  	      const safeOutput = analysis.safeOutput
+  	        ? (token.output ? '' : ONE_CHAR) + (opts.capture ? `(${analysis.safeOutput})` : analysis.safeOutput)
+  	        : undefined;
+  	      const open = tokens[token.tokensIndex];
+
+  	      open.type = 'text';
+  	      open.value = literal;
+  	      open.output = safeOutput || utils.escapeRegex(literal);
+
+  	      for (let i = token.tokensIndex + 1; i < tokens.length; i++) {
+  	        tokens[i].value = '';
+  	        tokens[i].output = '';
+  	        delete tokens[i].suffix;
+  	      }
+
+  	      state.output = token.output + open.output;
+  	      state.backtrack = true;
+
+  	      push({ type: 'paren', extglob: true, value, output: '' });
+  	      decrement('parens');
+  	      return;
+  	    }
+
   	    let output = token.close + (opts.capture ? ')' : '');
   	    let rest;
 
@@ -2486,6 +2821,18 @@ var drawChart = (function (exports) {
   	 * const isMatch = picomatch('*.!(*a)');
   	 * console.log(isMatch('a.a')); //=> false
   	 * console.log(isMatch('a.b')); //=> true
+  	 *
+  	 * // For environments without `node.js`, `picomatch/posix` provides you a dependency-free matcher, without automatic OS detection.
+  	 * const picomatch = require('picomatch/posix');
+  	 * // the same API, defaulting to posix paths
+  	 * const isMatch = picomatch('a/*');
+  	 * console.log(isMatch('a\\b')); //=> false
+  	 * console.log(isMatch('a/b')); //=> true
+  	 *
+  	 * // you can still configure the matcher function to accept windows paths
+  	 * const isMatch = picomatch('a/*', { options: windows });
+  	 * console.log(isMatch('a\\b')); //=> true
+  	 * console.log(isMatch('a/b')); //=> true
   	 * ```
   	 * @name picomatch
   	 * @param {String|Array} `globs` One or more glob patterns.
@@ -2623,9 +2970,9 @@ var drawChart = (function (exports) {
   	 * @api public
   	 */
 
-  	picomatch.matchBase = (input, glob, options) => {
+  	picomatch.matchBase = (input, glob, options, posix = options && options.windows) => {
   	  const regex = glob instanceof RegExp ? glob : picomatch.makeRe(glob, options);
-  	  return regex.test(utils.basename(input));
+  	  return regex.test(utils.basename(input, { windows: posix }));
   	};
 
   	/**
@@ -2699,6 +3046,14 @@ var drawChart = (function (exports) {
   	 * Compile a regular expression from the `state` object returned by the
   	 * [parse()](#parse) method.
   	 *
+  	 * ```js
+  	 * const picomatch = require('picomatch');
+  	 * const state = picomatch.parse('*.js');
+  	 * // picomatch.compileRe(state[, options]);
+  	 *
+  	 * console.log(picomatch.compileRe(state));
+  	 * //=> /^(?:(?!\.)(?=.)[^/]*?\.js)$/
+  	 * ```
   	 * @param {Object} `state`
   	 * @param {Object} `options`
   	 * @param {Boolean} `returnOutput` Intended for implementors, this argument allows you to return the raw output from the parser.
@@ -2734,10 +3089,10 @@ var drawChart = (function (exports) {
   	 *
   	 * ```js
   	 * const picomatch = require('picomatch');
-  	 * const state = picomatch.parse('*.js');
-  	 * // picomatch.compileRe(state[, options]);
+  	 * // picomatch.makeRe(state[, options]);
   	 *
-  	 * console.log(picomatch.compileRe(state));
+  	 * const result = picomatch.makeRe('*.js');
+  	 * console.log(result);
   	 * //=> /^(?:(?!\.)(?=.)[^/]*?\.js)$/
   	 * ```
   	 * @param {String} `state` The object returned from the `.parse` method.
@@ -3434,7 +3789,7 @@ var drawChart = (function (exports) {
               const mainUid = data.nodeParts[node.data.uid].metaUid;
               dataNode = data.nodeMetas[mainUid];
           }
-          return (u$1(k$1, { children: [u$1("div", { children: path }), availableSizeProperties.map((sizeProp) => {
+          return (u$1(S, { children: [u$1("div", { children: path }), availableSizeProperties.map((sizeProp) => {
                       if (sizeProp === sizeProperty) {
                           return (u$1("div", { children: [u$1("b", { children: [LABELS[sizeProp], ": ", bytesExports.format(mainSize)] }), " ", "(", percentageString, ")"] }, sizeProp));
                       }
@@ -3444,7 +3799,7 @@ var drawChart = (function (exports) {
                   }), u$1("br", {}), dataNode && dataNode.importedBy.length > 0 && (u$1("div", { children: [u$1("div", { children: [u$1("b", { children: "Imported By" }), ":"] }), dataNode.importedBy.map(({ uid }) => {
                               const id = data.nodeMetas[uid].id;
                               return u$1("div", { children: id }, id);
-                          })] })), u$1("br", {}), u$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (u$1(k$1, { children: [u$1("br", {}), u$1("small", { children: COMPRESSED })] }))] }));
+                          })] })), u$1("br", {}), u$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (u$1(S, { children: [u$1("br", {}), u$1("small", { children: COMPRESSED })] }))] }));
       }, [availableSizeProperties, data, getModuleSize, node, root.data, sizeProperty]);
       const updatePosition = (mouseCoords) => {
           if (!ref.current)
@@ -3464,7 +3819,7 @@ var drawChart = (function (exports) {
           }
           setStyle(pos);
       };
-      y(() => {
+      h(() => {
           const handleMouseMove = (event) => {
               updatePosition({
                   x: event.pageX,
@@ -3482,7 +3837,7 @@ var drawChart = (function (exports) {
   const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode, }) => {
       const [showTooltip, setShowTooltip] = d(false);
       const [tooltipNode, setTooltipNode] = d(undefined);
-      y(() => {
+      h(() => {
           const handleMouseOut = () => {
               setShowTooltip(false);
           };
@@ -3491,7 +3846,7 @@ var drawChart = (function (exports) {
               document.removeEventListener("mouseover", handleMouseOut);
           };
       }, []);
-      return (u$1(k$1, { children: [u$1(TreeMap, { root: root, onNodeHover: (node) => {
+      return (u$1(S, { children: [u$1(TreeMap, { root: root, onNodeHover: (node) => {
                       setTooltipNode(node);
                       setShowTooltip(true);
                   }, selectedNode: selectedNode, onNodeClick: (node) => {
@@ -3559,7 +3914,7 @@ var drawChart = (function (exports) {
           sizeProperty,
       ]);
       console.timeEnd("root hierarchy compute");
-      return (u$1(k$1, { children: [u$1(SideBar, { sizeProperty: sizeProperty, availableSizeProperties: availableSizeProperties, setSizeProperty: setSizeProperty, onExcludeChange: setExcludeFilter, onIncludeChange: setIncludeFilter }), u$1(Chart, { root: root, sizeProperty: sizeProperty, selectedNode: selectedNode, setSelectedNode: setSelectedNode })] }));
+      return (u$1(S, { children: [u$1(SideBar, { sizeProperty: sizeProperty, availableSizeProperties: availableSizeProperties, setSizeProperty: setSizeProperty, onExcludeChange: setExcludeFilter, onIncludeChange: setIncludeFilter }), u$1(Chart, { root: root, sizeProperty: sizeProperty, selectedNode: selectedNode, setSelectedNode: setSelectedNode })] }));
   };
 
   function initRange(domain, range) {
@@ -4860,7 +5215,7 @@ var drawChart = (function (exports) {
       };
   };
 
-  const StaticContext = R({});
+  const StaticContext = X({});
   const drawChart = (parentNode, data, width, height) => {
       const availableSizeProperties = getAvailableSizeOptions(data.options);
       console.time("layout create");
@@ -4904,7 +5259,7 @@ var drawChart = (function (exports) {
       console.time("color");
       const getModuleColor = createRainbowColor(rawHierarchy);
       console.timeEnd("color");
-      J(u$1(StaticContext.Provider, { value: {
+      R(u$1(StaticContext.Provider, { value: {
               data,
               availableSizeProperties,
               width,
@@ -4930,7 +5285,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"react.d.ts","children":[{"name":"src","children":[{"name":"components","children":[{"uid":"4b062e14-1","name":"provider.d.ts"},{"uid":"4b062e14-3","name":"store.d.ts"}]},{"name":"hooks/events.d.ts","uid":"4b062e14-5"},{"uid":"4b062e14-7","name":"index.d.ts"}]}]},{"name":"react.js","children":[{"name":"home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm","children":[{"uid":"4b062e14-9","name":"vanilla.mjs"},{"uid":"4b062e14-11","name":"react.mjs"}]},{"name":"src","children":[{"name":"components","children":[{"uid":"4b062e14-13","name":"store.tsx"},{"uid":"4b062e14-15","name":"provider.tsx"}]},{"name":"hooks/events.tsx","uid":"4b062e14-17"},{"uid":"4b062e14-19","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"4b062e14-1":{"renderedLength":622,"gzipLength":282,"brotliLength":239,"metaUid":"4b062e14-0"},"4b062e14-3":{"renderedLength":569,"gzipLength":221,"brotliLength":174,"metaUid":"4b062e14-2"},"4b062e14-5":{"renderedLength":71,"gzipLength":84,"brotliLength":73,"metaUid":"4b062e14-4"},"4b062e14-7":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"4b062e14-6"},"4b062e14-9":{"renderedLength":1019,"gzipLength":445,"brotliLength":387,"metaUid":"4b062e14-8"},"4b062e14-11":{"renderedLength":601,"gzipLength":305,"brotliLength":279,"metaUid":"4b062e14-10"},"4b062e14-13":{"renderedLength":3202,"gzipLength":816,"brotliLength":716,"metaUid":"4b062e14-12"},"4b062e14-15":{"renderedLength":5746,"gzipLength":1206,"brotliLength":1029,"metaUid":"4b062e14-14"},"4b062e14-17":{"renderedLength":3861,"gzipLength":811,"brotliLength":741,"metaUid":"4b062e14-16"},"4b062e14-19":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"4b062e14-18"}},"nodeMetas":{"4b062e14-0":{"id":"/src/components/provider.d.ts","moduleParts":{"react.d.ts":"4b062e14-1"},"imported":[{"uid":"4b062e14-20"},{"uid":"4b062e14-21"},{"uid":"4b062e14-22"}],"importedBy":[{"uid":"4b062e14-6"}]},"4b062e14-2":{"id":"/src/components/store.d.ts","moduleParts":{"react.d.ts":"4b062e14-3"},"imported":[{"uid":"4b062e14-21"},{"uid":"4b062e14-22"},{"uid":"4b062e14-23"}],"importedBy":[{"uid":"4b062e14-6"}]},"4b062e14-4":{"id":"/src/hooks/events.d.ts","moduleParts":{"react.d.ts":"4b062e14-5"},"imported":[],"importedBy":[{"uid":"4b062e14-6"}]},"4b062e14-6":{"id":"/src/index.d.ts","moduleParts":{"react.d.ts":"4b062e14-7"},"imported":[{"uid":"4b062e14-0"},{"uid":"4b062e14-2"},{"uid":"4b062e14-4"}],"importedBy":[],"isEntry":true},"4b062e14-8":{"id":"/home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm/vanilla.mjs","moduleParts":{"react.js":"4b062e14-9"},"imported":[],"importedBy":[{"uid":"4b062e14-24"},{"uid":"4b062e14-10"}]},"4b062e14-10":{"id":"/home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm/react.mjs","moduleParts":{"react.js":"4b062e14-11"},"imported":[{"uid":"4b062e14-20"},{"uid":"4b062e14-8"}],"importedBy":[{"uid":"4b062e14-24"}]},"4b062e14-12":{"id":"/src/components/store.tsx","moduleParts":{"react.js":"4b062e14-13"},"imported":[{"uid":"4b062e14-21"},{"uid":"4b062e14-22"},{"uid":"4b062e14-24"}],"importedBy":[{"uid":"4b062e14-18"},{"uid":"4b062e14-14"},{"uid":"4b062e14-16"}]},"4b062e14-14":{"id":"/src/components/provider.tsx","moduleParts":{"react.js":"4b062e14-15"},"imported":[{"uid":"4b062e14-20"},{"uid":"4b062e14-21"},{"uid":"4b062e14-22"},{"uid":"4b062e14-12"}],"importedBy":[{"uid":"4b062e14-18"}]},"4b062e14-16":{"id":"/src/hooks/events.tsx","moduleParts":{"react.js":"4b062e14-17"},"imported":[{"uid":"4b062e14-12"},{"uid":"4b062e14-20"}],"importedBy":[{"uid":"4b062e14-18"}]},"4b062e14-18":{"id":"/src/index.ts","moduleParts":{"react.js":"4b062e14-19"},"imported":[{"uid":"4b062e14-14"},{"uid":"4b062e14-12"},{"uid":"4b062e14-16"}],"importedBy":[],"isEntry":true},"4b062e14-20":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"4b062e14-0"},{"uid":"4b062e14-14"},{"uid":"4b062e14-16"},{"uid":"4b062e14-10"}]},"4b062e14-21":{"id":"@inditextech/weave-sdk","moduleParts":{},"imported":[],"importedBy":[{"uid":"4b062e14-0"},{"uid":"4b062e14-2"},{"uid":"4b062e14-14"},{"uid":"4b062e14-12"}]},"4b062e14-22":{"id":"@inditextech/weave-types","moduleParts":{},"imported":[],"importedBy":[{"uid":"4b062e14-0"},{"uid":"4b062e14-2"},{"uid":"4b062e14-14"},{"uid":"4b062e14-12"}]},"4b062e14-23":{"id":"zustand","moduleParts":{},"imported":[],"importedBy":[{"uid":"4b062e14-2"}]},"4b062e14-24":{"id":"/home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm/index.mjs","moduleParts":{},"imported":[{"uid":"4b062e14-8"},{"uid":"4b062e14-10"}],"importedBy":[{"uid":"4b062e14-12"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":true,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"react.d.ts","children":[{"name":"src","children":[{"name":"components","children":[{"uid":"9eacf5e4-1","name":"provider.d.ts"},{"uid":"9eacf5e4-7","name":"store.d.ts"}]},{"name":"hooks/events.d.ts","uid":"9eacf5e4-9"},{"uid":"9eacf5e4-11","name":"index.d.ts"}]},{"name":"home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm","children":[{"uid":"9eacf5e4-3","name":"vanilla.d.mts"},{"uid":"9eacf5e4-5","name":"react.d.mts"}]}]},{"name":"react.js","children":[{"name":"home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm","children":[{"uid":"9eacf5e4-13","name":"vanilla.mjs"},{"uid":"9eacf5e4-15","name":"react.mjs"}]},{"name":"src","children":[{"name":"components","children":[{"uid":"9eacf5e4-17","name":"store.tsx"},{"uid":"9eacf5e4-19","name":"provider.tsx"}]},{"name":"hooks/events.tsx","uid":"9eacf5e4-21"},{"uid":"9eacf5e4-23","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"9eacf5e4-1":{"renderedLength":837,"gzipLength":305,"brotliLength":273,"metaUid":"9eacf5e4-0"},"9eacf5e4-3":{"renderedLength":559,"gzipLength":201,"brotliLength":177,"metaUid":"9eacf5e4-2"},"9eacf5e4-5":{"renderedLength":370,"gzipLength":201,"brotliLength":175,"metaUid":"9eacf5e4-4"},"9eacf5e4-7":{"renderedLength":1080,"gzipLength":255,"brotliLength":215,"metaUid":"9eacf5e4-6"},"9eacf5e4-9":{"renderedLength":92,"gzipLength":105,"brotliLength":79,"metaUid":"9eacf5e4-8"},"9eacf5e4-11":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"9eacf5e4-10"},"9eacf5e4-13":{"renderedLength":1019,"gzipLength":445,"brotliLength":387,"metaUid":"9eacf5e4-12"},"9eacf5e4-15":{"renderedLength":601,"gzipLength":305,"brotliLength":279,"metaUid":"9eacf5e4-14"},"9eacf5e4-17":{"renderedLength":3202,"gzipLength":816,"brotliLength":716,"metaUid":"9eacf5e4-16"},"9eacf5e4-19":{"renderedLength":5149,"gzipLength":1144,"brotliLength":966,"metaUid":"9eacf5e4-18"},"9eacf5e4-21":{"renderedLength":3389,"gzipLength":740,"brotliLength":653,"metaUid":"9eacf5e4-20"},"9eacf5e4-23":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"9eacf5e4-22"}},"nodeMetas":{"9eacf5e4-0":{"id":"/src/components/provider.d.ts","moduleParts":{"react.d.ts":"9eacf5e4-1"},"imported":[{"uid":"9eacf5e4-24"},{"uid":"9eacf5e4-25"},{"uid":"9eacf5e4-26"}],"importedBy":[{"uid":"9eacf5e4-10"}]},"9eacf5e4-2":{"id":"/home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm/vanilla.d.mts","moduleParts":{"react.d.ts":"9eacf5e4-3"},"imported":[],"importedBy":[{"uid":"9eacf5e4-27"},{"uid":"9eacf5e4-4"}]},"9eacf5e4-4":{"id":"/home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm/react.d.mts","moduleParts":{"react.d.ts":"9eacf5e4-5"},"imported":[{"uid":"9eacf5e4-2"}],"importedBy":[{"uid":"9eacf5e4-27"}]},"9eacf5e4-6":{"id":"/src/components/store.d.ts","moduleParts":{"react.d.ts":"9eacf5e4-7"},"imported":[{"uid":"9eacf5e4-25"},{"uid":"9eacf5e4-26"},{"uid":"9eacf5e4-27"}],"importedBy":[{"uid":"9eacf5e4-10"}]},"9eacf5e4-8":{"id":"/src/hooks/events.d.ts","moduleParts":{"react.d.ts":"9eacf5e4-9"},"imported":[],"importedBy":[{"uid":"9eacf5e4-10"}]},"9eacf5e4-10":{"id":"/src/index.d.ts","moduleParts":{"react.d.ts":"9eacf5e4-11"},"imported":[{"uid":"9eacf5e4-0"},{"uid":"9eacf5e4-6"},{"uid":"9eacf5e4-8"}],"importedBy":[],"isEntry":true},"9eacf5e4-12":{"id":"/home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm/vanilla.mjs","moduleParts":{"react.js":"9eacf5e4-13"},"imported":[],"importedBy":[{"uid":"9eacf5e4-28"},{"uid":"9eacf5e4-14"}]},"9eacf5e4-14":{"id":"/home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm/react.mjs","moduleParts":{"react.js":"9eacf5e4-15"},"imported":[{"uid":"9eacf5e4-24"},{"uid":"9eacf5e4-12"}],"importedBy":[{"uid":"9eacf5e4-28"}]},"9eacf5e4-16":{"id":"/src/components/store.tsx","moduleParts":{"react.js":"9eacf5e4-17"},"imported":[{"uid":"9eacf5e4-25"},{"uid":"9eacf5e4-26"},{"uid":"9eacf5e4-28"}],"importedBy":[{"uid":"9eacf5e4-22"},{"uid":"9eacf5e4-18"},{"uid":"9eacf5e4-20"}]},"9eacf5e4-18":{"id":"/src/components/provider.tsx","moduleParts":{"react.js":"9eacf5e4-19"},"imported":[{"uid":"9eacf5e4-24"},{"uid":"9eacf5e4-25"},{"uid":"9eacf5e4-26"},{"uid":"9eacf5e4-16"}],"importedBy":[{"uid":"9eacf5e4-22"}]},"9eacf5e4-20":{"id":"/src/hooks/events.tsx","moduleParts":{"react.js":"9eacf5e4-21"},"imported":[{"uid":"9eacf5e4-16"},{"uid":"9eacf5e4-24"}],"importedBy":[{"uid":"9eacf5e4-22"}]},"9eacf5e4-22":{"id":"/src/index.ts","moduleParts":{"react.js":"9eacf5e4-23"},"imported":[{"uid":"9eacf5e4-18"},{"uid":"9eacf5e4-16"},{"uid":"9eacf5e4-20"}],"importedBy":[],"isEntry":true},"9eacf5e4-24":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"9eacf5e4-0"},{"uid":"9eacf5e4-18"},{"uid":"9eacf5e4-20"},{"uid":"9eacf5e4-14"}]},"9eacf5e4-25":{"id":"@inditextech/weave-sdk","moduleParts":{},"imported":[],"importedBy":[{"uid":"9eacf5e4-0"},{"uid":"9eacf5e4-6"},{"uid":"9eacf5e4-18"},{"uid":"9eacf5e4-16"}]},"9eacf5e4-26":{"id":"@inditextech/weave-types","moduleParts":{},"imported":[],"importedBy":[{"uid":"9eacf5e4-0"},{"uid":"9eacf5e4-6"},{"uid":"9eacf5e4-18"},{"uid":"9eacf5e4-16"}]},"9eacf5e4-27":{"id":"/home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm/index.d.mts","moduleParts":{},"imported":[{"uid":"9eacf5e4-2"},{"uid":"9eacf5e4-4"}],"importedBy":[{"uid":"9eacf5e4-6"}]},"9eacf5e4-28":{"id":"/home/runner/work/weavejs/weavejs/code/node_modules/zustand/esm/index.mjs","moduleParts":{},"imported":[{"uid":"9eacf5e4-12"},{"uid":"9eacf5e4-14"}],"importedBy":[{"uid":"9eacf5e4-16"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":true,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@inditextech/weave-react",
-  "version": "5.2.1",
+  "version": "5.2.2",
   "type": "module",
   "license": "Apache-2.0",
   "author": "Jesus Manuel Piñeiro Cid <jesusmpc@inditex.com>",
-  "homepage": "https://inditextech.github.io/weavejs",
+  "homepage": "https://inditextech.github.io/weavejs/latest/react/",
   "repository": {
     "url": "git+https://github.com/InditexTech/weavejs.git"
   },
@@ -46,8 +46,8 @@
     "version:release": "npm version $RELEASE_VERSION -m \"[npm-scripts] prepare release $RELEASE_VERSION\" --tag-version-prefix \"\""
   },
   "dependencies": {
-    "@inditextech/weave-sdk": "5.2.1",
-    "@inditextech/weave-types": "5.2.1"
+    "@inditextech/weave-sdk": "5.2.2",
+    "@inditextech/weave-types": "5.2.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -64,7 +64,7 @@
     "jsdom": "^26.0.0",
     "react-remove-attr": "0.0.6",
     "rollup-plugin-visualizer": "^7.0.1",
-    "tsdown": "^0.10.2",
+    "tsdown": "0.22.14",
     "typescript-eslint": "8.22.0",
     "vitest": "^3.2.6",
     "vitest-canvas-mock": "^1.1.4",