From a76b650441f07071b8dc5bbcbb514284f0a5983d Mon Sep 17 00:00:00 2001
From: Michael Ngo <ngomichael@google.com>
Date: Tue, 9 Apr 2024 17:13:42 +1000
Subject: [PATCH] feat: add fetch priority to image

---
 src/components/image.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/image.ts b/src/components/image.ts
index 6f9a61970..6670c920e 100644
--- a/src/components/image.ts
+++ b/src/components/image.ts
@@ -70,6 +70,9 @@ export class DeguImage extends LitElement {
   @property({type: Number, attribute: 'max-dpr'})
   private maxDpr: number = window.devicePixelRatio;
 
+  @property({type: String, attribute: 'fetch-priority'})
+  private fetchPriority: string;
+
   @property() autoRenderWidth = 0;
 
   /**
@@ -170,8 +173,9 @@ export class DeguImage extends LitElement {
 
   private renderImage(src: string) {
     return html`
-      <img
+      <img 
         loading="${this.loading}"
+        fetchPriority=${ifDefined(this.fetchPriority ? this.fetchPriority : null)}
         width=${ifDefined(this.aspectRatioWidth ? this.aspectRatioWidth : null)}
         height=${ifDefined(
           this.aspectRatioHeight ? this.aspectRatioHeight : null