Pull Request for Issue # .

Summary of Changes

• Expose/localise the ESM module of the Cropper
• Deprecate the Global Cropper script
• Add the cropper.esm.js (the module) to the Joomla.assets.json (WAM) as importmap
• Use the natural way to import the module import Cropper from 'cropper-module'; in the crop script

Testing Instructions

• Check out this PR
• run rpm ci
• Open the media manager, select an image and edit it. Check that the CROP is working as expected

Actual result BEFORE applying this Pull Request

Cropper is a Global Object

Expected result AFTER applying this Pull Request

Cropper is ONLY available in the scope of the crop.js!

How importmap works:

There 2 parts: the import statement in the file that wants to import another script (ESM module) and the exposure of the module to the WAM (check the files in this PR). In the client side what happens is:

• A polyfill is loaded so browsers that don't support importmap won't crash:

• The polyfill does a simple check by trying to import a blob and either patch or not the browser:

• The file that wants to import the module then is parsed/executed:

• The resolution of the module is taken from the importmap:

• Finally the module is fetched/parsed/executed and the importer script continues:

Link to documentations

Please select:

• Documentation link for docs.joomla.org:

• No documentation changes for docs.joomla.org needed

• Pull Request link for manual.joomla.org:

• No documentation changes for manual.joomla.org needed