:global([draggable]) {

-webkit-touch-callout:none;

-ms-touch-action:none; touch-action:none;

-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;

}

</style>

<script context="module">

import DragDropTouch from 'svelte-drag-drop-touch'

import { asDroppable, asDropZone } from 'svelte-drag-and-drop-actions'

</script>

<script>

function LoggerFor (Id,Callback) {

return (Event) => console.log('#' + Id + ': ' + Callback)

}

function onDrop () {

console.log('#drop-zone: onDrop (successful)')

return 'text/plain'

}

</script>

<p style="line-height:150%">

This example basically demonstrates the sequence of callbacks for Droppables

and DropZones

</p>

<div style="

">

<div style="