import { MouseTransition , MultiBackend } from '@angular-skyhook/multi-backend' ; import { BackendTransition , TouchTransition } from 'dnd-multi-backend' ; import { BackendFactory } from 'dnd-core' ; import { default as HTML5Backend } from 'react-dnd-html5-backend' ; import { default as TouchBackend } from 'react-dnd-touch-backend' ; import { TouchBackendOptions } from 'react-dnd-touch-backend/lib/interfaces' ; const backendTransitions = [ { backend : HTML5Backend , transition : MouseTransition , } , { backend : ( manager , context ) => TouchBackend ( manager , context , { enableMouseEvents : false , ignoreContextMenu : true , delayTouchStart : 200 , } as TouchBackendOptions ) , transition : TouchTransition , preview : true , } ] ; export function customMultiBackend ( ) { return MultiBackend ( { backends : backendTransitions } ) ; }