Merge branch 'release/19.1.1' into develop

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 ## Version 19
 
+#### 19.1.1
+
+- Removed code to support image-set on legacy versions of Chromium browsers
+- Added coverage with 2 more demos for images with single src and a placeholder image
+
 #### 19.1.0
 
 - Added end to end tests to expand test coverage to more use cases and cross browser

README.md

@@ -176,7 +176,7 @@ Please note that the video poster can be lazily loaded too.
 
 ## 👩‍💻 Getting started - Script
 
-The latest, recommended version of LazyLoad is **19.1.0**.
+The latest, recommended version of LazyLoad is **19.1.1**.
 Note that if you need to support Internet Explorer 11, you need to use version 17.9.0 or below.
 
 Quickly understand how to upgrade from a previous version reading the [practical upgrade guide](UPGRADE.md).
@@ -186,7 +186,7 @@ Quickly understand how to upgrade from a previous version reading the [practical
 The easiest way to use LazyLoad is to include the script from a CDN.
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/lazyload.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.min.js"></script>
 ```
 
 OR, if you prefer to import it as an ES module:
@@ -237,7 +237,7 @@ Then include the script.
 ```html
 <script
   async
-  src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/lazyload.min.js"
+  src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.min.js"
 ></script>
 ```
 
@@ -271,7 +271,7 @@ Then include the script.
 ```html
 <script
   async
-  src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/lazyload.min.js"
+  src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.min.js"
 ></script>
 ```
 

dist/lazyload.iife.js

@@ -383,13 +383,6 @@ var LazyLoad = (function () {
       return "image-set(".concat(value, ")");
     });
     element.style.backgroundImage = bgImageValues.join();
-    // Temporary fix for Chromeium with the -webkit- prefix
-    if (element.style.backgroundImage === "") {
-      bgImageValues = imgSetValues.map(function (value) {
-        return "-webkit-image-set(".concat(value, ")");
-      });
-      element.style.backgroundImage = bgImageValues.join();
-    }
     manageApplied(element, settings, instance);
   };
   var setSourcesFunctions = {

dist/lazyload.js

@@ -386,13 +386,6 @@
       return "image-set(".concat(value, ")");
     });
     element.style.backgroundImage = bgImageValues.join();
-    // Temporary fix for Chromeium with the -webkit- prefix
-    if (element.style.backgroundImage === "") {
-      bgImageValues = imgSetValues.map(function (value) {
-        return "-webkit-image-set(".concat(value, ")");
-      });
-      element.style.backgroundImage = bgImageValues.join();
-    }
     manageApplied(element, settings, instance);
   };
   var setSourcesFunctions = {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-lazyload",
-  "version": "19.1.0",
+  "version": "19.1.1",
   "description": "LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain \"vanilla\" JavaScript, it leverages the IntersectionObserver API, it supports responsive images, it optimizes your website for slower connections, and can enable native lazy loading.",
   "main": "dist/lazyload.min.js",
   "module": "dist/esm/lazyload.js",

tests/e2e/image_basic.spec.js

@@ -1,7 +1,9 @@
 import { expect, test } from "@playwright/test";
 
 const pagesWithSimpleImages = [
-  { url: "/demos/image_basic.html", description: "Basic page" },
+  { url: "/demos/image_basic.html", description: "Basic usage with image" },
+  { url: "/demos/image_ph_inline.html", description: "With inline placeholder image" },
+  { url: "/demos/image_ph_external.html", description: "With external placeholder image" },
   { url: "/demos/async.html", description: "Async initialization" },
   { url: "/demos/async_multiple.html", description: "Async initialization - multiple instances" },
 ];