[🚩esl-image-utils]: lightweight replacement for esl-image to make user able smoothly migrate to native image

[ala-n]

Request

The support of native img and picture now covers all supported browsers, so there is no need to use esl-image i production any longer. It is requested to provide a smooth way to migrate from esl-image to native elements and provide required lightweight utilities

Comparison

esl-image:

• lazyloading (covered by native loading="lazy" functionality)
• mods: 'fit', 'cover', 'origin', 'save-ratio' (covered by object-fit CSS feature)
• ESL query to provide source (native picture + srcset now supported natively, three are no technical capabilities to use ESL Media Query here)
• Status classes (requested to be done trough utilities)
• Events (out-of-the box)
• A11y (out-of-the-box)

Staus Classes mixin

TODO: in design

[ala-n]

:tada: This issue has been resolved in version 5.0.0-beta.31 :tada:

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: