@skyux/avatar 5.6.0 → 5.7.0

package/bundles/skyux-avatar.umd.js

@@ -32,7 +32,7 @@
     /**
      * NOTICE: DO NOT MODIFY THIS FILE!
      * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-avatar' schematic.
+     * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-avatar' schematic.
      * To update this file, simply rerun the command.
      */
     var RESOURCES = {

package/documentation.json

@@ -33,29 +33,7 @@
             }
           }
         ],
-        "children": [
-          {
-            "id": 44,
-            "name": "constructor",
-            "kind": 512,
-            "kindString": "Constructor",
-            "flags": {},
-            "signatures": [
-              {
-                "id": 45,
-                "name": "new SkyAvatarModule",
-                "kind": 16384,
-                "kindString": "Constructor signature",
-                "flags": {},
-                "type": {
-                  "type": "reference",
-                  "id": 43,
-                  "name": "SkyAvatarModule"
-                }
-              }
-            ]
-          }
-        ],
+        "children": [],
         "groups": [
           {
             "title": "Constructors",

package/esm2015/lib/modules/shared/sky-avatar-resources.module.js

@@ -1,7 +1,7 @@
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
  * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-avatar' schematic.
+ * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-avatar' schematic.
  * To update this file, simply rerun the command.
  */
 import { NgModule } from '@angular/core';

package/esm2015/lib/modules/shared/sky-avatar-resources.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-avatar-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/avatar/src/lib/modules/shared/sky-avatar-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,wCAAwC,EAAE;YACxC,OAAO,EAAE,6CAA6C;SACvD;QACD,kCAAkC,EAAE,EAAE,OAAO,EAAE,uBAAuB,EAAE;QACxE,wCAAwC,EAAE;YACxC,OAAO,EAAE,+CAA+C;SACzD;QACD,kCAAkC,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;QACrE,0BAA0B,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC7C,8BAA8B,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE;QACrE,qCAAqC,EAAE;YACrC,OAAO,EACL,mEAAmE;SACtE;QACD,kCAAkC,EAAE;YAClC,OAAO,EAAE,gEAAgE;SAC1E;KACF;CACF,CAAC;AAEF,MAAM,OAAO,0BAA0B;IAC9B,SAAS,CAAC,UAA4B,EAAE,IAAY;QACzD,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,YATzB,aAAa;uHASZ,wBAAwB,aARxB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,0BAA0B;YACpC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,wBAAwB;kBAVpC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,0BAA0B;4BACpC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\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 modules/shared/sky-avatar' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: 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\nexport class SkyAvatarResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyAvatarResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyAvatarResourcesModule {}\n"]}
+{"version":3,"file":"sky-avatar-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/avatar/src/lib/modules/shared/sky-avatar-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,wCAAwC,EAAE;YACxC,OAAO,EAAE,6CAA6C;SACvD;QACD,kCAAkC,EAAE,EAAE,OAAO,EAAE,uBAAuB,EAAE;QACxE,wCAAwC,EAAE;YACxC,OAAO,EAAE,+CAA+C;SACzD;QACD,kCAAkC,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;QACrE,0BAA0B,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC7C,8BAA8B,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE;QACrE,qCAAqC,EAAE;YACrC,OAAO,EACL,mEAAmE;SACtE;QACD,kCAAkC,EAAE;YAClC,OAAO,EAAE,gEAAgE;SAC1E;KACF;CACF,CAAC;AAEF,MAAM,OAAO,0BAA0B;IAC9B,SAAS,CACd,UAA4B,EAC5B,IAAY;QAEZ,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,YATzB,aAAa;uHASZ,wBAAwB,aARxB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,0BAA0B;YACpC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,wBAAwB;kBAVpC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,0BAA0B;4BACpC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\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  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: 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\nexport class SkyAvatarResourcesProvider implements SkyLibResourcesProvider {\n  public getString(\n    localeInfo: SkyAppLocaleInfo,\n    name: string\n  ): string | undefined {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyAvatarResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyAvatarResourcesModule {}\n"]}

package/fesm2015/skyux-avatar.js

@@ -14,7 +14,7 @@ import { SkyThemeModule } from '@skyux/theme';
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
  * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-avatar' schematic.
+ * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-avatar' schematic.
  * To update this file, simply rerun the command.
  */
 const RESOURCES = {

package/fesm2015/skyux-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-avatar.js","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":["/**\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 modules/shared/sky-avatar' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: 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\nexport class SkyAvatarResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyAvatarResourcesProvider,\n      multi: true,\n    },\n  ],\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  private blobUrl: string;\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: string;\n\n        if (src) {\n          if (src instanceof File || src instanceof Blob) {\n            url = this.createBlobUrl(src);\n          } else {\n            url = src;\n          }\n        }\n\n        // Notice the quotes inside the `url` function. This ensures proper url escaping.\n        imageEl.style.backgroundImage = url ? 'url(\"' + url + '\")' : '';\n      }\n    }\n  }\n\n  public destroy() {\n    this.revokeBlobUrl();\n  }\n\n  private 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  private 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})\nexport class SkyAvatarInnerComponent implements AfterViewInit, OnDestroy {\n  public get src(): SkyAvatarSrc {\n    return this._src;\n  }\n\n  @Input()\n  public set src(value: SkyAvatarSrc) {\n    this._src = value;\n    this.updateImage();\n  }\n\n  public get name(): string {\n    return this._name;\n  }\n\n  @Input()\n  public set name(value: string) {\n    this._name = value;\n  }\n\n  @Input()\n  public size: SkyAvatarSize;\n\n  private viewInitialized: boolean;\n\n  private _src: SkyAvatarSrc;\n\n  private _name: string;\n\n  constructor(\n    private elementRef: ElementRef,\n    private adapter: SkyAvatarAdapterService\n  ) {}\n\n  public get initials(): string {\n    let initials: string;\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    const name = this.name;\n    let colorIndex: number;\n\n    if (name) {\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        name.charCodeAt(0) + name.charCodeAt(name.length - 1) + name.length;\n      colorIndex = Math.abs(seed % 6);\n    } else {\n      colorIndex = 0;\n    }\n\n    return colorIndex;\n  }\n\n  public ngAfterViewInit() {\n    this.viewInitialized = true;\n    this.updateImage();\n  }\n\n  public ngOnDestroy() {\n    this.adapter.destroy();\n  }\n\n  private updateImage() {\n    if (this.viewInitialized) {\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 || 'large')\"\n>\n  <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n  <div *ngIf=\"src\" class=\"sky-screen-reader-only\">\n    {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n  </div>\n  <div\n    class=\"sky-avatar-initials\"\n    [hidden]=\"src || !name\"\n    [ngClass]=\"'sky-palette-multi-' + (colorIndex + 1)\"\n  >\n    <div\n      *ngIf=\"size === 'small'\"\n      class=\"sky-avatar-initials-inner\"\n      [skyThemeClass]=\"{\n        'sky-font-body-sm': 'modern'\n      }\"\n    >\n      {{ initials }}\n    </div>\n    <div\n      *ngIf=\"size === 'medium'\"\n      class=\"sky-avatar-initials-inner\"\n      [skyThemeClass]=\"{\n        'sky-font-display-3': 'modern'\n      }\"\n    >\n      {{ initials }}\n    </div>\n    <div\n      *ngIf=\"size !== 'small' && size !== 'medium'\"\n      class=\"sky-avatar-initials-inner\"\n      [skyThemeClass]=\"{\n        'sky-font-display-2': 'modern'\n      }\"\n    >\n      {{ initials }}\n    </div>\n  </div>\n</div>\n","import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ErrorModalConfig, SkyErrorModalService } from '@skyux/errors';\nimport { SkyFileDropChange, SkyFileItem, SkyFileSizePipe } from '@skyux/forms';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { SkyAvatarSize } from './avatar-size';\nimport { SkyAvatarSrc } from './avatar-src';\n\n@Component({\n  selector: 'sky-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyAvatarComponent {\n  /**\n   * Indicates 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) {\n    this._canChange = value;\n  }\n\n  public get canChange(): boolean {\n    return this._canChange;\n  }\n\n  /**\n   * Specifies 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) {\n    this._name = value;\n  }\n\n  public get name(): string {\n    return this._name;\n  }\n\n  /**\n   * Specifies an image to display 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) {\n    this._src = value;\n  }\n\n  public get src(): SkyAvatarSrc {\n    return this._src;\n  }\n\n  /**\n   * Specifies the maximum file size for the image in bytes.\n   */\n  @Input()\n  public maxFileSize = 500000;\n\n  /**\n   * Specifies the size of the avatar.\n   * Acceptable values are: `\"small\"`, `\"medium\"`, and `\"large\"`.\n   * @default \"large\"\n   */\n  @Input()\n  public size: SkyAvatarSize = 'large';\n\n  /**\n   * Emits a `SkyFileItem` object when the image is updated.\n   */\n  @Output()\n  public avatarChanged = new EventEmitter<SkyFileItem>();\n\n  private _canChange: boolean;\n\n  private _name: string;\n\n  private _src: SkyAvatarSrc;\n\n  constructor(\n    private errorService: SkyErrorModalService,\n    private fileSizePipe: SkyFileSizePipe,\n    private resourcesService: SkyLibResourcesService\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  private handleError(rejectedFiles: Array<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  private maxFileSizeText(): string {\n    return this.fileSizePipe.transform(this.maxFileSize);\n  }\n\n  private 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  private 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  <div *ngIf=\"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\"></ng-container>\n      </sky-file-drop>\n    </div>\n  </div>\n  <div *ngIf=\"!canChange\">\n    <ng-container *ngTemplateOutlet=\"innerTemplate\"></ng-container>\n  </div>\n</div>\n\n<ng-template #innerTemplate>\n  <sky-avatar-inner [name]=\"name\" [size]=\"size\" [src]=\"src\"></sky-avatar-inner>\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 { SkyI18nModule } from '@skyux/i18n';\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    SkyI18nModule,\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":[],"mappings":"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"}
+{"version":3,"file":"skyux-avatar.js","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":["/**\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  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: 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\nexport class SkyAvatarResourcesProvider implements SkyLibResourcesProvider {\n  public getString(\n    localeInfo: SkyAppLocaleInfo,\n    name: string\n  ): string | undefined {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyAvatarResourcesProvider,\n      multi: true,\n    },\n  ],\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  private blobUrl: string;\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: string;\n\n        if (src) {\n          if (src instanceof File || src instanceof Blob) {\n            url = this.createBlobUrl(src);\n          } else {\n            url = src;\n          }\n        }\n\n        // Notice the quotes inside the `url` function. This ensures proper url escaping.\n        imageEl.style.backgroundImage = url ? 'url(\"' + url + '\")' : '';\n      }\n    }\n  }\n\n  public destroy() {\n    this.revokeBlobUrl();\n  }\n\n  private 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  private 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})\nexport class SkyAvatarInnerComponent implements AfterViewInit, OnDestroy {\n  public get src(): SkyAvatarSrc {\n    return this._src;\n  }\n\n  @Input()\n  public set src(value: SkyAvatarSrc) {\n    this._src = value;\n    this.updateImage();\n  }\n\n  public get name(): string {\n    return this._name;\n  }\n\n  @Input()\n  public set name(value: string) {\n    this._name = value;\n  }\n\n  @Input()\n  public size: SkyAvatarSize;\n\n  private viewInitialized: boolean;\n\n  private _src: SkyAvatarSrc;\n\n  private _name: string;\n\n  constructor(\n    private elementRef: ElementRef,\n    private adapter: SkyAvatarAdapterService\n  ) {}\n\n  public get initials(): string {\n    let initials: string;\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    const name = this.name;\n    let colorIndex: number;\n\n    if (name) {\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        name.charCodeAt(0) + name.charCodeAt(name.length - 1) + name.length;\n      colorIndex = Math.abs(seed % 6);\n    } else {\n      colorIndex = 0;\n    }\n\n    return colorIndex;\n  }\n\n  public ngAfterViewInit() {\n    this.viewInitialized = true;\n    this.updateImage();\n  }\n\n  public ngOnDestroy() {\n    this.adapter.destroy();\n  }\n\n  private updateImage() {\n    if (this.viewInitialized) {\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 || 'large')\"\n>\n  <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n  <div *ngIf=\"src\" class=\"sky-screen-reader-only\">\n    {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n  </div>\n  <div\n    class=\"sky-avatar-initials\"\n    [hidden]=\"src || !name\"\n    [ngClass]=\"'sky-palette-multi-' + (colorIndex + 1)\"\n  >\n    <div\n      *ngIf=\"size === 'small'\"\n      class=\"sky-avatar-initials-inner\"\n      [skyThemeClass]=\"{\n        'sky-font-body-sm': 'modern'\n      }\"\n    >\n      {{ initials }}\n    </div>\n    <div\n      *ngIf=\"size === 'medium'\"\n      class=\"sky-avatar-initials-inner\"\n      [skyThemeClass]=\"{\n        'sky-font-display-3': 'modern'\n      }\"\n    >\n      {{ initials }}\n    </div>\n    <div\n      *ngIf=\"size !== 'small' && size !== 'medium'\"\n      class=\"sky-avatar-initials-inner\"\n      [skyThemeClass]=\"{\n        'sky-font-display-2': 'modern'\n      }\"\n    >\n      {{ initials }}\n    </div>\n  </div>\n</div>\n","import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ErrorModalConfig, SkyErrorModalService } from '@skyux/errors';\nimport { SkyFileDropChange, SkyFileItem, SkyFileSizePipe } from '@skyux/forms';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { SkyAvatarSize } from './avatar-size';\nimport { SkyAvatarSrc } from './avatar-src';\n\n@Component({\n  selector: 'sky-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyAvatarComponent {\n  /**\n   * Indicates 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) {\n    this._canChange = value;\n  }\n\n  public get canChange(): boolean {\n    return this._canChange;\n  }\n\n  /**\n   * Specifies 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) {\n    this._name = value;\n  }\n\n  public get name(): string {\n    return this._name;\n  }\n\n  /**\n   * Specifies an image to display 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) {\n    this._src = value;\n  }\n\n  public get src(): SkyAvatarSrc {\n    return this._src;\n  }\n\n  /**\n   * Specifies the maximum file size for the image in bytes.\n   */\n  @Input()\n  public maxFileSize = 500000;\n\n  /**\n   * Specifies the size of the avatar.\n   * Acceptable values are: `\"small\"`, `\"medium\"`, and `\"large\"`.\n   * @default \"large\"\n   */\n  @Input()\n  public size: SkyAvatarSize = 'large';\n\n  /**\n   * Emits a `SkyFileItem` object when the image is updated.\n   */\n  @Output()\n  public avatarChanged = new EventEmitter<SkyFileItem>();\n\n  private _canChange: boolean;\n\n  private _name: string;\n\n  private _src: SkyAvatarSrc;\n\n  constructor(\n    private errorService: SkyErrorModalService,\n    private fileSizePipe: SkyFileSizePipe,\n    private resourcesService: SkyLibResourcesService\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  private handleError(rejectedFiles: Array<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  private maxFileSizeText(): string {\n    return this.fileSizePipe.transform(this.maxFileSize);\n  }\n\n  private 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  private 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  <div *ngIf=\"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\"></ng-container>\n      </sky-file-drop>\n    </div>\n  </div>\n  <div *ngIf=\"!canChange\">\n    <ng-container *ngTemplateOutlet=\"innerTemplate\"></ng-container>\n  </div>\n</div>\n\n<ng-template #innerTemplate>\n  <sky-avatar-inner [name]=\"name\" [size]=\"size\" [src]=\"src\"></sky-avatar-inner>\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 { SkyI18nModule } from '@skyux/i18n';\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    SkyI18nModule,\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":[],"mappings":"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"}

package/lib/modules/shared/sky-avatar-resources.module.d.ts

@@ -2,7 +2,7 @@ import { SkyAppLocaleInfo, SkyLibResourcesProvider } from '@skyux/i18n';
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/i18n";
 export declare class SkyAvatarResourcesProvider implements SkyLibResourcesProvider {
-    getString(localeInfo: SkyAppLocaleInfo, name: string): string;
+    getString(localeInfo: SkyAppLocaleInfo, name: string): string | undefined;
 }
 /**
  * Import into any component library module that needs to use resource strings.

package/package.json

@@ -1,18 +1,6 @@
 {
   "name": "@skyux/avatar",
-  "version": "5.6.0",
-  "peerDependencies": {
-    "@angular/common": "^12.2.16",
-    "@angular/core": "^12.2.16",
-    "@angular/router": "^12.2.16",
-    "@skyux/core": "5.6.0",
-    "@skyux/i18n": "5.6.0",
-    "@skyux/errors": "5.6.0",
-    "@skyux/forms": "5.6.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.1"
-  },
+  "version": "5.7.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -27,6 +15,19 @@
     "url": "https://github.com/blackbaud/skyux/issues"
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
+  "peerDependencies": {
+    "@angular/common": "^12.2.16",
+    "@angular/core": "^12.2.16",
+    "@angular/platform-browser": "^12.2.16",
+    "@skyux-sdk/testing": "5.7.0",
+    "@skyux/errors": "5.7.0",
+    "@skyux/forms": "5.7.0",
+    "@skyux/i18n": "5.7.0",
+    "@skyux/theme": "5.7.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.1"
+  },
   "main": "bundles/skyux-avatar.umd.js",
   "module": "fesm2015/skyux-avatar.js",
   "es2015": "fesm2015/skyux-avatar.js",