@skyux/avatar 12.0.0-alpha.1 → 12.0.0-alpha.11

package/documentation.json

@@ -4,7 +4,8 @@
     "SkyAvatarComponent": "class-skyavatarcomponent",
     "SkyAvatarSize": "type-alias-skyavatarsize",
     "SkyAvatarSrc": "type-alias-skyavatarsrc",
-    "SkyAvatarHarness": "class-skyavatarharness"
+    "SkyAvatarHarness": "class-skyavatarharness",
+    "SkyAvatarHarnessFilters": "interface-skyavatarharnessfilters"
   },
   "typedoc": {
     "id": 0,
@@ -33,7 +34,7 @@
             "fileName": "projects/avatar/src/modules/avatar/avatar.module.ts",
             "line": 24,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.module.ts#L24"
+            "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.module.ts#L24"
           }
         ],
         "decorators": [
@@ -63,7 +64,7 @@
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 110,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L110"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L110"
               }
             ],
             "signatures": [
@@ -78,7 +79,7 @@
                     "fileName": "libs/components/avatar/src/lib/modules/avatar/avatar.component.ts",
                     "line": 110,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L110"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L110"
                   }
                 ],
                 "parameters": [
@@ -169,7 +170,7 @@
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 94,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L94"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L94"
               }
             ],
             "type": {
@@ -231,7 +232,7 @@
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 80,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L80"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L80"
               }
             ],
             "type": {
@@ -301,7 +302,7 @@
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 88,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L88"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L88"
               }
             ],
             "type": {
@@ -329,13 +330,13 @@
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 37,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L37"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L37"
               },
               {
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 41,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L41"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L41"
               }
             ],
             "getSignature": {
@@ -349,7 +350,7 @@
                   "fileName": "libs/components/avatar/src/lib/modules/avatar/avatar.component.ts",
                   "line": 41,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L41"
+                  "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L41"
                 }
               ],
               "type": {
@@ -395,7 +396,7 @@
                   "fileName": "libs/components/avatar/src/lib/modules/avatar/avatar.component.ts",
                   "line": 36,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L36"
+                  "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L36"
                 }
               ],
               "parameters": [
@@ -435,13 +436,13 @@
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 54,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L54"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L54"
               },
               {
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 58,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L58"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L58"
               }
             ],
             "getSignature": {
@@ -455,7 +456,7 @@
                   "fileName": "libs/components/avatar/src/lib/modules/avatar/avatar.component.ts",
                   "line": 58,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L58"
+                  "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L58"
                 }
               ],
               "type": {
@@ -506,7 +507,7 @@
                   "fileName": "libs/components/avatar/src/lib/modules/avatar/avatar.component.ts",
                   "line": 53,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L53"
+                  "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L53"
                 }
               ],
               "parameters": [
@@ -546,13 +547,13 @@
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 67,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L67"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L67"
               },
               {
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 71,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L71"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L71"
               }
             ],
             "getSignature": {
@@ -566,7 +567,7 @@
                   "fileName": "libs/components/avatar/src/lib/modules/avatar/avatar.component.ts",
                   "line": 71,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L71"
+                  "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L71"
                 }
               ],
               "type": {
@@ -611,7 +612,7 @@
                   "fileName": "libs/components/avatar/src/lib/modules/avatar/avatar.component.ts",
                   "line": 66,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L66"
+                  "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L66"
                 }
               ],
               "parameters": [
@@ -653,7 +654,7 @@
                 "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
                 "line": 125,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L125"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L125"
               }
             ],
             "signatures": [
@@ -668,7 +669,7 @@
                     "fileName": "libs/components/avatar/src/lib/modules/avatar/avatar.component.ts",
                     "line": 125,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L125"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L125"
                   }
                 ],
                 "parameters": [
@@ -733,7 +734,7 @@
             "fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
             "line": 28,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L28"
+            "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L28"
           }
         ],
         "decorators": [
@@ -756,7 +757,7 @@
             "fileName": "projects/avatar/src/modules/avatar/avatar-size.ts",
             "line": 1,
             "character": 12,
-            "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar-size.ts#L1"
+            "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar-size.ts#L1"
           }
         ],
         "type": {
@@ -788,7 +789,7 @@
             "fileName": "projects/avatar/src/modules/avatar/avatar-src.ts",
             "line": 1,
             "character": 12,
-            "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/src/lib/modules/avatar/avatar-src.ts#L1"
+            "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/src/lib/modules/avatar/avatar-src.ts#L1"
           }
         ],
         "type": {
@@ -911,7 +912,7 @@
                 "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness.ts",
                 "line": 116,
                 "character": 15,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L116"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L116"
               }
             ],
             "signatures": [
@@ -934,7 +935,7 @@
                     "fileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts",
                     "line": 116,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L116"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L116"
                   }
                 ],
                 "type": {
@@ -969,7 +970,7 @@
                 "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness.ts",
                 "line": 76,
                 "character": 15,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L76"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L76"
               }
             ],
             "signatures": [
@@ -992,7 +993,7 @@
                     "fileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts",
                     "line": 76,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L76"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L76"
                   }
                 ],
                 "parameters": [
@@ -1058,7 +1059,7 @@
                 "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness.ts",
                 "line": 69,
                 "character": 15,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L69"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L69"
               }
             ],
             "signatures": [
@@ -1081,7 +1082,7 @@
                     "fileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts",
                     "line": 69,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L69"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L69"
                   }
                 ],
                 "type": {
@@ -1116,7 +1117,7 @@
                 "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness.ts",
                 "line": 43,
                 "character": 15,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L43"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L43"
               }
             ],
             "signatures": [
@@ -1139,7 +1140,7 @@
                     "fileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts",
                     "line": 43,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L43"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L43"
                   }
                 ],
                 "type": {
@@ -1174,7 +1175,7 @@
                 "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness.ts",
                 "line": 56,
                 "character": 15,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L56"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L56"
               }
             ],
             "signatures": [
@@ -1197,7 +1198,7 @@
                     "fileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts",
                     "line": 56,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L56"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L56"
                   }
                 ],
                 "type": {
@@ -1246,7 +1247,7 @@
                 "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness.ts",
                 "line": 98,
                 "character": 15,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L98"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L98"
               }
             ],
             "signatures": [
@@ -1269,7 +1270,7 @@
                     "fileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts",
                     "line": 98,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L98"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L98"
                   }
                 ],
                 "type": {
@@ -1304,7 +1305,7 @@
                 "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness.ts",
                 "line": 107,
                 "character": 15,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L107"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L107"
               }
             ],
             "signatures": [
@@ -1327,7 +1328,7 @@
                     "fileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts",
                     "line": 107,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L107"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L107"
                   }
                 ],
                 "type": {
@@ -1447,7 +1448,7 @@
                 "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness.ts",
                 "line": 34,
                 "character": 16,
-                "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L34"
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L34"
               }
             ],
             "signatures": [
@@ -1486,7 +1487,7 @@
                     "fileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts",
                     "line": 34,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L34"
+                    "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L34"
                   }
                 ],
                 "parameters": [
@@ -1498,10 +1499,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "target": {
-                        "sourceFileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness-filters.ts",
-                        "qualifiedName": "SkyAvatarHarnessFilters"
-                      },
+                      "target": 124,
                       "name": "SkyAvatarHarnessFilters",
                       "package": "@skyux/avatar"
                     }
@@ -1556,7 +1554,7 @@
             "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness.ts",
             "line": 18,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/bce21fa/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L18"
+            "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness.ts#L18"
           }
         ],
         "extendedTypes": [
@@ -1571,6 +1569,174 @@
           }
         ],
         "decorators": []
+      },
+      {
+        "id": 124,
+        "name": "SkyAvatarHarnessFilters",
+        "variant": "declaration",
+        "kind": 256,
+        "flags": {},
+        "comment": {
+          "summary": [
+            {
+              "kind": "text",
+              "text": "A set of criteria that can be used to filter a list of SkyAvatarHarness instances."
+            }
+          ]
+        },
+        "children": [
+          {
+            "id": 127,
+            "name": "ancestor",
+            "variant": "declaration",
+            "kind": 1024,
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "summary": [
+                {
+                  "kind": "text",
+                  "text": "Only find instances that are nested under an element with the given selector."
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
+                "line": 28,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "target": -1,
+              "name": "SkyHarnessFilters.ancestor"
+            }
+          },
+          {
+            "id": 125,
+            "name": "dataSkyId",
+            "variant": "declaration",
+            "kind": 1024,
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "summary": [
+                {
+                  "kind": "text",
+                  "text": "Only find instances whose "
+                },
+                {
+                  "kind": "code",
+                  "text": "`data-sky-id`"
+                },
+                {
+                  "kind": "text",
+                  "text": " attribute matches the given value."
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
+                "line": 10,
+                "character": 2,
+                "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/core/testing/src/shared/harness-filters.ts#L10"
+              }
+            ],
+            "type": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                {
+                  "type": "reference",
+                  "target": {
+                    "sourceFileName": "node_modules/@skyux/dev-infra-private/node_modules/typescript/lib/lib.es5.d.ts",
+                    "qualifiedName": "RegExp"
+                  },
+                  "name": "RegExp",
+                  "package": "typescript"
+                }
+              ]
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "target": -1,
+              "name": "SkyHarnessFilters.dataSkyId"
+            }
+          },
+          {
+            "id": 126,
+            "name": "selector",
+            "variant": "declaration",
+            "kind": 1024,
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "summary": [
+                {
+                  "kind": "text",
+                  "text": "Only find instances whose host element matches the given selector."
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
+                "line": 26,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "target": -1,
+              "name": "SkyHarnessFilters.selector"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "children": [
+              127,
+              125,
+              126
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/avatar/src/testing/modules/avatar/avatar-harness-filters.ts",
+            "line": 7,
+            "character": 17,
+            "url": "https://github.com/blackbaud/skyux/blob/a1540ae/libs/components/avatar/testing/src/modules/avatar/avatar-harness-filters.ts#L7"
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "target": {
+              "sourceFileName": "libs/components/core/testing/src/shared/harness-filters.ts",
+              "qualifiedName": "SkyHarnessFilters"
+            },
+            "name": "SkyHarnessFilters",
+            "package": "@skyux/core"
+          }
+        ]
       }
     ],
     "groups": [
@@ -1813,6 +1979,22 @@
       "105": {
         "sourceFileName": "node_modules/@angular/cdk/testing/index.d.ts",
         "qualifiedName": "ComponentHarness.host"
+      },
+      "124": {
+        "sourceFileName": "libs/components/avatar/testing/src/modules/avatar/avatar-harness-filters.ts",
+        "qualifiedName": "SkyAvatarHarnessFilters"
+      },
+      "125": {
+        "sourceFileName": "libs/components/core/testing/src/shared/harness-filters.ts",
+        "qualifiedName": "SkyHarnessFilters.dataSkyId"
+      },
+      "126": {
+        "sourceFileName": "node_modules/@angular/cdk/testing/index.d.ts",
+        "qualifiedName": "BaseHarnessFilters.selector"
+      },
+      "127": {
+        "sourceFileName": "node_modules/@angular/cdk/testing/index.d.ts",
+        "qualifiedName": "BaseHarnessFilters.ancestor"
       }
     }
   },
