Make path to flag icon a prop

Author: heymatthenry

custom-elements.json

@@ -98,6 +98,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "flagSrc",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "default": "usFlagSmall",
+              "attribute": "flagSrc"
+            },
             {
               "kind": "field",
               "name": "lang",
@@ -214,6 +224,15 @@
               "fieldName": "tld",
               "propName": "tld"
             },
+            {
+              "name": "flagSrc",
+              "type": {
+                "text": "string"
+              },
+              "default": "usFlagSmall",
+              "fieldName": "flagSrc",
+              "propName": "flagsrc"
+            },
             {
               "name": "isOpen",
               "type": {
@@ -241,14 +260,6 @@
             "name": "UsaBanner",
             "module": "src/components/usa-banner/index.ts"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "usa-banner",
-          "declaration": {
-            "name": "UsaBanner",
-            "module": "src/components/usa-banner/index.ts"
-          }
         }
       ]
     },
@@ -351,14 +362,6 @@
             "name": "UsaLink",
             "module": "src/components/usa-link/index.ts"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "usa-link",
-          "declaration": {
-            "name": "UsaLink",
-            "module": "src/components/usa-link/index.ts"
-          }
         }
       ]
     }

src/components/usa-banner/index.ts

@@ -112,13 +112,15 @@ const USA_BANNER_TRANSLATIONS: Record<
  */
 export class UsaBanner extends LitElement {
   static properties = {
+    flagSrc: { type: String },
     lang: { type: String, reflect: true },
     isOpen: { state: true },
     label: { type: String },
     tld: { type: String, reflect: true },
   };
 
   // Property declarations
+  flagSrc!: string;
   lang!: "en" | "es";
   isOpen!: boolean;
   label!: string;
@@ -134,6 +136,7 @@ export class UsaBanner extends LitElement {
 
   constructor() {
     super();
+    this.flagSrc = usFlagSmall;
     this.lang = "en";
     this.isOpen = false;
     this.tld = "gov";
@@ -230,7 +233,7 @@ export class UsaBanner extends LitElement {
                 <img
                   aria-hidden="true"
                   class="header-flag"
-                  src=${usFlagSmall}
+                  src=${this.flagSrc}
                   alt=""
                 />
               </div>