@ohif/extension-cornerstone 2.12.16 → 3.0.0

package/README.md

@@ -1,142 +1 @@
-# @ohif/extension-cornerstone
-
-![npm (scoped)](https://img.shields.io/npm/v/@ohif/extension-cornerstone.svg?style=flat-square)
-
-This extension adds support for viewing and manipulating 2D medical images via a
-viewport. The underlying implementation wraps the
-`cornerstonejs/react-cornerstone-viewport`, and provides basic commands and
-toolbar buttons for common actions.
-
-<!-- TODO: Simple image or GIF? -->
-
-#### Index
-
-Extension Id: `cornerstone`
-
-- [Commands Module](#commands-module)
-- [Toolbar Module](#toolbar-module)
-- [Viewport Module](#viewport-module)
-
-## Commands Module
-
-This extensions includes the following `Commands` and `Command Definitions`.
-These can be registered with `@ohif/core`'s `CommandManager`. After registering
-the commands, they can be bound to `hotkeys` using the `HotkeysManager` and
-listed in the `UserPreferences` modal.
-
-You can read more about [`Commands`][docs-commands], [`Hotkeys`][docs-hotkeys],
-and the [`UserPreferences` Modal][docs-userprefs] in their respective locations
-in the OHIF Viewer's documentation.
-
-| Command Name                 | Description                             | Store Contexts |
-| ---------------------------- | --------------------------------------- | -------------- |
-| `rotateViewportCW`           |                                         | viewports      |
-| `rotateViewportCCW`          |                                         | viewports      |
-| `invertViewport`             |                                         | viewports      |
-| `flipViewportVertical`       |                                         | viewports      |
-| `flipViewportHorizontal`     |                                         | viewports      |
-| `scaleUpViewport`            |                                         | viewports      |
-| `scaleDownViewport`          |                                         | viewports      |
-| `fitViewportToWindow`        |                                         | viewports      |
-| `resetViewport`              |                                         | viewports      |
-| clearAnnotations             | TODO                                    |                |
-| next/previous Image          | TODO                                    |                |
-| first/last Image             | TODO                                    |                |
-| `nextViewportDisplaySet`     |                                         |                |
-| `previousViewportDisplaySet` |                                         |                |
-| `setToolActive`              | Activates tool for primary button/touch |                |
-
-## Toolbar Module
-
-Our toolbar module contains definitions for:
-
-- `StackScroll`
-- `Zoom`
-- `Wwwc`
-- `Pan`
-- `Length`
-- `Angle`
-- `Reset`
-- `Cine`
-
-All use the `ACTIVE_VIEWPORT::CORNERSTONE` context.
-
-## Viewport Module
-
-Our Viewport wraps [cornerstonejs/react-cornerstone-viewport][react-viewport]
-and is connected the redux store. This module is the most prone to change as we
-hammer out our Viewport interface.
-
-## Tool Configuration
-
-Tools can be configured through extension configuration using the tools key:
-
-```js
-  ...
-  cornerstoneExtensionConfig: {
-    tools: {
-      ArrowAnnotate: {
-        configuration: {
-          getTextCallback: (callback, eventDetails) => callback(prompt('Enter your custom annotation')),
-        },
-      },
-    },
-  },
-  ...
-```
-
-## Stack prefetch configuration
-
-Stack prefetch can be configured through extension configuration using the
-stackPrefetch key:
-
-```js
-  ...
-  cornerstoneExtensionConfig: {
-    stackPrefetch: {
-      enabled: true,
-      maxImagesToPrefetch: Infinity,
-      preserveExistingPool: false,
-      maxSimultaneousRequests: 20,
-    },
-  },
-  ...
-```
-
-## Annotate Tools Configuration
-
-_We currently support one property for annotation tools._
-
-### Hide handles
-
-This extension configuration allows you to toggle on/off handle rendering for
-all annotate tools:
-
-```js
-  ...
-  cornerstoneExtensionConfig: {
-    hideHandles: true,
-  },
-  ...
-
-## Resources
-
-### Repositories
-
-- [cornerstonejs/react-cornerstone-viewport][react-viewport]
-- [cornerstonejs/cornerstoneTools][cornerstone-tools]
-- [cornerstonejs/cornerstone][cornerstone]
-
-<!--
-  Links
-  -->
-
-<!-- prettier-ignore-start -->
-[docs-commands]: https://www.com
-[docs-hotkeys]: https://www.com
-[docs-userprefs]: htt
-[react-viewport]: https://github.com/cornerstonejs/react-cornerstone-viewport
-[cornerstone-tools]: https://github.com/cornerstonejs/cornerstoneTools
-[cornerstone]: https://github.com/cornerstonejs/cornerstone
-<!-- prettier-ignore-end -->
-```
+# Cornerstone

package/dist/ohif-extension-cornerstone.css

@@ -0,0 +1,4 @@
+.dicom-upload-drop-area-border-dash{background-image:repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000),repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:20px 3px,20px 3px,3px 20px,3px 20px}
+.cornerstone-viewport-element,.viewport-wrapper{height:100%;position:relative;width:100%}.cornerstone-viewport-element{background-color:#000;outline:0!important;overflow:hidden}
+.viewport-overlay{max-width:40%}.viewport-overlay span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewport-overlay.left-viewport{text-align:left}.viewport-overlay.right-viewport-scrollbar{text-align:right}.viewport-overlay.right-viewport-scrollbar .flex.flex-row{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
+.ViewportOrientationMarkers{--marker-width:100px;--marker-height:100px;--scrollbar-width:20px;font-size:15px;line-height:18px;pointer-events:none}.ViewportOrientationMarkers .orientation-marker{position:absolute}.ViewportOrientationMarkers .top-mid{left:50%;top:.6rem}.ViewportOrientationMarkers .left-mid{left:5px;top:47%}.ViewportOrientationMarkers .right-mid{left:calc(100% - var(--marker-width) - var(--scrollbar-width));top:47%}.ViewportOrientationMarkers .bottom-mid{left:47%;top:calc(100% - var(--marker-height) - .6rem)}.ViewportOrientationMarkers .right-mid .orientation-marker-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-width:var(--marker-width)}.ViewportOrientationMarkers .bottom-mid .orientation-marker-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--marker-height)}