@@ -1840,34 +2022,35 @@
   ],
   "codeExampleDependencies": {
     "/projects/avatar/documentation/code-examples/avatar": {
-      "@angular-devkit/core": "19.0.6",
-      "@angular-devkit/schematics": "19.0.6",
-      "@angular/animations": "19.0.5",
-      "@angular/cdk": "19.0.4",
-      "@angular/cli": "19.0.6",
-      "@angular/common": "19.0.5",
-      "@angular/core": "19.0.5",
-      "@angular/forms": "19.0.5",
-      "@angular/platform-browser": "19.0.5",
-      "@angular/router": "19.0.5",
-      "@blackbaud/skyux-design-tokens": "0.0.43",
-      "@schematics/angular": "19.0.6",
-      "@skyux-sdk/testing": "12.0.0-alpha.1",
-      "@skyux/assets": "12.0.0-alpha.1",
-      "@skyux/avatar": "12.0.0-alpha.1",
-      "@skyux/core": "12.0.0-alpha.1",
-      "@skyux/errors": "12.0.0-alpha.1",
-      "@skyux/forms": "12.0.0-alpha.1",
-      "@skyux/help-inline": "12.0.0-alpha.1",
-      "@skyux/i18n": "12.0.0-alpha.1",
-      "@skyux/icon": "12.0.0-alpha.1",
-      "@skyux/icons": "7.10.0",
-      "@skyux/indicators": "12.0.0-alpha.1",
-      "@skyux/modals": "12.0.0-alpha.1",
-      "@skyux/popovers": "12.0.0-alpha.1",
-      "@skyux/theme": "12.0.0-alpha.1",
+      "@angular-devkit/core": "19.2.1",
+      "@angular-devkit/schematics": "19.2.1",
+      "@angular/animations": "19.2.1",
+      "@angular/cdk": "19.2.2",
+      "@angular/cli": "19.2.1",
+      "@angular/common": "19.2.1",
+      "@angular/core": "19.2.1",
+      "@angular/forms": "19.2.1",
+      "@angular/platform-browser": "19.2.1",
+      "@angular/router": "19.2.1",
+      "@blackbaud/skyux-design-tokens": "0.0.45",
+      "@schematics/angular": "19.2.1",
+      "@skyux-sdk/testing": "12.0.0-alpha.11",
+      "@skyux/assets": "12.0.0-alpha.11",
+      "@skyux/avatar": "12.0.0-alpha.11",
+      "@skyux/core": "12.0.0-alpha.11",
+      "@skyux/errors": "12.0.0-alpha.11",
+      "@skyux/forms": "12.0.0-alpha.11",
+      "@skyux/help-inline": "12.0.0-alpha.11",
+      "@skyux/i18n": "12.0.0-alpha.11",
+      "@skyux/icon": "12.0.0-alpha.11",
+      "@skyux/icons": "7.15.0",
+      "@skyux/indicators": "12.0.0-alpha.11",
+      "@skyux/modals": "12.0.0-alpha.11",
+      "@skyux/popovers": "12.0.0-alpha.11",
+      "@skyux/theme": "12.0.0-alpha.11",
       "@types/node": "20.14.12",
-      "axe-core": "4.10.2",
+      "ajv": "8.17.1",
+      "axe-core": "4.10.3",
       "fontfaceobserver": "2.3.0",
       "jsonc-parser": "3.3.1",
       "minimist": "1.2.8",

package/fesm2022/skyux-avatar.mjs

@@ -1,7 +1,7 @@
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { NgModule, Injectable, Component, ViewEncapsulation, Input, EventEmitter, inject, Output } from '@angular/core';
+import { NgModule, Injectable, Input, ViewEncapsulation, Component, EventEmitter, inject, Output } from '@angular/core';
 import * as i1 from '@skyux/errors';
 import { SkyErrorModule } from '@skyux/errors';
 import * as i2 from '@skyux/forms';
@@ -38,17 +38,39 @@ const RESOURCES = {
             message: 'Add profile photo of {0}. Drag a file here or click to browse.',
         },
     },
+    'FR-CA': {
+        skyux_avatar_error_not_image_description: {
+            message: 'Veuillez choisir un fichier qui soit une image valide.',
+        },
+        skyux_avatar_error_not_image_title: {
+            message: 'Le fichier n’est pas une image.',
+        },
+        skyux_avatar_error_too_large_description: {
+            message: 'Veuillez choisir une image de moins de {0}.',
+        },
+        skyux_avatar_error_too_large_title: {
+            message: 'Le fichier est trop gros.',
+        },
+        skyux_avatar_errormodal_ok: { message: 'OK' },
+        skyux_avatar_inner_description: { message: 'Photo de profil de {0}' },
+        skyux_avatar_upload_change_aria_label: {
+            message: 'Modifier la photo de profil de {0}. Faites glisser un fichier ici ou cliquez pour naviguer.',
+        },
+        skyux_avatar_upload_new_aria_label: {
+            message: 'Ajoutez une photo de profil pour {0}. Faites glisser un fichier ici ou cliquez pour naviguer.',
+        },
+    },
 };
 SkyLibResourcesService.addResources(RESOURCES);
 /**
  * Import into any component library module that needs to use resource strings.
  */
 class SkyAvatarResourcesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarResourcesModule, exports: [SkyI18nModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarResourcesModule, imports: [SkyI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarResourcesModule, exports: [SkyI18nModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarResourcesModule, imports: [SkyI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -93,10 +115,10 @@ class SkyAvatarAdapterService {
             this.#blobUrl = undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarAdapterService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarAdapterService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarAdapterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarAdapterService, decorators: [{
             type: Injectable
         }] });
 
@@ -165,12 +187,12 @@ class SkyAvatarInnerComponent {
             this.#adapter.updateImage(this.#elementRef, this.src);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarInnerComponent, deps: [{ token: i0.ElementRef }, { token: SkyAvatarAdapterService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyAvatarInnerComponent, isStandalone: false, selector: "sky-avatar-inner", inputs: { src: "src", name: "name", size: "size" }, providers: [SkyAvatarAdapterService], ngImport: i0, template: "<div\n  class=\"sky-elevation-1 sky-avatar-wrapper\"\n  [ngClass]=\"'sky-avatar-wrapper-size-' + size\"\n>\n  <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n  @if (src) {\n    <div class=\"sky-screen-reader-only\">\n      {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n    </div>\n  }\n  <div\n    class=\"sky-avatar-initials\"\n    [hidden]=\"src || !name\"\n    [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n  >\n    @if (size === 'small') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-body-sm': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'medium') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-3': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'large') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-2': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    }\n  </div>\n</div>\n", styles: [".sky-avatar-colors-1{background-color:var(--sky-category-color-light-blue)}.sky-avatar-colors-2{background-color:var(--sky-category-color-teal)}.sky-avatar-colors-3{background-color:var(--sky-category-color-purple)}.sky-avatar-colors-4{background-color:var(--sky-category-color-orange)}.sky-avatar-colors-5{background-color:var(--sky-category-color-blue)}.sky-avatar-colors-6{background-color:var(--sky-category-color-yellow)}.sky-avatar-colors-7{background-color:var(--sky-category-color-red)}.sky-avatar-wrapper{height:104px;width:104px;border:solid 2px transparent;border-radius:50%;overflow:hidden;position:relative;top:-2px;left:-2px}.sky-avatar-image,.sky-avatar-initials{height:100px;width:100px;background-position:50%;background-size:cover;display:flex;align-items:center;justify-content:center}.sky-avatar-initials{font-size:50px}.sky-avatar-initials-inner{color:var(--sky-text-color-default);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sky-avatar-wrapper-size-medium{height:69px;width:69px}.sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-avatar-wrapper-size-medium .sky-avatar-initials{height:65px;width:65px}.sky-avatar-wrapper-size-medium .sky-avatar-initials{font-size:32.5px}.sky-avatar-wrapper-size-small{height:36px;width:36px}.sky-avatar-wrapper-size-small .sky-avatar-image,.sky-avatar-wrapper-size-small .sky-avatar-initials{height:32px;width:32px}.sky-avatar-wrapper-size-small .sky-avatar-initials{font-size:16px}.sky-file-drop .sky-avatar-wrapper{cursor:pointer}.sky-file-drop-accept .sky-avatar-wrapper{border-color:#72bf44;border-style:dashed}.sky-file-drop-reject .sky-avatar-wrapper{border-color:#ef4044;border-style:dashed}.sky-theme-modern .sky-avatar-wrapper{height:100px;width:100px;background-color:#fff;border-width:0;padding:5px;top:0;left:0}.sky-theme-modern .sky-avatar-image,.sky-theme-modern .sky-avatar-initials{border-radius:50%;height:90px;width:90px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper{border-width:2px;padding:3px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-medium,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-small,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern .sky-avatar-wrapper-size-medium{padding:3px;height:65px;width:65px}.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-initials{height:59px;width:59px}.sky-theme-modern .sky-avatar-wrapper-size-small{padding:2px;height:32px;width:32px}.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-initials{height:28px;width:28px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper{border:solid 1px #1870B8;padding:4px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:2px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper{border:solid 2px #1870B8;padding:3px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-medium,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-small,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern sky-file-drop:focus-within:not(:active) .sky-avatar-wrapper{box-shadow:0 1px 8px #0000004d}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-wrapper{background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarInnerComponent, deps: [{ token: i0.ElementRef }, { token: SkyAvatarAdapterService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyAvatarInnerComponent, isStandalone: false, selector: "sky-avatar-inner", inputs: { src: "src", name: "name", size: "size" }, providers: [SkyAvatarAdapterService], ngImport: i0, template: "<div\n  class=\"sky-elevation-1 sky-avatar-wrapper\"\n  [ngClass]=\"'sky-avatar-wrapper-size-' + size\"\n>\n  <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n  @if (src) {\n    <div class=\"sky-screen-reader-only\">\n      {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n    </div>\n  }\n  <div\n    class=\"sky-avatar-initials\"\n    [hidden]=\"src || !name\"\n    [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n  >\n    @if (size === 'small') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-body-sm': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'medium') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-3': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'large') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-2': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    }\n  </div>\n</div>\n", styles: [".sky-avatar:not(.sky-theme-modern *){--sky-override-avatar-initials-border-radius: initial;--sky-override-avatar-initials-font-size: 50px;--sky-override-avatar-initials-font-size-md: 32.5px;--sky-override-avatar-initials-font-size-sm: 16px;--sky-override-avatar-initials-height: 100px;--sky-override-avatar-initials-height-md: 65px;--sky-override-avatar-initials-height-sm: 32px;--sky-override-avatar-initials-width: 100px;--sky-override-avatar-initials-width-md: 65px;--sky-override-avatar-initials-width-sm: 32px;--sky-override-avatar-wrapper-background-color: transparent;--sky-override-avatar-wrapper-border: solid 2px transparent;--sky-override-avatar-wrapper-border-radius: 50%;--sky-override-avatar-wrapper-drop-accept-border-color: #72bf44;--sky-override-avatar-wrapper-drop-border-width: 2px;--sky-override-avatar-wrapper-drop-border-active: solid 2px transparent;--sky-override-avatar-wrapper-drop-border-hover: solid 2px transparent;--sky-override-avatar-wrapper-drop-box-shadow-focus: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-avatar-wrapper-drop-reject-border-color: #ef4044;--sky-override-avatar-wrapper-height: 104px;--sky-override-avatar-wrapper-height-md: 69px;--sky-override-avatar-wrapper-height-sm: 36px;--sky-override-avatar-wrapper-left: -2px;--sky-override-avatar-wrapper-padding: 0;--sky-override-avatar-wrapper-padding-md: 0;--sky-override-avatar-wrapper-padding-sm: 0;--sky-override-avatar-wrapper-top: -2px;--sky-override-avatar-wrapper-width: 104px;--sky-override-avatar-wrapper-width-md: 69px;--sky-override-avatar-wrapper-width-sm: 36px}.sky-theme-modern:not(.sky-theme-brand-blackbaud) .sky-avatar{--sky-override-avatar-wrapper-drop-border-width: 2px}.sky-avatar-colors-1{background-color:var(--sky-category-color-light-blue)}.sky-avatar-colors-2{background-color:var(--sky-category-color-teal)}.sky-avatar-colors-3{background-color:var(--sky-category-color-purple)}.sky-avatar-colors-4{background-color:var(--sky-category-color-orange)}.sky-avatar-colors-5{background-color:var(--sky-category-color-blue)}.sky-avatar-colors-6{background-color:var(--sky-category-color-yellow)}.sky-avatar-colors-7{background-color:var(--sky-category-color-red)}.sky-avatar-wrapper{height:var(--sky-override-avatar-wrapper-height, var(--sky-size-avatar-l));width:var(--sky-override-avatar-wrapper-width, var(--sky-size-avatar-l));background-color:var(--sky-override-avatar-wrapper-background-color, var(--sky-color-background-thumbnail_matte));padding:var(--sky-override-avatar-wrapper-padding, var(--sky-space-inset-thumbnail_matte-l));border:var(--sky-override-avatar-wrapper-border, none);border-radius:var(--sky-override-avatar-wrapper-border-radius, var(--sky-border-radius-round));overflow:hidden;position:relative;top:var(--sky-override-avatar-wrapper-top, 0);left:var(--sky-override-avatar-wrapper-left, 0)}.sky-avatar-image,.sky-avatar-initials{height:var(--sky-override-avatar-initials-height, calc(var(--sky-size-avatar-l) - var(--sky-space-inset-thumbnail_matte-l) * 2));width:var(--sky-override-avatar-initials-width, calc(var(--sky-size-avatar-l) - var(--sky-space-inset-thumbnail_matte-l) * 2));background-position:50%;background-size:cover;border-radius:var(--sky-override-avatar-initials-border-radius, var(--sky-border-radius-round));display:flex;align-items:center;justify-content:center}.sky-avatar-initials{font-size:var(--sky-override-avatar-initials-font-size, initial)}.sky-avatar-initials-inner{color:var(--sky-text-color-default);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sky-avatar-wrapper-size-medium{height:var(--sky-override-avatar-wrapper-height-md, var(--sky-size-avatar-m));width:var(--sky-override-avatar-wrapper-width-md, var(--sky-size-avatar-m));padding:var(--sky-override-avatar-wrapper-padding-md, var(--sky-space-inset-thumbnail_matte-m))}.sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-avatar-wrapper-size-medium .sky-avatar-initials{height:var(--sky-override-avatar-initials-height-md, calc(var(--sky-size-avatar-m) - var(--sky-space-inset-thumbnail_matte-m) * 2));width:var(--sky-override-avatar-initials-width-md, calc(var(--sky-size-avatar-m) - var(--sky-space-inset-thumbnail_matte-m) * 2))}.sky-avatar-wrapper-size-medium .sky-avatar-initials{font-size:var(--sky-override-avatar-initials-font-size-md, initial)}.sky-avatar-wrapper-size-small{height:var(--sky-override-avatar-wrapper-height-sm, var(--sky-size-avatar-s));width:var(--sky-override-avatar-wrapper-width-sm, var(--sky-size-avatar-s));padding:var(--sky-override-avatar-wrapper-padding-sm, var(--sky-space-inset-thumbnail_matte-s))}.sky-avatar-wrapper-size-small .sky-avatar-image,.sky-avatar-wrapper-size-small .sky-avatar-initials{height:var(--sky-override-avatar-initials-height-sm, calc(var(--sky-size-avatar-s) - var(--sky-space-inset-thumbnail_matte-s) * 2));width:var(--sky-override-avatar-initials-width-sm, calc(var(--sky-size-avatar-s) - var(--sky-space-inset-thumbnail_matte-s) * 2))}.sky-avatar-wrapper-size-small .sky-avatar-initials{font-size:var(--sky-override-avatar-initials-font-size-sm, initial)}.sky-file-drop .sky-avatar-wrapper{cursor:pointer}.sky-file-drop-accept .sky-avatar-wrapper,.sky-file-drop-reject .sky-avatar-wrapper{border-style:dashed}.sky-file-drop-accept .sky-avatar-wrapper{border-color:var(--sky-override-avatar-wrapper-drop-accept-border-color, var(--sky-color-border-success))}.sky-file-drop-reject .sky-avatar-wrapper{border-color:var(--sky-override-avatar-wrapper-drop-reject-border-color, var(--sky-color-border-danger))}.sky-file-drop-accept .sky-avatar-wrapper,.sky-file-drop-reject .sky-avatar-wrapper{border-width:var(--sky-override-avatar-wrapper-drop-border-width, var(--sky-border-width-input-hover));padding:calc(var(--sky-override-avatar-wrapper-padding, var(--sky-space-inset-thumbnail_matte-l)) - var(--sky-override-avatar-wrapper-drop-border-width, var(--sky-border-width-input-hover)))}.sky-file-drop-accept .sky-avatar-wrapper-size-medium,.sky-file-drop-reject .sky-avatar-wrapper-size-medium{padding:calc(var(--sky-override-avatar-wrapper-padding-md, var(--sky-space-inset-thumbnail_matte-m)) - var(--sky-override-avatar-wrapper-drop-border-width, var(--sky-border-width-input-hover)))}.sky-file-drop-accept .sky-avatar-wrapper-size-small,.sky-file-drop-reject .sky-avatar-wrapper-size-small{padding:calc(var(--sky-override-avatar-wrapper-padding-sm, var(--sky-space-inset-thumbnail_matte-s)) - var(--sky-override-avatar-wrapper-drop-border-width, var(--sky-border-width-input-hover)))}sky-file-drop:hover .sky-avatar-wrapper{border:var(--sky-override-avatar-wrapper-drop-border-hover, var(--sky-border-width-input-hover) solid var(--sky-color-border-input-hover));padding:calc(var(--sky-override-avatar-wrapper-padding, var(--sky-space-inset-thumbnail_matte-l)) - var(--sky-border-width-input-hover))}sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:calc(var(--sky-override-avatar-wrapper-padding-md, var(--sky-space-inset-thumbnail_matte-m)) - var(--sky-border-width-input-hover))}sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:calc(var(--sky-override-avatar-wrapper-padding-sm, var(--sky-space-inset-thumbnail_matte-s)) - var(--sky-border-width-input-hover))}sky-file-drop:active .sky-avatar-wrapper,sky-file-drop:focus-within .sky-avatar-wrapper{border:var(--sky-override-avatar-wrapper-drop-border-active, var(--sky-border-width-input-active) solid var(--sky-color-border-input-active));padding:calc(var(--sky-override-avatar-wrapper-padding, var(--sky-space-inset-thumbnail_matte-l)) - var(--sky-border-width-input-active))}sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-medium,sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:calc(var(--sky-override-avatar-wrapper-padding-md, var(--sky-space-inset-thumbnail_matte-m)) - var(--sky-border-width-input-active))}sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-small,sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:calc(var(--sky-override-avatar-wrapper-padding-sm, var(--sky-space-inset-thumbnail_matte-s)) - var(--sky-border-width-input-active))}sky-file-drop:focus-within:not(:active) .sky-avatar-wrapper{box-shadow:var(--sky-override-avatar-wrapper-drop-box-shadow-focus, var(--sky-elevation-focus))}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarInnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarInnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-avatar-inner', providers: [SkyAvatarAdapterService], encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n  class=\"sky-elevation-1 sky-avatar-wrapper\"\n  [ngClass]=\"'sky-avatar-wrapper-size-' + size\"\n>\n  <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n  @if (src) {\n    <div class=\"sky-screen-reader-only\">\n      {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n    </div>\n  }\n  <div\n    class=\"sky-avatar-initials\"\n    [hidden]=\"src || !name\"\n    [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n  >\n    @if (size === 'small') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-body-sm': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'medium') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-3': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'large') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-2': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    }\n  </div>\n</div>\n", styles: [".sky-avatar-colors-1{background-color:var(--sky-category-color-light-blue)}.sky-avatar-colors-2{background-color:var(--sky-category-color-teal)}.sky-avatar-colors-3{background-color:var(--sky-category-color-purple)}.sky-avatar-colors-4{background-color:var(--sky-category-color-orange)}.sky-avatar-colors-5{background-color:var(--sky-category-color-blue)}.sky-avatar-colors-6{background-color:var(--sky-category-color-yellow)}.sky-avatar-colors-7{background-color:var(--sky-category-color-red)}.sky-avatar-wrapper{height:104px;width:104px;border:solid 2px transparent;border-radius:50%;overflow:hidden;position:relative;top:-2px;left:-2px}.sky-avatar-image,.sky-avatar-initials{height:100px;width:100px;background-position:50%;background-size:cover;display:flex;align-items:center;justify-content:center}.sky-avatar-initials{font-size:50px}.sky-avatar-initials-inner{color:var(--sky-text-color-default);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sky-avatar-wrapper-size-medium{height:69px;width:69px}.sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-avatar-wrapper-size-medium .sky-avatar-initials{height:65px;width:65px}.sky-avatar-wrapper-size-medium .sky-avatar-initials{font-size:32.5px}.sky-avatar-wrapper-size-small{height:36px;width:36px}.sky-avatar-wrapper-size-small .sky-avatar-image,.sky-avatar-wrapper-size-small .sky-avatar-initials{height:32px;width:32px}.sky-avatar-wrapper-size-small .sky-avatar-initials{font-size:16px}.sky-file-drop .sky-avatar-wrapper{cursor:pointer}.sky-file-drop-accept .sky-avatar-wrapper{border-color:#72bf44;border-style:dashed}.sky-file-drop-reject .sky-avatar-wrapper{border-color:#ef4044;border-style:dashed}.sky-theme-modern .sky-avatar-wrapper{height:100px;width:100px;background-color:#fff;border-width:0;padding:5px;top:0;left:0}.sky-theme-modern .sky-avatar-image,.sky-theme-modern .sky-avatar-initials{border-radius:50%;height:90px;width:90px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper{border-width:2px;padding:3px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-medium,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-small,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern .sky-avatar-wrapper-size-medium{padding:3px;height:65px;width:65px}.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-initials{height:59px;width:59px}.sky-theme-modern .sky-avatar-wrapper-size-small{padding:2px;height:32px;width:32px}.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-initials{height:28px;width:28px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper{border:solid 1px #1870B8;padding:4px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:2px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper{border:solid 2px #1870B8;padding:3px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-medium,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-small,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern sky-file-drop:focus-within:not(:active) .sky-avatar-wrapper{box-shadow:0 1px 8px #0000004d}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-wrapper{background-color:transparent}\n"] }]
+            args: [{ selector: 'sky-avatar-inner', providers: [SkyAvatarAdapterService], encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n  class=\"sky-elevation-1 sky-avatar-wrapper\"\n  [ngClass]=\"'sky-avatar-wrapper-size-' + size\"\n>\n  <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n  @if (src) {\n    <div class=\"sky-screen-reader-only\">\n      {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n    </div>\n  }\n  <div\n    class=\"sky-avatar-initials\"\n    [hidden]=\"src || !name\"\n    [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n  >\n    @if (size === 'small') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-body-sm': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'medium') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-3': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'large') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-2': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    }\n  </div>\n</div>\n", styles: [".sky-avatar:not(.sky-theme-modern *){--sky-override-avatar-initials-border-radius: initial;--sky-override-avatar-initials-font-size: 50px;--sky-override-avatar-initials-font-size-md: 32.5px;--sky-override-avatar-initials-font-size-sm: 16px;--sky-override-avatar-initials-height: 100px;--sky-override-avatar-initials-height-md: 65px;--sky-override-avatar-initials-height-sm: 32px;--sky-override-avatar-initials-width: 100px;--sky-override-avatar-initials-width-md: 65px;--sky-override-avatar-initials-width-sm: 32px;--sky-override-avatar-wrapper-background-color: transparent;--sky-override-avatar-wrapper-border: solid 2px transparent;--sky-override-avatar-wrapper-border-radius: 50%;--sky-override-avatar-wrapper-drop-accept-border-color: #72bf44;--sky-override-avatar-wrapper-drop-border-width: 2px;--sky-override-avatar-wrapper-drop-border-active: solid 2px transparent;--sky-override-avatar-wrapper-drop-border-hover: solid 2px transparent;--sky-override-avatar-wrapper-drop-box-shadow-focus: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-avatar-wrapper-drop-reject-border-color: #ef4044;--sky-override-avatar-wrapper-height: 104px;--sky-override-avatar-wrapper-height-md: 69px;--sky-override-avatar-wrapper-height-sm: 36px;--sky-override-avatar-wrapper-left: -2px;--sky-override-avatar-wrapper-padding: 0;--sky-override-avatar-wrapper-padding-md: 0;--sky-override-avatar-wrapper-padding-sm: 0;--sky-override-avatar-wrapper-top: -2px;--sky-override-avatar-wrapper-width: 104px;--sky-override-avatar-wrapper-width-md: 69px;--sky-override-avatar-wrapper-width-sm: 36px}.sky-theme-modern:not(.sky-theme-brand-blackbaud) .sky-avatar{--sky-override-avatar-wrapper-drop-border-width: 2px}.sky-avatar-colors-1{background-color:var(--sky-category-color-light-blue)}.sky-avatar-colors-2{background-color:var(--sky-category-color-teal)}.sky-avatar-colors-3{background-color:var(--sky-category-color-purple)}.sky-avatar-colors-4{background-color:var(--sky-category-color-orange)}.sky-avatar-colors-5{background-color:var(--sky-category-color-blue)}.sky-avatar-colors-6{background-color:var(--sky-category-color-yellow)}.sky-avatar-colors-7{background-color:var(--sky-category-color-red)}.sky-avatar-wrapper{height:var(--sky-override-avatar-wrapper-height, var(--sky-size-avatar-l));width:var(--sky-override-avatar-wrapper-width, var(--sky-size-avatar-l));background-color:var(--sky-override-avatar-wrapper-background-color, var(--sky-color-background-thumbnail_matte));padding:var(--sky-override-avatar-wrapper-padding, var(--sky-space-inset-thumbnail_matte-l));border:var(--sky-override-avatar-wrapper-border, none);border-radius:var(--sky-override-avatar-wrapper-border-radius, var(--sky-border-radius-round));overflow:hidden;position:relative;top:var(--sky-override-avatar-wrapper-top, 0);left:var(--sky-override-avatar-wrapper-left, 0)}.sky-avatar-image,.sky-avatar-initials{height:var(--sky-override-avatar-initials-height, calc(var(--sky-size-avatar-l) - var(--sky-space-inset-thumbnail_matte-l) * 2));width:var(--sky-override-avatar-initials-width, calc(var(--sky-size-avatar-l) - var(--sky-space-inset-thumbnail_matte-l) * 2));background-position:50%;background-size:cover;border-radius:var(--sky-override-avatar-initials-border-radius, var(--sky-border-radius-round));display:flex;align-items:center;justify-content:center}.sky-avatar-initials{font-size:var(--sky-override-avatar-initials-font-size, initial)}.sky-avatar-initials-inner{color:var(--sky-text-color-default);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sky-avatar-wrapper-size-medium{height:var(--sky-override-avatar-wrapper-height-md, var(--sky-size-avatar-m));width:var(--sky-override-avatar-wrapper-width-md, var(--sky-size-avatar-m));padding:var(--sky-override-avatar-wrapper-padding-md, var(--sky-space-inset-thumbnail_matte-m))}.sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-avatar-wrapper-size-medium .sky-avatar-initials{height:var(--sky-override-avatar-initials-height-md, calc(var(--sky-size-avatar-m) - var(--sky-space-inset-thumbnail_matte-m) * 2));width:var(--sky-override-avatar-initials-width-md, calc(var(--sky-size-avatar-m) - var(--sky-space-inset-thumbnail_matte-m) * 2))}.sky-avatar-wrapper-size-medium .sky-avatar-initials{font-size:var(--sky-override-avatar-initials-font-size-md, initial)}.sky-avatar-wrapper-size-small{height:var(--sky-override-avatar-wrapper-height-sm, var(--sky-size-avatar-s));width:var(--sky-override-avatar-wrapper-width-sm, var(--sky-size-avatar-s));padding:var(--sky-override-avatar-wrapper-padding-sm, var(--sky-space-inset-thumbnail_matte-s))}.sky-avatar-wrapper-size-small .sky-avatar-image,.sky-avatar-wrapper-size-small .sky-avatar-initials{height:var(--sky-override-avatar-initials-height-sm, calc(var(--sky-size-avatar-s) - var(--sky-space-inset-thumbnail_matte-s) * 2));width:var(--sky-override-avatar-initials-width-sm, calc(var(--sky-size-avatar-s) - var(--sky-space-inset-thumbnail_matte-s) * 2))}.sky-avatar-wrapper-size-small .sky-avatar-initials{font-size:var(--sky-override-avatar-initials-font-size-sm, initial)}.sky-file-drop .sky-avatar-wrapper{cursor:pointer}.sky-file-drop-accept .sky-avatar-wrapper,.sky-file-drop-reject .sky-avatar-wrapper{border-style:dashed}.sky-file-drop-accept .sky-avatar-wrapper{border-color:var(--sky-override-avatar-wrapper-drop-accept-border-color, var(--sky-color-border-success))}.sky-file-drop-reject .sky-avatar-wrapper{border-color:var(--sky-override-avatar-wrapper-drop-reject-border-color, var(--sky-color-border-danger))}.sky-file-drop-accept .sky-avatar-wrapper,.sky-file-drop-reject .sky-avatar-wrapper{border-width:var(--sky-override-avatar-wrapper-drop-border-width, var(--sky-border-width-input-hover));padding:calc(var(--sky-override-avatar-wrapper-padding, var(--sky-space-inset-thumbnail_matte-l)) - var(--sky-override-avatar-wrapper-drop-border-width, var(--sky-border-width-input-hover)))}.sky-file-drop-accept .sky-avatar-wrapper-size-medium,.sky-file-drop-reject .sky-avatar-wrapper-size-medium{padding:calc(var(--sky-override-avatar-wrapper-padding-md, var(--sky-space-inset-thumbnail_matte-m)) - var(--sky-override-avatar-wrapper-drop-border-width, var(--sky-border-width-input-hover)))}.sky-file-drop-accept .sky-avatar-wrapper-size-small,.sky-file-drop-reject .sky-avatar-wrapper-size-small{padding:calc(var(--sky-override-avatar-wrapper-padding-sm, var(--sky-space-inset-thumbnail_matte-s)) - var(--sky-override-avatar-wrapper-drop-border-width, var(--sky-border-width-input-hover)))}sky-file-drop:hover .sky-avatar-wrapper{border:var(--sky-override-avatar-wrapper-drop-border-hover, var(--sky-border-width-input-hover) solid var(--sky-color-border-input-hover));padding:calc(var(--sky-override-avatar-wrapper-padding, var(--sky-space-inset-thumbnail_matte-l)) - var(--sky-border-width-input-hover))}sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:calc(var(--sky-override-avatar-wrapper-padding-md, var(--sky-space-inset-thumbnail_matte-m)) - var(--sky-border-width-input-hover))}sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:calc(var(--sky-override-avatar-wrapper-padding-sm, var(--sky-space-inset-thumbnail_matte-s)) - var(--sky-border-width-input-hover))}sky-file-drop:active .sky-avatar-wrapper,sky-file-drop:focus-within .sky-avatar-wrapper{border:var(--sky-override-avatar-wrapper-drop-border-active, var(--sky-border-width-input-active) solid var(--sky-color-border-input-active));padding:calc(var(--sky-override-avatar-wrapper-padding, var(--sky-space-inset-thumbnail_matte-l)) - var(--sky-border-width-input-active))}sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-medium,sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:calc(var(--sky-override-avatar-wrapper-padding-md, var(--sky-space-inset-thumbnail_matte-m)) - var(--sky-border-width-input-active))}sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-small,sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:calc(var(--sky-override-avatar-wrapper-padding-sm, var(--sky-space-inset-thumbnail_matte-s)) - var(--sky-border-width-input-active))}sky-file-drop:focus-within:not(:active) .sky-avatar-wrapper{box-shadow:var(--sky-override-avatar-wrapper-drop-box-shadow-focus, var(--sky-elevation-focus))}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: SkyAvatarAdapterService }], propDecorators: { src: [{
                 type: Input
             }], name: [{
@@ -283,12 +305,12 @@ class SkyAvatarComponent {
         // TODO: Need to implement the async `getString` method in a breaking change.
         return this.#resourcesService.getStringForLocale({ locale: 'en-US' }, key, ...args);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarComponent, deps: [{ token: i1.SkyErrorModalService }, { token: i2.SkyFileSizePipe }, { token: i3$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyAvatarComponent, isStandalone: false, selector: "sky-avatar", inputs: { canChange: "canChange", name: "name", src: "src", maxFileSize: "maxFileSize", size: "size" }, outputs: { avatarChanged: "avatarChanged" }, ngImport: i0, template: "<div class=\"sky-avatar\">\n  @if (canChange) {\n    <div class=\"sky-avatar-file-drop\">\n      <sky-file-drop\n        [acceptedTypes]=\"'image/*'\"\n        [fileUploadAriaLabel]=\"\n          src\n            ? ('skyux_avatar_upload_change_aria_label' | skyLibResources: name)\n            : ('skyux_avatar_upload_new_aria_label' | skyLibResources: name)\n        \"\n        [multiple]=\"false\"\n        [maxFileSize]=\"maxFileSize\"\n        [multiple]=\"false\"\n        (filesChanged)=\"photoDrop($event)\"\n      >\n        <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n      </sky-file-drop>\n    </div>\n  } @else {\n    <div>\n      <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n    </div>\n  }\n</div>\n\n<ng-template #innerTemplate>\n  <sky-avatar-inner\n    [name]=\"name\"\n    [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n    [src]=\"src\"\n  />\n</ng-template>\n", styles: [".sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-theme-modern .sky-file-drop:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.λ8, selector: "sky-file-drop", inputs: ["fileUploadAriaLabel", "linkUploadAriaLabel", "linkUploadHintText", "minFileSize", "maxFileSize", "multiple", "validateFn", "acceptedTypes", "acceptedTypesErrorMessage", "noClick", "allowLinks", "labelText", "labelHidden", "hintText", "required", "helpPopoverContent", "helpPopoverTitle", "stacked", "helpKey"], outputs: ["filesChanged", "linkInputBlur", "linkChanged"] }, { kind: "component", type: SkyAvatarInnerComponent, selector: "sky-avatar-inner", inputs: ["src", "name", "size"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarComponent, deps: [{ token: i1.SkyErrorModalService }, { token: i2.SkyFileSizePipe }, { token: i3$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyAvatarComponent, isStandalone: false, selector: "sky-avatar", inputs: { canChange: "canChange", name: "name", src: "src", maxFileSize: "maxFileSize", size: "size" }, outputs: { avatarChanged: "avatarChanged" }, ngImport: i0, template: "<div class=\"sky-avatar\">\n  @if (canChange) {\n    <div class=\"sky-avatar-file-drop\">\n      <sky-file-drop\n        [acceptedTypes]=\"'image/*'\"\n        [fileUploadAriaLabel]=\"\n          src\n            ? ('skyux_avatar_upload_change_aria_label' | skyLibResources: name)\n            : ('skyux_avatar_upload_new_aria_label' | skyLibResources: name)\n        \"\n        [multiple]=\"false\"\n        [maxFileSize]=\"maxFileSize\"\n        [multiple]=\"false\"\n        (filesChanged)=\"photoDrop($event)\"\n      >\n        <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n      </sky-file-drop>\n    </div>\n  } @else {\n    <div>\n      <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n    </div>\n  }\n</div>\n\n<ng-template #innerTemplate>\n  <sky-avatar-inner\n    [name]=\"name\"\n    [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n    [src]=\"src\"\n  />\n</ng-template>\n", styles: [".sky-avatar:not(.sky-theme-modern *){--sky-override-avatar-file-drop-focus-outline: auto}.sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-avatar .sky-file-drop:focus{outline:var(--sky-override-avatar-file-drop-focus-outline, none)}\n"], dependencies: [{ kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.λ8, selector: "sky-file-drop", inputs: ["fileUploadAriaLabel", "linkUploadAriaLabel", "linkUploadHintText", "minFileSize", "maxFileSize", "multiple", "validateFn", "acceptedTypes", "acceptedTypesErrorMessage", "noClick", "allowLinks", "labelText", "labelHidden", "hintText", "required", "helpPopoverContent", "helpPopoverTitle", "stacked", "helpKey"], outputs: ["filesChanged", "linkInputBlur", "linkChanged"] }, { kind: "component", type: SkyAvatarInnerComponent, selector: "sky-avatar-inner", inputs: ["src", "name", "size"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-avatar', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"sky-avatar\">\n  @if (canChange) {\n    <div class=\"sky-avatar-file-drop\">\n      <sky-file-drop\n        [acceptedTypes]=\"'image/*'\"\n        [fileUploadAriaLabel]=\"\n          src\n            ? ('skyux_avatar_upload_change_aria_label' | skyLibResources: name)\n            : ('skyux_avatar_upload_new_aria_label' | skyLibResources: name)\n        \"\n        [multiple]=\"false\"\n        [maxFileSize]=\"maxFileSize\"\n        [multiple]=\"false\"\n        (filesChanged)=\"photoDrop($event)\"\n      >\n        <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n      </sky-file-drop>\n    </div>\n  } @else {\n    <div>\n      <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n    </div>\n  }\n</div>\n\n<ng-template #innerTemplate>\n  <sky-avatar-inner\n    [name]=\"name\"\n    [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n    [src]=\"src\"\n  />\n</ng-template>\n", styles: [".sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-theme-modern .sky-file-drop:focus{outline:none}\n"] }]
+            args: [{ selector: 'sky-avatar', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"sky-avatar\">\n  @if (canChange) {\n    <div class=\"sky-avatar-file-drop\">\n      <sky-file-drop\n        [acceptedTypes]=\"'image/*'\"\n        [fileUploadAriaLabel]=\"\n          src\n            ? ('skyux_avatar_upload_change_aria_label' | skyLibResources: name)\n            : ('skyux_avatar_upload_new_aria_label' | skyLibResources: name)\n        \"\n        [multiple]=\"false\"\n        [maxFileSize]=\"maxFileSize\"\n        [multiple]=\"false\"\n        (filesChanged)=\"photoDrop($event)\"\n      >\n        <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n      </sky-file-drop>\n    </div>\n  } @else {\n    <div>\n      <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n    </div>\n  }\n</div>\n\n<ng-template #innerTemplate>\n  <sky-avatar-inner\n    [name]=\"name\"\n    [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n    [src]=\"src\"\n  />\n</ng-template>\n", styles: [".sky-avatar:not(.sky-theme-modern *){--sky-override-avatar-file-drop-focus-outline: auto}.sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-avatar .sky-file-drop:focus{outline:var(--sky-override-avatar-file-drop-focus-outline, none)}\n"] }]
         }], ctorParameters: () => [{ type: i1.SkyErrorModalService }, { type: i2.SkyFileSizePipe }, { type: i3$1.SkyLibResourcesService }], propDecorators: { canChange: [{
                 type: Input
             }], name: [{
@@ -304,19 +326,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
             }] } });
 
 class SkyAvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarModule, declarations: [SkyAvatarInnerComponent, SkyAvatarComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarModule, declarations: [SkyAvatarInnerComponent, SkyAvatarComponent], imports: [CommonModule,
             SkyAvatarResourcesModule,
             SkyErrorModule,
             SkyFileAttachmentsModule,
             SkyThemeModule], exports: [SkyAvatarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarModule, providers: [SkyFileSizePipe], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarModule, providers: [SkyFileSizePipe], imports: [CommonModule,
             SkyAvatarResourcesModule,
             SkyErrorModule,
             SkyFileAttachmentsModule,
             SkyThemeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyAvatarInnerComponent, SkyAvatarComponent],

package/fesm2022/skyux-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-avatar.mjs","sources":["../../../../../libs/components/avatar/src/lib/modules/shared/sky-avatar-resources.module.ts","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar-adapter.service.ts","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.inner.component.ts","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.inner.component.html","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.component.ts","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.component.html","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.module.ts","../../../../../libs/components/avatar/src/skyux-avatar.ts"],"sourcesContent":["/* istanbul ignore file */\n/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-avatar' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesService,\n} from '@skyux/i18n';\n\nconst RESOURCES: Record<string, SkyLibResources> = {\n  'EN-US': {\n    skyux_avatar_error_not_image_description: {\n      message: 'Please choose a file that is a valid image.',\n    },\n    skyux_avatar_error_not_image_title: { message: 'File is not an image.' },\n    skyux_avatar_error_too_large_description: {\n      message: 'Please choose an image that is less than {0}.',\n    },\n    skyux_avatar_error_too_large_title: { message: 'File is too large.' },\n    skyux_avatar_errormodal_ok: { message: 'OK' },\n    skyux_avatar_inner_description: { message: 'Profile picture of {0}' },\n    skyux_avatar_upload_change_aria_label: {\n      message:\n        'Change profile photo of {0}. Drag a file here or click to browse.',\n    },\n    skyux_avatar_upload_new_aria_label: {\n      message: 'Add profile photo of {0}. Drag a file here or click to browse.',\n    },\n  },\n};\n\nSkyLibResourcesService.addResources(RESOURCES);\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n})\nexport class SkyAvatarResourcesModule {}\n","import { ElementRef, Injectable } from '@angular/core';\n\nimport { SkyAvatarSrc } from './avatar-src';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyAvatarAdapterService {\n  #blobUrl: string | undefined;\n\n  public updateImage(elementRef: ElementRef, src: SkyAvatarSrc) {\n    this.#revokeBlobUrl();\n\n    const el = elementRef.nativeElement;\n\n    /*istanbul ignore else */\n    if (el) {\n      const imageEl = el.querySelector('.sky-avatar-image');\n\n      /*istanbul ignore else */\n      if (imageEl) {\n        let url = src;\n\n        if (src instanceof File || src instanceof Blob) {\n          url = this.#createBlobUrl(src);\n        }\n\n        // Notice the quotes inside the `url` function. This ensures proper url escaping.\n        imageEl.style.backgroundImage = 'url(\"' + url + '\")';\n      }\n    }\n  }\n\n  public destroy() {\n    this.#revokeBlobUrl();\n  }\n\n  #createBlobUrl(src: Blob | File) {\n    const url = URL.createObjectURL(src);\n\n    // Keep the last blob URL around so we can revoke it later.\n    // https://developer.mozilla.org/en-US/docs/Web/API/URL/revokeObjectURL\n    this.#blobUrl = url;\n    return url;\n  }\n\n  #revokeBlobUrl() {\n    if (this.#blobUrl) {\n      URL.revokeObjectURL(this.#blobUrl);\n      this.#blobUrl = undefined;\n    }\n  }\n}\n","import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SkyAvatarAdapterService } from './avatar-adapter.service';\nimport { SkyAvatarSize } from './avatar-size';\nimport { SkyAvatarSrc } from './avatar-src';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-avatar-inner',\n  templateUrl: './avatar.inner.component.html',\n  styleUrls: ['./avatar.inner.component.scss'],\n  providers: [SkyAvatarAdapterService],\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class SkyAvatarInnerComponent implements AfterViewInit, OnDestroy {\n  public get src(): SkyAvatarSrc | undefined {\n    return this.#_src;\n  }\n\n  @Input()\n  public set src(value: SkyAvatarSrc | undefined) {\n    this.#_src = value;\n    this.#updateImage();\n  }\n\n  public get name(): string | undefined {\n    return this.#_name;\n  }\n\n  @Input()\n  public set name(value: string | undefined) {\n    this.#_name = value;\n\n    if (value) {\n      // Generate a unique-ish color based on the record name.  This is deterministic\n      // so that a given name will always generate the same color.\n      const seed =\n        value.charCodeAt(0) + value.charCodeAt(value.length - 1) + value.length;\n      this.#colorIndex = Math.abs(seed % 7);\n    } else {\n      this.#colorIndex = 0;\n    }\n  }\n\n  @Input()\n  public size: SkyAvatarSize | undefined = 'large';\n\n  #viewInitialized = false;\n\n  #_src: SkyAvatarSrc | undefined;\n\n  #_name: string | undefined;\n\n  #elementRef: ElementRef;\n  #adapter: SkyAvatarAdapterService;\n\n  constructor(elementRef: ElementRef, adapter: SkyAvatarAdapterService) {\n    this.#elementRef = elementRef;\n    this.#adapter = adapter;\n  }\n\n  public get initials(): string | undefined {\n    let initials: string | undefined;\n\n    if (this.name) {\n      const nameSplit = this.name.split(' ');\n      initials = getInitial(nameSplit[0]);\n\n      if (nameSplit.length > 1) {\n        initials += getInitial(nameSplit[nameSplit.length - 1]);\n      }\n    }\n\n    return initials;\n  }\n\n  public get colorIndex(): number {\n    return this.#colorIndex;\n  }\n\n  #colorIndex = 0;\n\n  public ngAfterViewInit(): void {\n    this.#viewInitialized = true;\n    this.#updateImage();\n  }\n\n  public ngOnDestroy(): void {\n    this.#adapter.destroy();\n  }\n\n  #updateImage(): void {\n    if (this.#viewInitialized && this.src) {\n      this.#adapter.updateImage(this.#elementRef, this.src);\n    }\n  }\n}\n\nfunction getInitial(name: string): string {\n  return name.charAt(0).toUpperCase();\n}\n","<div\n  class=\"sky-elevation-1 sky-avatar-wrapper\"\n  [ngClass]=\"'sky-avatar-wrapper-size-' + size\"\n>\n  <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n  @if (src) {\n    <div class=\"sky-screen-reader-only\">\n      {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n    </div>\n  }\n  <div\n    class=\"sky-avatar-initials\"\n    [hidden]=\"src || !name\"\n    [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n  >\n    @if (size === 'small') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-body-sm': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'medium') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-3': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'large') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-2': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    }\n  </div>\n</div>\n","import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { SkyDefaultInputProvider } from '@skyux/core';\nimport { ErrorModalConfig, SkyErrorModalService } from '@skyux/errors';\nimport { SkyFileDropChange, SkyFileItem, SkyFileSizePipe } from '@skyux/forms';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { Observable } from 'rxjs';\n\nimport { SkyAvatarSize } from './avatar-size';\nimport { SkyAvatarSrc } from './avatar-src';\n\nconst MAX_FILE_SIZE_DEFAULT = 512000;\n\n@Component({\n  selector: 'sky-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class SkyAvatarComponent {\n  /**\n   * Whether users can change the image. To select a different image,\n   * users click the image or drag another image on top of it,\n   * much like the `sky-file-drop` component in the\n   * [file attachment module](https://developer.blackbaud.com/skyux/components/file-attachments/file-attachment).\n   * @default false\n   */\n  @Input()\n  public set canChange(value: boolean | undefined) {\n    this.#_canChange = !!value;\n  }\n\n  public get canChange(): boolean {\n    return this.#_canChange;\n  }\n\n  /**\n   * The name of the record that the avatar represents.\n   * If the `src` property does not specify an image, the component displays\n   * initials from the first and last words in the name. To ensure\n   * that the component extracts the correct initials, specify a name with no prefix\n   * or suffix, or just specify initials with a space between them. This property is\n   * not required, but the component requires either the `name` or `src` property.\n   */\n  @Input()\n  public set name(value: string | undefined) {\n    this.#_name = value;\n  }\n\n  public get name(): string | undefined {\n    return this.#_name;\n  }\n\n  /**\n   * The image to identify a record. This property is\n   * not required, but the component requires either the `name` or `src` property.\n   */\n  @Input()\n  public set src(value: SkyAvatarSrc | undefined) {\n    this.#_src = value;\n  }\n\n  public get src(): SkyAvatarSrc | undefined {\n    return this.#_src;\n  }\n\n  /**\n   * The maximum file size for the image in bytes.\n   * @default 512000 bytes\n   */\n  @Input()\n  public maxFileSize: number | undefined = MAX_FILE_SIZE_DEFAULT;\n\n  /**\n   * The size of the avatar.\n   * Acceptable values are: `\"small\"`, `\"medium\"`, and `\"large\"`.\n   * @default \"large\"\n   */\n  @Input()\n  public size: SkyAvatarSize | undefined;\n\n  /**\n   * Emits a `SkyFileItem` object when the image is updated.\n   */\n  @Output()\n  public avatarChanged = new EventEmitter<SkyFileItem>();\n\n  protected sizeDefault: Observable<SkyAvatarSize> | undefined;\n\n  #_canChange = false;\n\n  #_name: string | undefined;\n\n  #_src: SkyAvatarSrc | undefined;\n\n  #errorService: SkyErrorModalService;\n  #fileSizePipe: SkyFileSizePipe;\n  #resourcesService: SkyLibResourcesService;\n\n  #defaultInputProvider = inject(SkyDefaultInputProvider, { optional: true });\n\n  constructor(\n    errorService: SkyErrorModalService,\n    fileSizePipe: SkyFileSizePipe,\n    resourcesService: SkyLibResourcesService,\n  ) {\n    this.#errorService = errorService;\n    this.#fileSizePipe = fileSizePipe;\n    this.#resourcesService = resourcesService;\n\n    this.sizeDefault = this.#defaultInputProvider?.getValue<SkyAvatarSize>(\n      'avatar',\n      'size',\n    );\n  }\n\n  public photoDrop(result: SkyFileDropChange): void {\n    /* sanity check */\n    /* istanbul ignore else */\n    if (result.files && result.files.length > 0) {\n      this.avatarChanged.emit(result.files[0]);\n    } else if (result.rejectedFiles && result.rejectedFiles.length > 0) {\n      this.#handleError(result.rejectedFiles);\n    }\n  }\n\n  #handleError(rejectedFiles: SkyFileItem[]): void {\n    const rejectedFile = rejectedFiles[0];\n\n    if (rejectedFile.errorType === 'maxFileSize') {\n      const title = this.#getString('skyux_avatar_error_too_large_title');\n      const description = this.#getString(\n        'skyux_avatar_error_too_large_description',\n        this.#maxFileSizeText(),\n      );\n\n      this.#openErrorModal(title, description);\n    } else if (rejectedFile.errorType === 'fileType') {\n      const title = this.#getString('skyux_avatar_error_not_image_title');\n      const description = this.#getString(\n        'skyux_avatar_error_not_image_description',\n      );\n\n      this.#openErrorModal(title, description);\n    }\n  }\n\n  #maxFileSizeText(): string {\n    return this.#fileSizePipe.transform(this.maxFileSize);\n  }\n\n  #openErrorModal(title: string, description: string): void {\n    const config: ErrorModalConfig = {\n      errorTitle: title,\n      errorDescription: description,\n      errorCloseText: this.#getString('skyux_avatar_errormodal_ok'),\n    };\n\n    this.#errorService.open(config);\n  }\n\n  #getString(key: string, ...args: any[]): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.#resourcesService.getStringForLocale(\n      { locale: 'en-US' },\n      key,\n      ...args,\n    );\n  }\n}\n","<div class=\"sky-avatar\">\n  @if (canChange) {\n    <div class=\"sky-avatar-file-drop\">\n      <sky-file-drop\n        [acceptedTypes]=\"'image/*'\"\n        [fileUploadAriaLabel]=\"\n          src\n            ? ('skyux_avatar_upload_change_aria_label' | skyLibResources: name)\n            : ('skyux_avatar_upload_new_aria_label' | skyLibResources: name)\n        \"\n        [multiple]=\"false\"\n        [maxFileSize]=\"maxFileSize\"\n        [multiple]=\"false\"\n        (filesChanged)=\"photoDrop($event)\"\n      >\n        <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n      </sky-file-drop>\n    </div>\n  } @else {\n    <div>\n      <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n    </div>\n  }\n</div>\n\n<ng-template #innerTemplate>\n  <sky-avatar-inner\n    [name]=\"name\"\n    [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n    [src]=\"src\"\n  />\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyErrorModule } from '@skyux/errors';\nimport { SkyFileAttachmentsModule, SkyFileSizePipe } from '@skyux/forms';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyAvatarResourcesModule } from '../shared/sky-avatar-resources.module';\n\nimport { SkyAvatarComponent } from './avatar.component';\nimport { SkyAvatarInnerComponent } from './avatar.inner.component';\n\n@NgModule({\n  declarations: [SkyAvatarInnerComponent, SkyAvatarComponent],\n  imports: [\n    CommonModule,\n    SkyAvatarResourcesModule,\n    SkyErrorModule,\n    SkyFileAttachmentsModule,\n    SkyThemeModule,\n  ],\n  providers: [SkyFileSizePipe],\n  exports: [SkyAvatarComponent],\n})\nexport class SkyAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SkyAvatarAdapterService","i2","i4","i3","i5.SkyAvatarInnerComponent"],"mappings":"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"}
+{"version":3,"file":"skyux-avatar.mjs","sources":["../../../../../libs/components/avatar/src/lib/modules/shared/sky-avatar-resources.module.ts","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar-adapter.service.ts","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.inner.component.ts","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.inner.component.html","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.component.ts","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.component.html","../../../../../libs/components/avatar/src/lib/modules/avatar/avatar.module.ts","../../../../../libs/components/avatar/src/skyux-avatar.ts"],"sourcesContent":["/* istanbul ignore file */\n/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-avatar' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesService,\n} from '@skyux/i18n';\n\nconst RESOURCES: Record<string, SkyLibResources> = {\n  'EN-US': {\n    skyux_avatar_error_not_image_description: {\n      message: 'Please choose a file that is a valid image.',\n    },\n    skyux_avatar_error_not_image_title: { message: 'File is not an image.' },\n    skyux_avatar_error_too_large_description: {\n      message: 'Please choose an image that is less than {0}.',\n    },\n    skyux_avatar_error_too_large_title: { message: 'File is too large.' },\n    skyux_avatar_errormodal_ok: { message: 'OK' },\n    skyux_avatar_inner_description: { message: 'Profile picture of {0}' },\n    skyux_avatar_upload_change_aria_label: {\n      message:\n        'Change profile photo of {0}. Drag a file here or click to browse.',\n    },\n    skyux_avatar_upload_new_aria_label: {\n      message: 'Add profile photo of {0}. Drag a file here or click to browse.',\n    },\n  },\n  'FR-CA': {\n    skyux_avatar_error_not_image_description: {\n      message: 'Veuillez choisir un fichier qui soit une image valide.',\n    },\n    skyux_avatar_error_not_image_title: {\n      message: 'Le fichier n’est pas une image.',\n    },\n    skyux_avatar_error_too_large_description: {\n      message: 'Veuillez choisir une image de moins de {0}.',\n    },\n    skyux_avatar_error_too_large_title: {\n      message: 'Le fichier est trop gros.',\n    },\n    skyux_avatar_errormodal_ok: { message: 'OK' },\n    skyux_avatar_inner_description: { message: 'Photo de profil de {0}' },\n    skyux_avatar_upload_change_aria_label: {\n      message:\n        'Modifier la photo de profil de {0}. Faites glisser un fichier ici ou cliquez pour naviguer.',\n    },\n    skyux_avatar_upload_new_aria_label: {\n      message:\n        'Ajoutez une photo de profil pour {0}. Faites glisser un fichier ici ou cliquez pour naviguer.',\n    },\n  },\n};\n\nSkyLibResourcesService.addResources(RESOURCES);\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n})\nexport class SkyAvatarResourcesModule {}\n","import { ElementRef, Injectable } from '@angular/core';\n\nimport { SkyAvatarSrc } from './avatar-src';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyAvatarAdapterService {\n  #blobUrl: string | undefined;\n\n  public updateImage(elementRef: ElementRef, src: SkyAvatarSrc) {\n    this.#revokeBlobUrl();\n\n    const el = elementRef.nativeElement;\n\n    /*istanbul ignore else */\n    if (el) {\n      const imageEl = el.querySelector('.sky-avatar-image');\n\n      /*istanbul ignore else */\n      if (imageEl) {\n        let url = src;\n\n        if (src instanceof File || src instanceof Blob) {\n          url = this.#createBlobUrl(src);\n        }\n\n        // Notice the quotes inside the `url` function. This ensures proper url escaping.\n        imageEl.style.backgroundImage = 'url(\"' + url + '\")';\n      }\n    }\n  }\n\n  public destroy() {\n    this.#revokeBlobUrl();\n  }\n\n  #createBlobUrl(src: Blob | File) {\n    const url = URL.createObjectURL(src);\n\n    // Keep the last blob URL around so we can revoke it later.\n    // https://developer.mozilla.org/en-US/docs/Web/API/URL/revokeObjectURL\n    this.#blobUrl = url;\n    return url;\n  }\n\n  #revokeBlobUrl() {\n    if (this.#blobUrl) {\n      URL.revokeObjectURL(this.#blobUrl);\n      this.#blobUrl = undefined;\n    }\n  }\n}\n","import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SkyAvatarAdapterService } from './avatar-adapter.service';\nimport { SkyAvatarSize } from './avatar-size';\nimport { SkyAvatarSrc } from './avatar-src';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-avatar-inner',\n  templateUrl: './avatar.inner.component.html',\n  styleUrls: ['./avatar.inner.component.scss'],\n  providers: [SkyAvatarAdapterService],\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class SkyAvatarInnerComponent implements AfterViewInit, OnDestroy {\n  public get src(): SkyAvatarSrc | undefined {\n    return this.#_src;\n  }\n\n  @Input()\n  public set src(value: SkyAvatarSrc | undefined) {\n    this.#_src = value;\n    this.#updateImage();\n  }\n\n  public get name(): string | undefined {\n    return this.#_name;\n  }\n\n  @Input()\n  public set name(value: string | undefined) {\n    this.#_name = value;\n\n    if (value) {\n      // Generate a unique-ish color based on the record name.  This is deterministic\n      // so that a given name will always generate the same color.\n      const seed =\n        value.charCodeAt(0) + value.charCodeAt(value.length - 1) + value.length;\n      this.#colorIndex = Math.abs(seed % 7);\n    } else {\n      this.#colorIndex = 0;\n    }\n  }\n\n  @Input()\n  public size: SkyAvatarSize | undefined = 'large';\n\n  #viewInitialized = false;\n\n  #_src: SkyAvatarSrc | undefined;\n\n  #_name: string | undefined;\n\n  #elementRef: ElementRef;\n  #adapter: SkyAvatarAdapterService;\n\n  constructor(elementRef: ElementRef, adapter: SkyAvatarAdapterService) {\n    this.#elementRef = elementRef;\n    this.#adapter = adapter;\n  }\n\n  public get initials(): string | undefined {\n    let initials: string | undefined;\n\n    if (this.name) {\n      const nameSplit = this.name.split(' ');\n      initials = getInitial(nameSplit[0]);\n\n      if (nameSplit.length > 1) {\n        initials += getInitial(nameSplit[nameSplit.length - 1]);\n      }\n    }\n\n    return initials;\n  }\n\n  public get colorIndex(): number {\n    return this.#colorIndex;\n  }\n\n  #colorIndex = 0;\n\n  public ngAfterViewInit(): void {\n    this.#viewInitialized = true;\n    this.#updateImage();\n  }\n\n  public ngOnDestroy(): void {\n    this.#adapter.destroy();\n  }\n\n  #updateImage(): void {\n    if (this.#viewInitialized && this.src) {\n      this.#adapter.updateImage(this.#elementRef, this.src);\n    }\n  }\n}\n\nfunction getInitial(name: string): string {\n  return name.charAt(0).toUpperCase();\n}\n","<div\n  class=\"sky-elevation-1 sky-avatar-wrapper\"\n  [ngClass]=\"'sky-avatar-wrapper-size-' + size\"\n>\n  <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n  @if (src) {\n    <div class=\"sky-screen-reader-only\">\n      {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n    </div>\n  }\n  <div\n    class=\"sky-avatar-initials\"\n    [hidden]=\"src || !name\"\n    [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n  >\n    @if (size === 'small') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-body-sm': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'medium') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-3': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    } @else if (size === 'large') {\n      <div\n        class=\"sky-avatar-initials-inner\"\n        [skyThemeClass]=\"{\n          'sky-font-display-2': 'modern'\n        }\"\n      >\n        {{ initials }}\n      </div>\n    }\n  </div>\n</div>\n","import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { SkyDefaultInputProvider } from '@skyux/core';\nimport { ErrorModalConfig, SkyErrorModalService } from '@skyux/errors';\nimport { SkyFileDropChange, SkyFileItem, SkyFileSizePipe } from '@skyux/forms';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { Observable } from 'rxjs';\n\nimport { SkyAvatarSize } from './avatar-size';\nimport { SkyAvatarSrc } from './avatar-src';\n\nconst MAX_FILE_SIZE_DEFAULT = 512000;\n\n@Component({\n  selector: 'sky-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class SkyAvatarComponent {\n  /**\n   * Whether users can change the image. To select a different image,\n   * users click the image or drag another image on top of it,\n   * much like the `sky-file-drop` component in the\n   * [file attachment module](https://developer.blackbaud.com/skyux/components/file-attachments/file-attachment).\n   * @default false\n   */\n  @Input()\n  public set canChange(value: boolean | undefined) {\n    this.#_canChange = !!value;\n  }\n\n  public get canChange(): boolean {\n    return this.#_canChange;\n  }\n\n  /**\n   * The name of the record that the avatar represents.\n   * If the `src` property does not specify an image, the component displays\n   * initials from the first and last words in the name. To ensure\n   * that the component extracts the correct initials, specify a name with no prefix\n   * or suffix, or just specify initials with a space between them. This property is\n   * not required, but the component requires either the `name` or `src` property.\n   */\n  @Input()\n  public set name(value: string | undefined) {\n    this.#_name = value;\n  }\n\n  public get name(): string | undefined {\n    return this.#_name;\n  }\n\n  /**\n   * The image to identify a record. This property is\n   * not required, but the component requires either the `name` or `src` property.\n   */\n  @Input()\n  public set src(value: SkyAvatarSrc | undefined) {\n    this.#_src = value;\n  }\n\n  public get src(): SkyAvatarSrc | undefined {\n    return this.#_src;\n  }\n\n  /**\n   * The maximum file size for the image in bytes.\n   * @default 512000 bytes\n   */\n  @Input()\n  public maxFileSize: number | undefined = MAX_FILE_SIZE_DEFAULT;\n\n  /**\n   * The size of the avatar.\n   * Acceptable values are: `\"small\"`, `\"medium\"`, and `\"large\"`.\n   * @default \"large\"\n   */\n  @Input()\n  public size: SkyAvatarSize | undefined;\n\n  /**\n   * Emits a `SkyFileItem` object when the image is updated.\n   */\n  @Output()\n  public avatarChanged = new EventEmitter<SkyFileItem>();\n\n  protected sizeDefault: Observable<SkyAvatarSize> | undefined;\n\n  #_canChange = false;\n\n  #_name: string | undefined;\n\n  #_src: SkyAvatarSrc | undefined;\n\n  #errorService: SkyErrorModalService;\n  #fileSizePipe: SkyFileSizePipe;\n  #resourcesService: SkyLibResourcesService;\n\n  #defaultInputProvider = inject(SkyDefaultInputProvider, { optional: true });\n\n  constructor(\n    errorService: SkyErrorModalService,\n    fileSizePipe: SkyFileSizePipe,\n    resourcesService: SkyLibResourcesService,\n  ) {\n    this.#errorService = errorService;\n    this.#fileSizePipe = fileSizePipe;\n    this.#resourcesService = resourcesService;\n\n    this.sizeDefault = this.#defaultInputProvider?.getValue<SkyAvatarSize>(\n      'avatar',\n      'size',\n    );\n  }\n\n  public photoDrop(result: SkyFileDropChange): void {\n    /* sanity check */\n    /* istanbul ignore else */\n    if (result.files && result.files.length > 0) {\n      this.avatarChanged.emit(result.files[0]);\n    } else if (result.rejectedFiles && result.rejectedFiles.length > 0) {\n      this.#handleError(result.rejectedFiles);\n    }\n  }\n\n  #handleError(rejectedFiles: SkyFileItem[]): void {\n    const rejectedFile = rejectedFiles[0];\n\n    if (rejectedFile.errorType === 'maxFileSize') {\n      const title = this.#getString('skyux_avatar_error_too_large_title');\n      const description = this.#getString(\n        'skyux_avatar_error_too_large_description',\n        this.#maxFileSizeText(),\n      );\n\n      this.#openErrorModal(title, description);\n    } else if (rejectedFile.errorType === 'fileType') {\n      const title = this.#getString('skyux_avatar_error_not_image_title');\n      const description = this.#getString(\n        'skyux_avatar_error_not_image_description',\n      );\n\n      this.#openErrorModal(title, description);\n    }\n  }\n\n  #maxFileSizeText(): string {\n    return this.#fileSizePipe.transform(this.maxFileSize);\n  }\n\n  #openErrorModal(title: string, description: string): void {\n    const config: ErrorModalConfig = {\n      errorTitle: title,\n      errorDescription: description,\n      errorCloseText: this.#getString('skyux_avatar_errormodal_ok'),\n    };\n\n    this.#errorService.open(config);\n  }\n\n  #getString(key: string, ...args: any[]): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.#resourcesService.getStringForLocale(\n      { locale: 'en-US' },\n      key,\n      ...args,\n    );\n  }\n}\n","<div class=\"sky-avatar\">\n  @if (canChange) {\n    <div class=\"sky-avatar-file-drop\">\n      <sky-file-drop\n        [acceptedTypes]=\"'image/*'\"\n        [fileUploadAriaLabel]=\"\n          src\n            ? ('skyux_avatar_upload_change_aria_label' | skyLibResources: name)\n            : ('skyux_avatar_upload_new_aria_label' | skyLibResources: name)\n        \"\n        [multiple]=\"false\"\n        [maxFileSize]=\"maxFileSize\"\n        [multiple]=\"false\"\n        (filesChanged)=\"photoDrop($event)\"\n      >\n        <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n      </sky-file-drop>\n    </div>\n  } @else {\n    <div>\n      <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n    </div>\n  }\n</div>\n\n<ng-template #innerTemplate>\n  <sky-avatar-inner\n    [name]=\"name\"\n    [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n    [src]=\"src\"\n  />\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyErrorModule } from '@skyux/errors';\nimport { SkyFileAttachmentsModule, SkyFileSizePipe } from '@skyux/forms';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyAvatarResourcesModule } from '../shared/sky-avatar-resources.module';\n\nimport { SkyAvatarComponent } from './avatar.component';\nimport { SkyAvatarInnerComponent } from './avatar.inner.component';\n\n@NgModule({\n  declarations: [SkyAvatarInnerComponent, SkyAvatarComponent],\n  imports: [\n    CommonModule,\n    SkyAvatarResourcesModule,\n    SkyErrorModule,\n    SkyFileAttachmentsModule,\n    SkyThemeModule,\n  ],\n  providers: [SkyFileSizePipe],\n  exports: [SkyAvatarComponent],\n})\nexport class SkyAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SkyAvatarAdapterService","i2","i4","i3","i5.SkyAvatarInnerComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/avatar",
-  "version": "12.0.0-alpha.1",
+  "version": "12.0.0-alpha.11",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -32,16 +32,16 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^19.0.4",
-    "@angular/common": "^19.0.5",
-    "@angular/core": "^19.0.5",
-    "@angular/platform-browser": "^19.0.5",
-    "@skyux-sdk/testing": "12.0.0-alpha.1",
-    "@skyux/core": "12.0.0-alpha.1",
-    "@skyux/errors": "12.0.0-alpha.1",
-    "@skyux/forms": "12.0.0-alpha.1",
-    "@skyux/i18n": "12.0.0-alpha.1",
-    "@skyux/theme": "12.0.0-alpha.1"
+    "@angular/cdk": "^19.2.2",
+    "@angular/common": "^19.2.1",
+    "@angular/core": "^19.2.1",
+    "@angular/platform-browser": "^19.2.1",
+    "@skyux-sdk/testing": "12.0.0-alpha.11",
+    "@skyux/core": "12.0.0-alpha.11",
+    "@skyux/errors": "12.0.0-alpha.11",
+    "@skyux/forms": "12.0.0-alpha.11",
+    "@skyux/i18n": "12.0.0-alpha.11",
+    "@skyux/theme": "12.0.0-alpha.11"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/testing/public-api.d.ts

@@ -1,2 +1,3 @@
 export { SkyAvatarFixture } from './legacy/avatar-fixture';
 export { SkyAvatarHarness } from './modules/avatar/avatar-harness';
+export { SkyAvatarHarnessFilters } from './modules/avatar/avatar-harness-filters';