compares meshes demo

packages/compare-meshes/typescript/package.json

@@ -22,7 +22,7 @@
     "build:browser:workerEmbeddedMin": "esbuild --minify --loader:.worker.js=dataurl --bundle --format=esm --outfile=./dist/bundle/index-worker-embedded.min.js ./src/index-worker-embedded.min.ts",
     "build:version": "node -p \"'const version = ' + JSON.stringify(require('./package.json').version) + '\\nexport default version\\n'\" > src/version.ts",
     "build:tsc": "pnpm build:version && tsc --pretty",
-    "copyShoelaceAssets": "shx mkdir -p test/browser/demo-app/public && shx cp -r node_modules/@shoelace-style/shoelace/dist/assets test/browser/demo-app/public/",
+    "copyShoelaceAssets": "shx mkdir -p test/browser/demo-app/public && shx cp -r node_modules/@itk-wasm/demo-app/node_modules/@shoelace-style/shoelace/dist/assets test/browser/demo-app/public/",
     "build:demo": "pnpm copyShoelaceAssets && vite build"
   },
   "keywords": [
@@ -38,7 +38,7 @@
   },
   "devDependencies": {
     "@itk-wasm/mesh-io": "workspace:^",
-    "@shoelace-style/shoelace": "^2.12.0",
+    "@itk-wasm/demo-app": "workspace:*",
     "@types/node": "^20.2.5",
     "esbuild": "^0.19.8",
     "shx": "^0.3.4",

packages/downsample/typescript/test/browser/demo-app/index.html

@@ -43,7 +43,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
 
     <div id="downsampleBinShrinkInputs"><form action="">
       <label for="input-file"><sl-button name="input-file-button" variant="primary" outline onclick="this.parentElement.nextElementSibling.click()">Upload</sp-button></label><input type="file" name="input-file" style="display: none"/>
-      <sl-tooltip content="Use the Upload button to provide the input"><itk-image-details id="downsampleBinShrink-input-details" summary="input: Input image"></itk-image-details></sl-tooltip>
+      <sl-tooltip content="Use the Upload button to provide the input"><itk-image-details id="downsampleBinShrink-input-details" summary="input: Input image" disabled></itk-image-details></sl-tooltip>
 <br /><br />
       <sl-input name="shrink-factors" type="text" value="[2,2]" label="shrinkFactors" help-text="Shrink factors"></sl-input>
 <br />
@@ -57,7 +57,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
     <sl-divider></sl-divider>
 
     <div id="downsampleBinShrinkOutputs">
-      <itk-image-details id="downsampleBinShrink-downsampled-details" summary="downsampled: Output downsampled image"></itk-image-details>
+      <itk-image-details disabled id="downsampleBinShrink-downsampled-details" summary="downsampled: Output downsampled image"></itk-image-details>
       <sl-select id="downsampleBinShrink-downsampled-output-format" placeholder="Format">
         <sl-option value="bmp">bmp</sl-option>
         <sl-option value="dcm">dcm</sl-option>
@@ -94,7 +94,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
 
     <div id="downsampleLabelImageInputs"><form action="">
       <label for="input-file"><sl-button name="input-file-button" variant="primary" outline onclick="this.parentElement.nextElementSibling.click()">Upload</sp-button></label><input type="file" name="input-file" style="display: none"/>
-      <sl-tooltip content="Use the Upload button to provide the input"><itk-image-details id="downsampleLabelImage-input-details" summary="input: Input image"></itk-image-details></sl-tooltip>
+      <sl-tooltip content="Use the Upload button to provide the input"><itk-image-details id="downsampleLabelImage-input-details" summary="input: Input image" disabled></itk-image-details></sl-tooltip>
 <br /><br />
       <sl-input name="shrink-factors" type="text" value="[2,2]" label="shrinkFactors" help-text="Shrink factors"></sl-input>
 <br />
@@ -108,7 +108,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
     <sl-divider></sl-divider>
 
     <div id="downsampleLabelImageOutputs">
-      <itk-image-details id="downsampleLabelImage-downsampled-details" summary="downsampled: Output downsampled image"></itk-image-details>
+      <itk-image-details disabled id="downsampleLabelImage-downsampled-details" summary="downsampled: Output downsampled image"></itk-image-details>
       <sl-select id="downsampleLabelImage-downsampled-output-format" placeholder="Format">
         <sl-option value="bmp">bmp</sl-option>
         <sl-option value="dcm">dcm</sl-option>
@@ -168,7 +168,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
 
     <div id="downsampleInputs"><form action="">
       <label for="input-file"><sl-button name="input-file-button" variant="primary" outline onclick="this.parentElement.nextElementSibling.click()">Upload</sp-button></label><input type="file" name="input-file" style="display: none"/>
-      <sl-tooltip content="Use the Upload button to provide the input"><itk-image-details id="downsample-input-details" summary="input: Input image"></itk-image-details></sl-tooltip>
+      <sl-tooltip content="Use the Upload button to provide the input"><itk-image-details id="downsample-input-details" summary="input: Input image" disabled></itk-image-details></sl-tooltip>
 <br /><br />
       <sl-input name="shrink-factors" type="text" value="[2,2]" label="shrinkFactors" help-text="Shrink factors"></sl-input>
 <br />
@@ -182,7 +182,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
     <sl-divider></sl-divider>
 
     <div id="downsampleOutputs">
-      <itk-image-details id="downsample-downsampled-details" summary="downsampled: Output downsampled image"></itk-image-details>
+      <itk-image-details disabled id="downsample-downsampled-details" summary="downsampled: Output downsampled image"></itk-image-details>
       <sl-select id="downsample-downsampled-output-format" placeholder="Format">
         <sl-option value="bmp">bmp</sl-option>
         <sl-option value="dcm">dcm</sl-option>