I have created a custom view for a block list. I'm trying to change the default "Pad" crop mode to "Crop" but getting the error ReferenceError: Crop is not defined

Has anyone got any ideas to fix this?

angular.module("umbraco").controller("blockCustomHero", function ($scope, mediaResource, imageUrlGeneratorResource ) {
var imageUdi = $scope.block.data.hero;
mediaResource.getById(imageUdi)
    .then(function (media) {
        imageUrlGeneratorResource.getCropUrl(media.mediaLink, 1280, 250, Crop ).then(function (cropUrl) {
            console.log(cropUrl);
            $scope.imageUrl = cropUrl;
        });
    });

});

Thanks