- improve support for
vite
projects
- expose CSS :part
img
to access the slotted<img />
for styling purpose - add style variable
--deckgo-lazy-img-margin
- deprecated
dist-custom-elements-bundle
replaced withdist-custom-elements
- point
module
entry todist/deckdeckgo-lazy-img/deckdeckgo-lazy-img.esm.js
- bump Stencil
- new event
innerImgDidLoad
emitted when shadowed image did load
- output custom elements as a single bundle (
dist-custom-elements-bundle
) - bump dependencies
Per default, the component uses the intersection observer to lazy load the images.
If set to lazy
then it will defer the loading using the native web lazy loading.
- introduces a new property
loading
set toeager
per default - more sensitive default
observer-threshold
andobserver-root-margin
- es5 has been dropped with v2, update
unpkg
reference
- IE11, Edge 16-18 and Safari 10 not supported
- update Stencil for Gatsby build
To infinity and beyond 🚀
- update dependencies
svg
container size inherit content
- new CSS variable to apply a
box-shadow
to the lazy loaded image
- attach a custom loader to display the image once lazy loaded (new option)
- svg weren't lazy loaded anymore on browsers supporting native lazy loading
- svg weren't displayed anymore since v1.0.0-rc.2
- add new optional properties
img-width
andimg-height
(useful for native lazy loading in Chrome)
- display smoothly the images once loaded (#508)
- update to most recent dependencies
The first users began to test, and to create content in, our web open source editor for presentations (studio
)
lazy-img
component now lazy load images using native lazy-loading
- add a CSS variable for the property
object-fit
- optionally, parse SVG instead of using such images in
<img/>
tags
- add two new CSS variables for styling
- don't display alt while loading
- add an
imgErrorSrc
which could be displayed in case the image would not be resolved
- update DeckDeckGo types last lib
- upgrade to Stencil One
- fallback on a good old standard display of the image (at component load time) in case of the
MutationObserver
would not be supported
- on attributes change, observe image again and fix new url
- move to the org scoped package
@deckdeckgo/lazy-img
- add a couple of CSS4 variables to style the image
- add
srcset
andsizes
support to the component