diff --git a/packages/compress-stringify/python-web-demo/index.html b/packages/compress-stringify/python-web-demo/index.html index e8d9bad94..66e57788f 100644 --- a/packages/compress-stringify/python-web-demo/index.html +++ b/packages/compress-stringify/python-web-demo/index.html @@ -51,7 +51,7 @@

itkwasm-compress-stringifyPython logoGiven a binary, compress and optionally base64 encode.

- +

stringify - Stringify the output @@ -80,7 +80,7 @@

itkwasm-compress-stringifyPython logoGiven a binary or string produced with compress-stringify, decompress and optionally base64 decode.

- +

parse_string - Parse the input string before decompression diff --git a/packages/compress-stringify/typescript/test/browser/demo-app/compress-stringify-controller.ts b/packages/compress-stringify/typescript/test/browser/demo-app/compress-stringify-controller.ts index 6411dfaaa..3dcfb7bc1 100644 --- a/packages/compress-stringify/typescript/test/browser/demo-app/compress-stringify-controller.ts +++ b/packages/compress-stringify/typescript/test/browser/demo-app/compress-stringify-controller.ts @@ -46,7 +46,7 @@ class CompressStringifyController { const arrayBuffer = await files[0].arrayBuffer() model.inputs.set("input", new Uint8Array(arrayBuffer)) - const input = document.querySelector("#compressStringifyInputs sl-input[name=input]") + const details = document.getElementById("compressStringify-input-details") details.innerHTML = `
${globalThis.escapeHtml(model.inputs.get("input").subarray(0, 50).toString() + ' ...')}
` details.disabled = false }) diff --git a/packages/compress-stringify/typescript/test/browser/demo-app/index.html b/packages/compress-stringify/typescript/test/browser/demo-app/index.html index 5f6a3e329..a01c621d9 100644 --- a/packages/compress-stringify/typescript/test/browser/demo-app/index.html +++ b/packages/compress-stringify/typescript/test/browser/demo-app/index.html @@ -27,6 +27,7 @@ import '@shoelace-style/shoelace/dist/components/tag/tag.js'; import '@shoelace-style/shoelace/dist/components/select/select.js'; import '@shoelace-style/shoelace/dist/components/option/option.js'; + import '@shoelace-style/shoelace/dist/components/tooltip/tooltip.js'; import { setBasePath } from '@shoelace-style/shoelace/dist/utilities/base-path'; setBasePath('/'); @@ -65,7 +66,7 @@

@itk-wasm/compress-stringifyJavaScript <small><i>Given a binary, compress and optionally base64 encode.</i></small><br /><br /> <div id= - +

stringify - Stringify the output @@ -94,7 +95,7 @@

@itk-wasm/compress-stringifyJavaScript <small><i>Given a binary or string produced with compress-stringify, decompress and optionally base64 decode.</i></small><br /><br /> <div id= - +

parseString - Parse the input string before decompression diff --git a/packages/compress-stringify/typescript/test/browser/demo-app/parse-string-decompress-controller.ts b/packages/compress-stringify/typescript/test/browser/demo-app/parse-string-decompress-controller.ts index af180e4f4..501ef56f1 100644 --- a/packages/compress-stringify/typescript/test/browser/demo-app/parse-string-decompress-controller.ts +++ b/packages/compress-stringify/typescript/test/browser/demo-app/parse-string-decompress-controller.ts @@ -46,7 +46,7 @@ class ParseStringDecompressController { const arrayBuffer = await files[0].arrayBuffer() model.inputs.set("input", new Uint8Array(arrayBuffer)) - const input = document.querySelector("#parseStringDecompressInputs sl-input[name=input]") + const details = document.getElementById("parseStringDecompress-input-details") details.innerHTML = `
${globalThis.escapeHtml(model.inputs.get("input").subarray(0, 50).toString() + ' ...')}
` details.disabled = false }) diff --git a/packages/dicom/typescript/test/browser/demo-app/index.html b/packages/dicom/typescript/test/browser/demo-app/index.html index 6d8caede8..f886a089c 100644 --- a/packages/dicom/typescript/test/browser/demo-app/index.html +++ b/packages/dicom/typescript/test/browser/demo-app/index.html @@ -27,6 +27,7 @@ import '@shoelace-style/shoelace/dist/components/tag/tag.js'; import '@shoelace-style/shoelace/dist/components/select/select.js'; import '@shoelace-style/shoelace/dist/components/option/option.js'; + import '@shoelace-style/shoelace/dist/components/tooltip/tooltip.js'; import { setBasePath } from '@shoelace-style/shoelace/dist/utilities/base-path'; setBasePath('/'); @@ -69,10 +70,10 @@

