@skyux/avatar 8.6.0 → 9.0.0-alpha.0

package/fesm2020/skyux-avatar.mjs

@@ -1,361 +0,0 @@
-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 * as i1 from '@skyux/errors';
-import { SkyErrorModule } from '@skyux/errors';
-import * as i2 from '@skyux/forms';
-import { SkyFileAttachmentsModule, SkyFileSizePipe } from '@skyux/forms';
-import * as i3$1 from '@skyux/i18n';
-import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
-import * as i3 from '@skyux/theme';
-import { SkyThemeModule } from '@skyux/theme';
-import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
-import { SkyDefaultInputProvider } from '@skyux/core';
-
-/**
- * NOTICE: DO NOT MODIFY THIS FILE!
- * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-avatar' schematic.
- * To update this file, simply rerun the command.
- */
-const RESOURCES = {
-    'EN-US': {
-        skyux_avatar_error_not_image_description: {
-            message: 'Please choose a file that is a valid image.',
-        },
-        skyux_avatar_error_not_image_title: { message: 'File is not an image.' },
-        skyux_avatar_error_too_large_description: {
-            message: 'Please choose an image that is less than {0}.',
-        },
-        skyux_avatar_error_too_large_title: { message: 'File is too large.' },
-        skyux_avatar_errormodal_ok: { message: 'OK' },
-        skyux_avatar_inner_description: { message: 'Profile picture of {0}' },
-        skyux_avatar_upload_change_aria_label: {
-            message: 'Change profile photo of {0}. Drag a file here or click to browse.',
-        },
-        skyux_avatar_upload_new_aria_label: {
-            message: 'Add profile photo of {0}. Drag a file here or click to browse.',
-        },
-    },
-};
-class SkyAvatarResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-    }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-class SkyAvatarResourcesModule {
-}
-SkyAvatarResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAvatarResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarResourcesModule, exports: [SkyI18nModule] });
-SkyAvatarResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyAvatarResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyAvatarResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-
-var _SkyAvatarAdapterService_instances, _SkyAvatarAdapterService_blobUrl, _SkyAvatarAdapterService_createBlobUrl, _SkyAvatarAdapterService_revokeBlobUrl;
-/**
- * @internal
- */
-class SkyAvatarAdapterService {
-    constructor() {
-        _SkyAvatarAdapterService_instances.add(this);
-        _SkyAvatarAdapterService_blobUrl.set(this, void 0);
-    }
-    updateImage(elementRef, src) {
-        __classPrivateFieldGet(this, _SkyAvatarAdapterService_instances, "m", _SkyAvatarAdapterService_revokeBlobUrl).call(this);
-        const el = elementRef.nativeElement;
-        /*istanbul ignore else */
-        if (el) {
-            const imageEl = el.querySelector('.sky-avatar-image');
-            /*istanbul ignore else */
-            if (imageEl) {
-                let url = src;
-                if (src instanceof File || src instanceof Blob) {
-                    url = __classPrivateFieldGet(this, _SkyAvatarAdapterService_instances, "m", _SkyAvatarAdapterService_createBlobUrl).call(this, src);
-                }
-                // Notice the quotes inside the `url` function. This ensures proper url escaping.
-                imageEl.style.backgroundImage = 'url("' + url + '")';
-            }
-        }
-    }
-    destroy() {
-        __classPrivateFieldGet(this, _SkyAvatarAdapterService_instances, "m", _SkyAvatarAdapterService_revokeBlobUrl).call(this);
-    }
-}
-_SkyAvatarAdapterService_blobUrl = new WeakMap(), _SkyAvatarAdapterService_instances = new WeakSet(), _SkyAvatarAdapterService_createBlobUrl = function _SkyAvatarAdapterService_createBlobUrl(src) {
-    const url = URL.createObjectURL(src);
-    // Keep the last blob URL around so we can revoke it later.
-    // https://developer.mozilla.org/en-US/docs/Web/API/URL/revokeObjectURL
-    __classPrivateFieldSet(this, _SkyAvatarAdapterService_blobUrl, url, "f");
-    return url;
-}, _SkyAvatarAdapterService_revokeBlobUrl = function _SkyAvatarAdapterService_revokeBlobUrl() {
-    if (__classPrivateFieldGet(this, _SkyAvatarAdapterService_blobUrl, "f")) {
-        URL.revokeObjectURL(__classPrivateFieldGet(this, _SkyAvatarAdapterService_blobUrl, "f"));
-        __classPrivateFieldSet(this, _SkyAvatarAdapterService_blobUrl, undefined, "f");
-    }
-};
-SkyAvatarAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAvatarAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarAdapterService, decorators: [{
-            type: Injectable
-        }] });
-
-var _SkyAvatarInnerComponent_instances, _SkyAvatarInnerComponent_viewInitialized, _SkyAvatarInnerComponent__src, _SkyAvatarInnerComponent__name, _SkyAvatarInnerComponent_elementRef, _SkyAvatarInnerComponent_adapter, _SkyAvatarInnerComponent_updateImage;
-/**
- * @internal
- */
-class SkyAvatarInnerComponent {
-    get src() {
-        return __classPrivateFieldGet(this, _SkyAvatarInnerComponent__src, "f");
-    }
-    set src(value) {
-        __classPrivateFieldSet(this, _SkyAvatarInnerComponent__src, value, "f");
-        __classPrivateFieldGet(this, _SkyAvatarInnerComponent_instances, "m", _SkyAvatarInnerComponent_updateImage).call(this);
-    }
-    get name() {
-        return __classPrivateFieldGet(this, _SkyAvatarInnerComponent__name, "f");
-    }
-    set name(value) {
-        __classPrivateFieldSet(this, _SkyAvatarInnerComponent__name, value, "f");
-    }
-    constructor(elementRef, adapter) {
-        _SkyAvatarInnerComponent_instances.add(this);
-        this.size = 'large';
-        _SkyAvatarInnerComponent_viewInitialized.set(this, false);
-        _SkyAvatarInnerComponent__src.set(this, void 0);
-        _SkyAvatarInnerComponent__name.set(this, void 0);
-        _SkyAvatarInnerComponent_elementRef.set(this, void 0);
-        _SkyAvatarInnerComponent_adapter.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyAvatarInnerComponent_elementRef, elementRef, "f");
-        __classPrivateFieldSet(this, _SkyAvatarInnerComponent_adapter, adapter, "f");
-    }
-    get initials() {
-        let initials;
-        if (this.name) {
-            const nameSplit = this.name.split(' ');
-            initials = getInitial(nameSplit[0]);
-            if (nameSplit.length > 1) {
-                initials += getInitial(nameSplit[nameSplit.length - 1]);
-            }
-        }
-        return initials;
-    }
-    get colorIndex() {
-        const name = this.name;
-        let colorIndex;
-        if (name) {
-            // Generate a unique-ish color based on the record name.  This is deterministic
-            // so that a given name will always generate the same color.
-            const seed = name.charCodeAt(0) + name.charCodeAt(name.length - 1) + name.length;
-            colorIndex = Math.abs(seed % 6);
-        }
-        else {
-            colorIndex = 0;
-        }
-        return colorIndex;
-    }
-    ngAfterViewInit() {
-        __classPrivateFieldSet(this, _SkyAvatarInnerComponent_viewInitialized, true, "f");
-        __classPrivateFieldGet(this, _SkyAvatarInnerComponent_instances, "m", _SkyAvatarInnerComponent_updateImage).call(this);
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyAvatarInnerComponent_adapter, "f").destroy();
-    }
-}
-_SkyAvatarInnerComponent_viewInitialized = new WeakMap(), _SkyAvatarInnerComponent__src = new WeakMap(), _SkyAvatarInnerComponent__name = new WeakMap(), _SkyAvatarInnerComponent_elementRef = new WeakMap(), _SkyAvatarInnerComponent_adapter = new WeakMap(), _SkyAvatarInnerComponent_instances = new WeakSet(), _SkyAvatarInnerComponent_updateImage = function _SkyAvatarInnerComponent_updateImage() {
-    if (__classPrivateFieldGet(this, _SkyAvatarInnerComponent_viewInitialized, "f") && this.src) {
-        __classPrivateFieldGet(this, _SkyAvatarInnerComponent_adapter, "f").updateImage(__classPrivateFieldGet(this, _SkyAvatarInnerComponent_elementRef, "f"), this.src);
-    }
-};
-SkyAvatarInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarInnerComponent, deps: [{ token: i0.ElementRef }, { token: SkyAvatarAdapterService }], target: i0.ɵɵFactoryTarget.Component });
-SkyAvatarInnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAvatarInnerComponent, 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  <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 === 'large'\"\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", styles: [".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:#fff;cursor:default;-webkit-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-avatar-initials-inner{color:#212327}.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}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-initials-inner{color:#212327}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "15.2.9", ngImport: i0, type: SkyAvatarInnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-avatar-inner', providers: [SkyAvatarAdapterService], encapsulation: ViewEncapsulation.None, 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  <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 === 'large'\"\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", styles: [".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:#fff;cursor:default;-webkit-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-avatar-initials-inner{color:#212327}.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}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-initials-inner{color:#212327}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyAvatarAdapterService }]; }, propDecorators: { src: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });
-function getInitial(name) {
-    return name.charAt(0).toUpperCase();
-}
-
-var _SkyAvatarComponent_instances, _SkyAvatarComponent__canChange, _SkyAvatarComponent__name, _SkyAvatarComponent__src, _SkyAvatarComponent_errorService, _SkyAvatarComponent_fileSizePipe, _SkyAvatarComponent_resourcesService, _SkyAvatarComponent_defaultInputProvider, _SkyAvatarComponent_handleError, _SkyAvatarComponent_maxFileSizeText, _SkyAvatarComponent_openErrorModal, _SkyAvatarComponent_getString;
-const MAX_FILE_SIZE_DEFAULT = 500000;
-class SkyAvatarComponent {
-    /**
-     * Whether users can change the image. To select a different image,
-     * users click the image or drag another image on top of it,
-     * much like the `sky-file-drop` component in the
-     * [file attachment module](https://developer.blackbaud.com/skyux/components/file-attachments/file-attachment).
-     * @default false
-     */
-    set canChange(value) {
-        __classPrivateFieldSet(this, _SkyAvatarComponent__canChange, !!value, "f");
-    }
-    get canChange() {
-        return __classPrivateFieldGet(this, _SkyAvatarComponent__canChange, "f");
-    }
-    /**
-     * The name of the record that the avatar represents.
-     * If the `src` property does not specify an image, the component displays
-     * initials from the first and last words in the name. To ensure
-     * that the component extracts the correct initials, specify a name with no prefix
-     * or suffix, or just specify initials with a space between them. This property is
-     * not required, but the component requires either the `name` or `src` property.
-     */
-    set name(value) {
-        __classPrivateFieldSet(this, _SkyAvatarComponent__name, value, "f");
-    }
-    get name() {
-        return __classPrivateFieldGet(this, _SkyAvatarComponent__name, "f");
-    }
-    /**
-     * The image to identify a record. This property is
-     * not required, but the component requires either the `name` or `src` property.
-     */
-    set src(value) {
-        __classPrivateFieldSet(this, _SkyAvatarComponent__src, value, "f");
-    }
-    get src() {
-        return __classPrivateFieldGet(this, _SkyAvatarComponent__src, "f");
-    }
-    constructor(errorService, fileSizePipe, resourcesService) {
-        _SkyAvatarComponent_instances.add(this);
-        /**
-         * The maximum file size for the image in bytes.
-         * @default 500000 bytes
-         */
-        this.maxFileSize = MAX_FILE_SIZE_DEFAULT;
-        /**
-         * Emits a `SkyFileItem` object when the image is updated.
-         */
-        this.avatarChanged = new EventEmitter();
-        _SkyAvatarComponent__canChange.set(this, false);
-        _SkyAvatarComponent__name.set(this, void 0);
-        _SkyAvatarComponent__src.set(this, void 0);
-        _SkyAvatarComponent_errorService.set(this, void 0);
-        _SkyAvatarComponent_fileSizePipe.set(this, void 0);
-        _SkyAvatarComponent_resourcesService.set(this, void 0);
-        _SkyAvatarComponent_defaultInputProvider.set(this, inject(SkyDefaultInputProvider, { optional: true }));
-        __classPrivateFieldSet(this, _SkyAvatarComponent_errorService, errorService, "f");
-        __classPrivateFieldSet(this, _SkyAvatarComponent_fileSizePipe, fileSizePipe, "f");
-        __classPrivateFieldSet(this, _SkyAvatarComponent_resourcesService, resourcesService, "f");
-        this.sizeDefault = __classPrivateFieldGet(this, _SkyAvatarComponent_defaultInputProvider, "f")?.getValue('avatar', 'size');
-    }
-    photoDrop(result) {
-        /* sanity check */
-        /* istanbul ignore else */
-        if (result.files && result.files.length > 0) {
-            this.avatarChanged.emit(result.files[0]);
-        }
-        else if (result.rejectedFiles && result.rejectedFiles.length > 0) {
-            __classPrivateFieldGet(this, _SkyAvatarComponent_instances, "m", _SkyAvatarComponent_handleError).call(this, result.rejectedFiles);
-        }
-    }
-}
-_SkyAvatarComponent__canChange = new WeakMap(), _SkyAvatarComponent__name = new WeakMap(), _SkyAvatarComponent__src = new WeakMap(), _SkyAvatarComponent_errorService = new WeakMap(), _SkyAvatarComponent_fileSizePipe = new WeakMap(), _SkyAvatarComponent_resourcesService = new WeakMap(), _SkyAvatarComponent_defaultInputProvider = new WeakMap(), _SkyAvatarComponent_instances = new WeakSet(), _SkyAvatarComponent_handleError = function _SkyAvatarComponent_handleError(rejectedFiles) {
-    const rejectedFile = rejectedFiles[0];
-    if (rejectedFile.errorType === 'maxFileSize') {
-        const title = __classPrivateFieldGet(this, _SkyAvatarComponent_instances, "m", _SkyAvatarComponent_getString).call(this, 'skyux_avatar_error_too_large_title');
-        const description = __classPrivateFieldGet(this, _SkyAvatarComponent_instances, "m", _SkyAvatarComponent_getString).call(this, 'skyux_avatar_error_too_large_description', __classPrivateFieldGet(this, _SkyAvatarComponent_instances, "m", _SkyAvatarComponent_maxFileSizeText).call(this));
-        __classPrivateFieldGet(this, _SkyAvatarComponent_instances, "m", _SkyAvatarComponent_openErrorModal).call(this, title, description);
-    }
-    else if (rejectedFile.errorType === 'fileType') {
-        const title = __classPrivateFieldGet(this, _SkyAvatarComponent_instances, "m", _SkyAvatarComponent_getString).call(this, 'skyux_avatar_error_not_image_title');
-        const description = __classPrivateFieldGet(this, _SkyAvatarComponent_instances, "m", _SkyAvatarComponent_getString).call(this, 'skyux_avatar_error_not_image_description');
-        __classPrivateFieldGet(this, _SkyAvatarComponent_instances, "m", _SkyAvatarComponent_openErrorModal).call(this, title, description);
-    }
-}, _SkyAvatarComponent_maxFileSizeText = function _SkyAvatarComponent_maxFileSizeText() {
-    return __classPrivateFieldGet(this, _SkyAvatarComponent_fileSizePipe, "f").transform(this.maxFileSize);
-}, _SkyAvatarComponent_openErrorModal = function _SkyAvatarComponent_openErrorModal(title, description) {
-    const config = {
-        errorTitle: title,
-        errorDescription: description,
-        errorCloseText: __classPrivateFieldGet(this, _SkyAvatarComponent_instances, "m", _SkyAvatarComponent_getString).call(this, 'skyux_avatar_errormodal_ok'),
-    };
-    __classPrivateFieldGet(this, _SkyAvatarComponent_errorService, "f").open(config);
-}, _SkyAvatarComponent_getString = function _SkyAvatarComponent_getString(key, ...args) {
-    // TODO: Need to implement the async `getString` method in a breaking change.
-    return __classPrivateFieldGet(this, _SkyAvatarComponent_resourcesService, "f").getStringForLocale({ locale: 'en-US' }, key, ...args);
-};
-SkyAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarComponent, deps: [{ token: i1.SkyErrorModalService }, { token: i2.SkyFileSizePipe }, { token: i3$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
-SkyAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAvatarComponent, 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  <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\n    [name]=\"name\"\n    [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n    [src]=\"src\"\n  ></sky-avatar-inner>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.λ8, selector: "sky-file-drop", inputs: ["fileUploadAriaLabel", "linkUploadAriaLabel", "minFileSize", "maxFileSize", "multiple", "validateFn", "acceptedTypes", "noClick", "allowLinks"], 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: "15.2.9", ngImport: i0, type: SkyAvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-avatar', encapsulation: ViewEncapsulation.None, template: "<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\n    [name]=\"name\"\n    [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n    [src]=\"src\"\n  ></sky-avatar-inner>\n</ng-template>\n", styles: [".sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-theme-modern .sky-file-drop:focus{outline:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.SkyErrorModalService }, { type: i2.SkyFileSizePipe }, { type: i3$1.SkyLibResourcesService }]; }, propDecorators: { canChange: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }], maxFileSize: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], avatarChanged: [{
-                type: Output
-            }] } });
-
-class SkyAvatarModule {
-}
-SkyAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarModule, declarations: [SkyAvatarInnerComponent, SkyAvatarComponent], imports: [CommonModule,
-        SkyAvatarResourcesModule,
-        SkyErrorModule,
-        SkyFileAttachmentsModule,
-        SkyI18nModule,
-        SkyThemeModule], exports: [SkyAvatarComponent] });
-SkyAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarModule, providers: [SkyFileSizePipe], imports: [CommonModule,
-        SkyAvatarResourcesModule,
-        SkyErrorModule,
-        SkyFileAttachmentsModule,
-        SkyI18nModule,
-        SkyThemeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAvatarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyAvatarInnerComponent, SkyAvatarComponent],
-                    imports: [
-                        CommonModule,
-                        SkyAvatarResourcesModule,
-                        SkyErrorModule,
-                        SkyFileAttachmentsModule,
-                        SkyI18nModule,
-                        SkyThemeModule,
-                    ],
-                    providers: [SkyFileSizePipe],
-                    exports: [SkyAvatarComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SkyAvatarModule, SkyAvatarComponent as λ1 };
-//# sourceMappingURL=skyux-avatar.mjs.map