itk-viewer-bootstrap-ui
Advanced tools
Comparing version 0.24.0 to 0.25.0
{ | ||
"name": "itk-viewer-bootstrap-ui", | ||
"version": "0.24.0", | ||
"version": "0.25.0", | ||
"scripts": { | ||
@@ -5,0 +5,0 @@ "dev": "vite", |
@@ -60,2 +60,3 @@ import { useSelector } from '@xstate/react' | ||
const imageMix = compare.imageMix ?? 0.5 // fallback to keep a controlled component | ||
return ( | ||
@@ -84,3 +85,3 @@ <> | ||
max={1} | ||
value={compare.imageMix} | ||
value={imageMix} | ||
step={0.01} | ||
@@ -87,0 +88,0 @@ onChange={(e) => updateCompare({ imageMix: e.target.value })} |
@@ -102,9 +102,16 @@ import React, { Fragment, useEffect, useRef } from 'react' | ||
onClick={() => { | ||
compareWith(fixedImageName, 'checkerboard') | ||
compareWith(fixedImageName, 'green-magenta') | ||
}} | ||
> | ||
{`Checkerboard compare with ${fixedImageName}`} | ||
{`Green-Magenta compare with ${fixedImageName}`} | ||
</Dropdown.Item> | ||
<Dropdown.Item | ||
onClick={() => { | ||
compareWith(fixedImageName, 'cyan-red') | ||
}} | ||
> | ||
{`Cyan-Red compare with ${fixedImageName}`} | ||
</Dropdown.Item> | ||
<Dropdown.Item | ||
onClick={() => { | ||
compareWith(fixedImageName, 'cyan-magenta') | ||
@@ -122,2 +129,9 @@ }} | ||
</Dropdown.Item> | ||
<Dropdown.Item | ||
onClick={() => { | ||
compareWith(fixedImageName, 'checkerboard') | ||
}} | ||
> | ||
{`Checkerboard compare with ${fixedImageName}`} | ||
</Dropdown.Item> | ||
</Fragment> | ||
@@ -124,0 +138,0 @@ ))} |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
15509757
137
24739