@itk-wasm/dicomJavaScript logoApply a presentation state to a given DICOM image and render output as bitmap, or dicom file.

- +

- +

colorOutput - output image as RGB (default: false) @@ -131,7 +132,7 @@

@itk-wasm/dicomJavaScript logoExtract PDF file from DICOM encapsulated PDF.

- +

readFileOnly - read file format only @@ -185,7 +186,7 @@

@itk-wasm/dicomJavaScript logoRender DICOM SR file and data set to HTML/XHTML

- +

readFileOnly - read file format only @@ -236,10 +237,10 @@

@itk-wasm/dicomJavaScript logo
addDocumentType - add reference to SGML document type definition

- +

- +

expandInline - expand short content items inline (default) @@ -293,7 +294,7 @@

@itk-wasm/dicomJavaScript logoRead a DICOM structured report file and generate a plain text representation

- +

unknownRelationship - Accept unknown relationship type @@ -351,10 +352,10 @@

@itk-wasm/dicomJavaScript logoRead the tags from a DICOM file

- +

- +

@@ -378,7 +379,7 @@

@itk-wasm/dicomJavaScript logoRead a DICOM image series and return the associated image volume

- +

singleSortedSeries - The input files are a single sorted series diff --git a/src/bindgen/typescript/demo/input-parameters-demo-html.js b/src/bindgen/typescript/demo/input-parameters-demo-html.js index 91a19a855..f60d65c49 100644 --- a/src/bindgen/typescript/demo/input-parameters-demo-html.js +++ b/src/bindgen/typescript/demo/input-parameters-demo-html.js @@ -6,11 +6,12 @@ function inputParametersDemoHtml (functionName, prefix, indent, parameter, requi const description = parameter.description.replaceAll('"', '"') const requiredAttr = required ? 'required ' : '' const label = useCamelCase ? camelCase(parameter.name) : snakeCase(parameter.name) - switch(parameter.type) { + const tooltipContent = `content="Use the Upload button to provide the ${label}"` + switch (parameter.type) { case 'INPUT_TEXT_FILE': case 'INPUT_TEXT_FILE:FILE': case 'INPUT_TEXT_STREAM': { - result += `${prefix}${indent}\n` + result += `${prefix}${indent}\n` const multiple = parameter.itemsExpectedMax > 1 ? 'multiple ' : '' result += `${prefix}${indent}\n` result += `

\n` @@ -19,7 +20,7 @@ function inputParametersDemoHtml (functionName, prefix, indent, parameter, requi case 'INPUT_BINARY_FILE': case 'INPUT_BINARY_FILE:FILE': case 'INPUT_BINARY_STREAM': { - result += `${prefix}${indent}\n` + result += `${prefix}${indent}\n` const multiple = parameter.itemsExpectedMax > 1 ? 'multiple ' : '' result += `${prefix}${indent}\n` result += `

\n` @@ -44,7 +45,7 @@ function inputParametersDemoHtml (functionName, prefix, indent, parameter, requi case 'INPUT_JSON': case 'INPUT_IMAGE': case 'INPUT_MESH': - result += `${prefix}${indent}\n` + result += `${prefix}${indent}\n` result += `${prefix}${indent}\n` result += `

\n` break diff --git a/src/bindgen/typescript/typescript-bindings.js b/src/bindgen/typescript/typescript-bindings.js index 38177eaa3..a0dee3057 100644 --- a/src/bindgen/typescript/typescript-bindings.js +++ b/src/bindgen/typescript/typescript-bindings.js @@ -178,6 +178,7 @@ const shoelaceScript = ` import '@shoelace-style/shoelace/dist/components/tag/tag.js'; import '@shoelace-style/shoelace/dist/components/select/select.js'; import '@shoelace-style/shoelace/dist/components/option/option.js'; + import '@shoelace-style/shoelace/dist/components/tooltip/tooltip.js'; import { setBasePath } from '@shoelace-style/shoelace/dist/utilities/base-path'; setBasePath('/');