From 9e6dbed0c7bb2eae6ed0830797d9d12b2f0b0be2 Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Wed, 18 Aug 2021 10:18:40 -0700
Subject: [PATCH] Added callback function to lazy load plugin so templates can
 do things once the image has been lazy loaded.

---
 ignite-html-lazyload.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/ignite-html-lazyload.js b/ignite-html-lazyload.js
index 9d78909..8b23e37 100644
--- a/ignite-html-lazyload.js
+++ b/ignite-html-lazyload.js
@@ -59,9 +59,10 @@ class IgniteLazyLoad {
 /**
  * Lazy loads an image in the src attribute for this element.
  * @param {string|Function|IgniteProperty} placeholder The palceholder image to use before the image is loaded. If null, a default one will be used.
+ * @param {Function|IgniteProperty} callback The callback function to invoke once the image has been lazy loaded in. By default null.
  * @returns {IgniteTemplate} This ignite template.
  */
-IgniteTemplate.prototype.lazy = function (placeholder = null) {
+IgniteTemplate.prototype.lazy = function (placeholder = null, callback = null) {
     //See if we have a src attribute already defined.
     if (this._attributes["src"]) {
         //Save the original source.
@@ -88,6 +89,13 @@ IgniteTemplate.prototype.lazy = function (placeholder = null) {
                     this._attributes["src"] = this._lazy_src;
                     this.element.setAttribute("src", this._lazy_src);
                     this._lazy_src = null;
+ 
+                    //If we have a callback invoke it.
+                    if (callback instanceof IgniteProperty) {
+                        callback.value();
+                    } else if (callback instanceof Function) {
+                        callback();
+                    }
                 }
             });
         });