[CL-7] Avatar (#3153)

* CL-7 Begin Implementing Avatar

* add figma design to parameters

* rework size property

* Update Figma file to correct component

* remove circle input (avatar will always be a circle)

* adjust sizing and limit inputs

* Setup color input and functionality

* Add border option

* fix bug duplicating classes

* Update size for large avatar

* Remove unnecessary class

* Fix typo

* Remove 'dynamic' input (Avatar will now regenerate on changes by default)

* Use Tailwind class instead of an arbitrary value

* Remove gravatars (deprecated, see SG-434)

* Rename methods to a more accurate name

* Rework classList() getter method

* Remove unnecessary logic and services

* Make properties private, and rename for better clarity

* Move sanitizer logic to the TS code rather than the template

* Rework and move function to a common static class in Utils

* Rename 'data' to 'text' for clarity

* Rework classList implementation

* Remove email since we removed gravatars

* Remove template

* set color based on color, id, or text input

* rework generate method

* add explicit null/undefined check

* remove comment

Co-authored-by: Vincent Salucci <26154748+vincentsalucci@users.noreply.github.com>

libs/angular/src/components/avatar.component.ts

@@ -68,7 +68,7 @@ export class AvatarComponent implements OnChanges, OnInit {
       }
 
       const charObj = this.getCharText(chars);
-      const color = this.stringToColor(upperData);
+      const color = Utils.stringToColor(upperData);
       const svg = this.getSvg(this.size, color);
       svg.appendChild(charObj);
       const html = window.document.createElement("div").appendChild(svg).outerHTML;
@@ -77,19 +77,6 @@ export class AvatarComponent implements OnChanges, OnInit {
     }
   }
 
-  private stringToColor(str: string): string {
-    let hash = 0;
-    for (let i = 0; i < str.length; i++) {
-      hash = str.charCodeAt(i) + ((hash << 5) - hash);
-    }
-    let color = "#";
-    for (let i = 0; i < 3; i++) {
-      const value = (hash >> (i * 8)) & 0xff;
-      color += ("00" + value.toString(16)).substr(-2);
-    }
-    return color;
-  }
-
   private getFirstLetters(data: string, count: number): string {
     const parts = data.split(" ");
     if (parts.length > 1) {