@skyux/avatar 5.7.2 → 6.0.0-beta.2

package/fesm2015/skyux-avatar.mjs

@@ -0,0 +1,351 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { NgModule, Injectable, Component, ViewEncapsulation, Input, EventEmitter, Output } from '@angular/core';
+import * as i1 from '@skyux/errors';
+import { SkyErrorModule } from '@skyux/errors';
+import * as i2$1 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';
+
+/**
+ * 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: "13.2.7", ngImport: i0, type: SkyAvatarResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAvatarResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarResourcesModule, exports: [SkyI18nModule] });
+SkyAvatarResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyAvatarResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyAvatarResourcesProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAvatarAdapterService {
+    updateImage(elementRef, src) {
+        this.revokeBlobUrl();
+        const el = elementRef.nativeElement;
+        /*istanbul ignore else */
+        if (el) {
+            const imageEl = el.querySelector('.sky-avatar-image');
+            /*istanbul ignore else */
+            if (imageEl) {
+                let url;
+                if (src) {
+                    if (src instanceof File || src instanceof Blob) {
+                        url = this.createBlobUrl(src);
+                    }
+                    else {
+                        url = src;
+                    }
+                }
+                // Notice the quotes inside the `url` function. This ensures proper url escaping.
+                imageEl.style.backgroundImage = url ? 'url("' + url + '")' : '';
+            }
+        }
+    }
+    destroy() {
+        this.revokeBlobUrl();
+    }
+    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
+        this.blobUrl = url;
+        return url;
+    }
+    revokeBlobUrl() {
+        if (this.blobUrl) {
+            URL.revokeObjectURL(this.blobUrl);
+            this.blobUrl = undefined;
+        }
+    }
+}
+SkyAvatarAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyAvatarAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarAdapterService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAvatarInnerComponent {
+    constructor(elementRef, adapter) {
+        this.elementRef = elementRef;
+        this.adapter = adapter;
+    }
+    get src() {
+        return this._src;
+    }
+    set src(value) {
+        this._src = value;
+        this.updateImage();
+    }
+    get name() {
+        return this._name;
+    }
+    set name(value) {
+        this._name = value;
+    }
+    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() {
+        this.viewInitialized = true;
+        this.updateImage();
+    }
+    ngOnDestroy() {
+        this.adapter.destroy();
+    }
+    updateImage() {
+        if (this.viewInitialized) {
+            this.adapter.updateImage(this.elementRef, this.src);
+        }
+    }
+}
+SkyAvatarInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarInnerComponent, deps: [{ token: i0.ElementRef }, { token: SkyAvatarAdapterService }], target: i0.ɵɵFactoryTarget.Component });
+SkyAvatarInnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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 || '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", 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"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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 || '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", 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();
+}
+
+class SkyAvatarComponent {
+    constructor(errorService, fileSizePipe, resourcesService) {
+        this.errorService = errorService;
+        this.fileSizePipe = fileSizePipe;
+        this.resourcesService = resourcesService;
+        /**
+         * Specifies the maximum file size for the image in bytes.
+         */
+        this.maxFileSize = 500000;
+        /**
+         * Specifies the size of the avatar.
+         * Acceptable values are: `"small"`, `"medium"`, and `"large"`.
+         * @default "large"
+         */
+        this.size = 'large';
+        /**
+         * Emits a `SkyFileItem` object when the image is updated.
+         */
+        this.avatarChanged = new EventEmitter();
+    }
+    /**
+     * Indicates 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) {
+        this._canChange = value;
+    }
+    get canChange() {
+        return this._canChange;
+    }
+    /**
+     * Specifies 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) {
+        this._name = value;
+    }
+    get name() {
+        return this._name;
+    }
+    /**
+     * Specifies an image to display to identify a record. This property is
+     * not required, but the component requires either the `name` or `src` property.
+     */
+    set src(value) {
+        this._src = value;
+    }
+    get src() {
+        return this._src;
+    }
+    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) {
+            this.handleError(result.rejectedFiles);
+        }
+    }
+    handleError(rejectedFiles) {
+        const rejectedFile = rejectedFiles[0];
+        if (rejectedFile.errorType === 'maxFileSize') {
+            const title = this.getString('skyux_avatar_error_too_large_title');
+            const description = this.getString('skyux_avatar_error_too_large_description', this.maxFileSizeText());
+            this.openErrorModal(title, description);
+        }
+        else if (rejectedFile.errorType === 'fileType') {
+            const title = this.getString('skyux_avatar_error_not_image_title');
+            const description = this.getString('skyux_avatar_error_not_image_description');
+            this.openErrorModal(title, description);
+        }
+    }
+    maxFileSizeText() {
+        return this.fileSizePipe.transform(this.maxFileSize);
+    }
+    openErrorModal(title, description) {
+        const config = {
+            errorTitle: title,
+            errorDescription: description,
+            errorCloseText: this.getString('skyux_avatar_errormodal_ok'),
+        };
+        this.errorService.open(config);
+    }
+    getString(key, ...args) {
+        // TODO: Need to implement the async `getString` method in a breaking change.
+        return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key, ...args);
+    }
+}
+SkyAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarComponent, deps: [{ token: i1.SkyErrorModalService }, { token: i2$1.SkyFileSizePipe }, { token: i3$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
+SkyAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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 [name]=\"name\" [size]=\"size\" [src]=\"src\"></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"], components: [{ type: i2$1.λ8, selector: "sky-file-drop", inputs: ["fileUploadAriaLabel", "linkUploadAriaLabel", "minFileSize", "maxFileSize", "multiple", "validateFn", "acceptedTypes", "noClick", "allowLinks"], outputs: ["filesChanged", "linkInputBlur", "linkChanged"] }, { type: SkyAvatarInnerComponent, selector: "sky-avatar-inner", inputs: ["src", "name", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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 [name]=\"name\" [size]=\"size\" [src]=\"src\"></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$1.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: "13.2.7", ngImport: i0, type: SkyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", 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: "13.2.7", ngImport: i0, type: SkyAvatarModule, providers: [SkyFileSizePipe], imports: [[
+            CommonModule,
+            SkyAvatarResourcesModule,
+            SkyErrorModule,
+            SkyFileAttachmentsModule,
+            SkyI18nModule,
+            SkyThemeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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

package/fesm2015/skyux-avatar.mjs.map

@@ -0,0 +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":["/**\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":["i1.SkyAvatarAdapterService","i4","i2","i3","i4.SkyAvatarInnerComponent","i5"],"mappings":"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"}

package/{esm2015/testing/avatar-fixture.js → fesm2020/skyux-avatar-testing.mjs}

@@ -1,9 +1,10 @@
 import { By } from '@angular/platform-browser';
 import { SkyAppTestUtility } from '@skyux-sdk/testing';
+
 /**
  * Allows interaction with a SKY UX avatar component.
  */
-export class SkyAvatarFixture {
+class SkyAvatarFixture {
     constructor(fixture, skyTestId) {
         this.debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-avatar');
     }
@@ -28,4 +29,10 @@ export class SkyAvatarFixture {
         return undefined;
     }
 }
-//# sourceMappingURL=avatar-fixture.js.map
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkyAvatarFixture };
+//# sourceMappingURL=skyux-avatar-testing.mjs.map

package/fesm2020/skyux-avatar-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skyux-avatar-testing.mjs","sources":["../../../../../libs/components/avatar/testing/src/avatar-fixture.ts","../../../../../libs/components/avatar/testing/src/skyux-avatar-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX avatar component.\n */\nexport class SkyAvatarFixture {\n  /**\n   * The initials displayed when no image URL is specified.\n   */\n  public get initials(): string {\n    const initialsEl = this.debugEl.query(By.css('.sky-avatar-initials'));\n\n    if (SkyAppTestUtility.isVisible(initialsEl)) {\n      return SkyAppTestUtility.getText(\n        initialsEl.query(By.css('.sky-avatar-initials-inner'))\n      );\n    }\n\n    return undefined;\n  }\n\n  /**\n   * The avatar's current image URL.\n   */\n  public get imageUrl(): string {\n    const imageEl = this.debugEl.query(By.css('.sky-avatar-image'));\n\n    if (SkyAppTestUtility.isVisible(imageEl)) {\n      return SkyAppTestUtility.getBackgroundImageUrl(imageEl);\n    }\n\n    return undefined;\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-avatar'\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAKA;;AAEG;MACU,gBAAgB,CAAA;IA+B3B,WAAY,CAAA,OAA8B,EAAE,SAAiB,EAAA;AAC3D,QAAA,IAAI,CAAC,OAAO,GAAG,iBAAiB,CAAC,uBAAuB,CACtD,OAAO,EACP,SAAS,EACT,YAAY,CACb,CAAC;KACH;AApCD;;AAEG;AACH,IAAA,IAAW,QAAQ,GAAA;AACjB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAC;AAEtE,QAAA,IAAI,iBAAiB,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;AAC3C,YAAA,OAAO,iBAAiB,CAAC,OAAO,CAC9B,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC,CACvD,CAAC;AACH,SAAA;AAED,QAAA,OAAO,SAAS,CAAC;KAClB;AAED;;AAEG;AACH,IAAA,IAAW,QAAQ,GAAA;AACjB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC;AAEhE,QAAA,IAAI,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;AACxC,YAAA,OAAO,iBAAiB,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;AACzD,SAAA;AAED,QAAA,OAAO,SAAS,CAAC;KAClB;AAWF;;AC9CD;;AAEG;;;;"}