From 42c6390d6e59918bed501dd8ea7c2fa2e4542672 Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Mon, 27 Jan 2025 23:47:20 +0100
Subject: [PATCH] Lib: Allow adding extra classes to LazyImage component

---
 src/lib/components/LazyImage.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/LazyImage.svelte b/src/lib/components/LazyImage.svelte
index cf3b7ff..e90f39b 100644
--- a/src/lib/components/LazyImage.svelte
+++ b/src/lib/components/LazyImage.svelte
@@ -18,6 +18,9 @@
 
     /** Optional extra style for the lazy <div> container */
     containerstyle?: string;
+
+    /** Additional classes to insert */
+    imgclass?: string;
   }
 
   let {
@@ -26,6 +29,7 @@
     imgheight,
     imgstyle = undefined,
     containerstyle = undefined,
+    imgclass = "",
     ...restProps
   }: LazyImageProps = $props();
 
@@ -55,7 +59,7 @@
       <img
         src={data}
         use:img_opacity_handler
-        class="bg-surface-100 transition-opacity"
+        class="bg-surface-100 transition-opacity {imgclass}"
         style="opacity: 0; transition-duration: 300ms; {imgstyle ?? ''}"
         draggable="false"
         {...restProps}