+
+ { !(collapse) && (
+
+ {
+ [
+ {
+ name: 'Zoom In',
+ onClick: () => {
+ setTimeout(() => document.addEventListener('mouseup', mouseUpHandler), 100)
+ core && Math.floor(core.zoom()) <= 3 && core?.zoom(0.5)
+ core?.resize(undefined, core?.getContentBBox().height + 50)
+ },
+ icon: 'magnifyWithPlus'
+ },
+ {
+ name: 'Zoom Out',
+ onClick: () => {
+ setTimeout(() => document.addEventListener('mouseup', mouseUpHandler), 100)
+ if (Math.floor(core?.zoom() || 0) <= 0.5) {
+ core?.centerContent()
+ } else {
+ core?.zoom(-0.5)
+ }
+ core?.resize(undefined, core?.getContentBBox().height + 50)
+ },
+ icon: 'magnifyWithMinus'
+ },
+ {
+ name: 'Reset Zoom',
+ onClick: () => {
+ setTimeout(() => document.addEventListener('mouseup', mouseUpHandler), 100)
+ core?.zoomTo(1)
+ core?.resize(undefined, core?.getContentBBox().height + 50)
+ },
+ icon: 'bullseye'
+ },
+ ].map(item => (
+
+
+
+ ))
+ }
+
+ )}
+ { type !== CoreType.Profile &&
+
{
+ e.preventDefault()
+ setTimeout(() => document.addEventListener('mouseup', mouseUpHandler), 100)
+ if (!collapse) { // About to collapse?
+ core?.zoomTo(1)
+ core?.resize(undefined, core?.getContentBBox().height + 50)
+ }
+ setCollapse(!collapse)
+ }}
+ >
+ {
+ collapse
+ ?
+ <>
+
Expand
+
+ >
+ :
+ <>
+
Collapse
+
+ >
+ }
+
+ }
+ { profilingTime &&
+ (
+ module === ModuleType.Search &&
+ (
+
+ {
+ Object.keys(profilingTime).map(key => (
+
+
{profilingTime[key]}
+
{key}
+
+ ))
+ }
+
+ )
+ )}
+