function styleActiveDropZones(dropZones, getStyles = () => {}) {
    dropZones.forEach(dz => {
        const styles = getStyles(dz);
        Object.keys(styles).forEach(style => {
            dz.style[style] = styles[style];
        });
    });
}
/**
 * will mark the given dropzones as visually active
 * @param {Array<HTMLElement>} dropZones
 * @param {Function} getStyles - maps a dropzone to a styles object (so the styles can be removed)
 */
will mark the given dropzones as visually active
@param {Array} dropZones
@param {Function} getStyles - maps a dropzone to a styles object (so the styles can be removed)
will mark the given dropzones as visually active @param { Array } dropZones @param { Function } getStyles - maps a dropzone to a styles object ( so the styles can be removed )
function styleActiveDropZones(dropZones, getStyles = () => {}) {
    dropZones.forEach(dz => {
        const styles = getStyles(dz);
        Object.keys(styles).forEach(style => {
            dz.style[style] = styles[style];
        });
    });
}
function styleActiveDropZones ( dropZones , getStyles = ( ) => { } ) { dropZones . forEach ( dz => { const styles = getStyles ( dz ) ; Object . keys ( styles ) . forEach ( style => { dz . style [ style ] = styles [ style ] ; } ) ; } ) ; }
will mark the given dropzones as visually active
 @param {Array<HTMLElement>} dropZones
 @param {Function} getStyles - maps a dropzone to a styles object (so the styles can be removed)
will mark the given dropzones as visually active @param { Array<HTMLElement > } dropZones @param { Function } getStyles - maps a dropzone to a styles object ( so the styles can be removed )