feat: update to pion

BREAKING CHANGE: Update to @pionjs/pion.

cosmoz-image-viewer.js

@@ -3,7 +3,7 @@ import './lib/haunted-pan-zoom';
 
 import { _ } from '@neovici/cosmoz-i18next';
 import { portal } from '@neovici/cosmoz-utils/directives/portal';
-import { component, html } from 'haunted';
+import { component, html } from '@pionjs/pion';
 import { nothing } from 'lit-html';
 import { when } from 'lit-html/directives/when.js';
 import { style } from './cosmoz-image-viewer.style';

lib/haunted-pan-zoom.js

@@ -1,6 +1,6 @@
 /* eslint-disable multiline-ternary */
 import { useImperativeApi } from '@neovici/cosmoz-utils/hooks/use-imperative-api';
-import { component, useCallback, useEffect } from 'haunted';
+import { component, useCallback, useEffect } from '@pionjs/pion';
 import { html, nothing } from 'lit-html';
 import { ref } from 'lit-html/directives/ref.js';
 import { styleMap } from 'lit-html/directives/style-map.js';

lib/hooks/use-cosmoz-image-viewer.js

@@ -3,7 +3,7 @@ import '@neovici/cosmoz-utils/elements/cz-spinner';
 import { useSlideList } from '@neovici/cosmoz-slider';
 import { useImperativeApi } from '@neovici/cosmoz-utils/hooks/use-imperative-api';
 import { useNotifyProperty } from '@neovici/cosmoz-utils/hooks/use-notify-property';
-import { useCallback, useEffect, useMemo, useState } from 'haunted';
+import { useCallback, useEffect, useMemo, useState } from '@pionjs/pion';
 import { html, nothing } from 'lit-html';
 import { download } from '../pdf';
 import { popout, hasWindow } from '../popout';

lib/hooks/use-dispatch-event.js

@@ -1,6 +1,6 @@
 import {
 	hook, Hook
-} from 'haunted';
+} from '@pionjs/pion';
 
 /**
  * Returns the host element's dispatchEvent function.

lib/hooks/use-mouse-pan.js

@@ -1,5 +1,5 @@
 import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
-import { useCallback, useEffect, useReducer } from 'haunted';
+import { useCallback, useEffect, useReducer } from '@pionjs/pion';
 import { DRAGGING, initState, panReducer } from '../reducers/mouse-pan.js';
 
 /**

lib/hooks/use-pan-zoom.js

@@ -1,6 +1,6 @@
 import {
 	useMemo, useCallback, useReducer, useEffect, useRef
-} from 'haunted';
+} from '@pionjs/pion';
 import { useSpring } from './use-spring';
 import { usePan } from './use-pan';
 import { useResize } from './use-resize';

lib/hooks/use-pan.js

@@ -1,6 +1,6 @@
 import {
 	useState, useEffect, useMemo
-} from 'haunted';
+} from '@pionjs/pion';
 import { getBounded } from '../utils';
 import {
 	useMousePan, DRAGGING

lib/hooks/use-pinch.js

@@ -1,6 +1,6 @@
 import {
 	useEffect, useCallback, useReducer
-} from 'haunted';
+} from '@pionjs/pion';
 import {
 	pinchReducer, initState, PINCHING
 } from '../reducers/pinch';

lib/hooks/use-resize.js

@@ -1,4 +1,4 @@
-import { useEffect } from 'haunted';
+import { useEffect } from '@pionjs/pion';
 
 /**
  * Reacts to size changes of an element.

lib/hooks/use-spring.js

@@ -1,6 +1,6 @@
 import {
 	useState, useEffect
-} from 'haunted';
+} from '@pionjs/pion';
 
 /**
  * Returns a value a bit closer to the target value after each animation frame.

lib/hooks/use-touch-pan.js

@@ -1,6 +1,6 @@
 import {
 	useEffect, useCallback, useReducer
-} from 'haunted';
+} from '@pionjs/pion';
 import { center } from '../utils';
 import {
 	panReducer, initState, DRAGGING