[LazyImage] Renaming JavaScript event key

Author: weaverryan

src/LazyImage/CHANGELOG.md

@@ -7,4 +7,6 @@
     for more details.
 -   The `data-hd-src` attribute was changed to use a Stimulus value called `src`. See the
     updated README for usage.
+-   For both JavaScript events - `lazy-image:connect` and `lazy-image:ready` -
+    the `event.detail.hd` `Image` instance was moved to `event.detail.image`.
 -   Support added for Symfony 6

src/LazyImage/Resources/assets/dist/controller.js

@@ -9,13 +9,13 @@ class default_1 extends Controller {
             if (srcsetString) {
                 this.element.srcset = srcsetString;
             }
-            this._dispatchEvent('lazy-image:ready', { hd });
+            this._dispatchEvent('lazy-image:ready', { image: hd });
         });
         hd.src = this.srcValue;
         if (srcsetString) {
             hd.srcset = srcsetString;
         }
-        this._dispatchEvent('lazy-image:connect', { hd });
+        this._dispatchEvent('lazy-image:connect', { image: hd });
     }
     _calculateSrcsetString() {
         if (!this.hasSrcsetValue) {

src/LazyImage/Resources/assets/src/controller.ts

@@ -27,15 +27,15 @@ export default class extends Controller {
             if (srcsetString) {
                 this.element.srcset = srcsetString;
             }
-            this._dispatchEvent('lazy-image:ready', { hd });
+            this._dispatchEvent('lazy-image:ready', { image: hd });
         });
 
         hd.src = this.srcValue;
         if (srcsetString) {
             hd.srcset = srcsetString;
         }
 
-        this._dispatchEvent('lazy-image:connect', { hd });
+        this._dispatchEvent('lazy-image:connect', { image: hd });
     }
 
     _calculateSrcsetString(): string {

src/LazyImage/Resources/assets/test/controller.test.ts

@@ -20,7 +20,7 @@ class CheckController extends Controller {
         this.element.addEventListener('lazy-image:connect', (event) => {
             // the Image won't natively have its "load" method in this test
             // so we trigger it manually, to "fake" the Image loading.
-            event.detail.hd.dispatchEvent(new Event('load'));
+            event.detail.image.dispatchEvent(new Event('load'));
             this.element.classList.add('connected');
         });
     }