@skyux/avatar 5.7.2 → 6.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/index.mjs +7 -0
- package/esm2020/lib/modules/avatar/avatar-adapter.service.mjs +51 -0
- package/esm2020/lib/modules/avatar/avatar-size.mjs +2 -0
- package/esm2020/lib/modules/avatar/avatar-src.mjs +2 -0
- package/esm2020/lib/modules/avatar/avatar.component.mjs +125 -0
- package/esm2020/lib/modules/avatar/avatar.inner.component.mjs +82 -0
- package/esm2020/lib/modules/avatar/avatar.module.mjs +44 -0
- package/esm2020/lib/modules/shared/sky-avatar-resources.module.mjs +62 -0
- package/esm2020/skyux-avatar.mjs +5 -0
- package/esm2020/testing/avatar-fixture.mjs +31 -0
- package/esm2020/testing/public-api.mjs +2 -0
- package/esm2020/testing/skyux-avatar-testing.mjs +5 -0
- package/fesm2015/{skyux-avatar-testing.js → skyux-avatar-testing.mjs} +1 -1
- package/fesm2015/skyux-avatar-testing.mjs.map +1 -0
- package/fesm2015/skyux-avatar.mjs +351 -0
- package/fesm2015/skyux-avatar.mjs.map +1 -0
- package/{esm2015/testing/avatar-fixture.js → fesm2020/skyux-avatar-testing.mjs} +9 -2
- package/fesm2020/skyux-avatar-testing.mjs.map +1 -0
- package/fesm2020/skyux-avatar.mjs +351 -0
- package/fesm2020/skyux-avatar.mjs.map +1 -0
- package/package.json +39 -15
- package/testing/package.json +5 -5
- package/bundles/skyux-avatar-testing.umd.js +0 -54
- package/bundles/skyux-avatar.umd.js +0 -750
- package/esm2015/index.js +0 -7
- package/esm2015/index.js.map +0 -1
- package/esm2015/lib/modules/avatar/avatar-adapter.service.js +0 -51
- package/esm2015/lib/modules/avatar/avatar-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/avatar/avatar-size.js +0 -2
- package/esm2015/lib/modules/avatar/avatar-size.js.map +0 -1
- package/esm2015/lib/modules/avatar/avatar-src.js +0 -2
- package/esm2015/lib/modules/avatar/avatar-src.js.map +0 -1
- package/esm2015/lib/modules/avatar/avatar.component.js +0 -130
- package/esm2015/lib/modules/avatar/avatar.component.js.map +0 -1
- package/esm2015/lib/modules/avatar/avatar.inner.component.js +0 -88
- package/esm2015/lib/modules/avatar/avatar.inner.component.js.map +0 -1
- package/esm2015/lib/modules/avatar/avatar.module.js +0 -44
- package/esm2015/lib/modules/avatar/avatar.module.js.map +0 -1
- package/esm2015/lib/modules/shared/sky-avatar-resources.module.js +0 -62
- package/esm2015/lib/modules/shared/sky-avatar-resources.module.js.map +0 -1
- package/esm2015/skyux-avatar.js +0 -5
- package/esm2015/skyux-avatar.js.map +0 -1
- package/esm2015/testing/avatar-fixture.js.map +0 -1
- package/esm2015/testing/public-api.js +0 -2
- package/esm2015/testing/public-api.js.map +0 -1
- package/esm2015/testing/skyux-avatar-testing.js +0 -5
- package/esm2015/testing/skyux-avatar-testing.js.map +0 -1
- package/fesm2015/skyux-avatar-testing.js.map +0 -1
- package/fesm2015/skyux-avatar.js +0 -362
- package/fesm2015/skyux-avatar.js.map +0 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from './lib/modules/avatar/avatar-size';
|
|
2
|
+
export * from './lib/modules/avatar/avatar-src';
|
|
3
|
+
export * from './lib/modules/avatar/avatar.module';
|
|
4
|
+
// Components and directives must be exported to support Angular's "partial" Ivy compiler.
|
|
5
|
+
// Obscure names are used to indicate types are not part of public API.
|
|
6
|
+
export { SkyAvatarComponent as λ1 } from './lib/modules/avatar/avatar.component';
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYXZhdGFyL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUVuRCwwRkFBMEY7QUFDMUYsdUVBQXVFO0FBQ3ZFLE9BQU8sRUFBRSxrQkFBa0IsSUFBSSxFQUFFLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvYXZhdGFyL2F2YXRhci1zaXplJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvYXZhdGFyL2F2YXRhci1zcmMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5cbi8vIENvbXBvbmVudHMgYW5kIGRpcmVjdGl2ZXMgbXVzdCBiZSBleHBvcnRlZCB0byBzdXBwb3J0IEFuZ3VsYXIncyBcInBhcnRpYWxcIiBJdnkgY29tcGlsZXIuXG4vLyBPYnNjdXJlIG5hbWVzIGFyZSB1c2VkIHRvIGluZGljYXRlIHR5cGVzIGFyZSBub3QgcGFydCBvZiBwdWJsaWMgQVBJLlxuZXhwb3J0IHsgU2t5QXZhdGFyQ29tcG9uZW50IGFzIM67MSB9IGZyb20gJy4vbGliL21vZHVsZXMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQnO1xuIl19
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export class SkyAvatarAdapterService {
|
|
7
|
+
updateImage(elementRef, src) {
|
|
8
|
+
this.revokeBlobUrl();
|
|
9
|
+
const el = elementRef.nativeElement;
|
|
10
|
+
/*istanbul ignore else */
|
|
11
|
+
if (el) {
|
|
12
|
+
const imageEl = el.querySelector('.sky-avatar-image');
|
|
13
|
+
/*istanbul ignore else */
|
|
14
|
+
if (imageEl) {
|
|
15
|
+
let url;
|
|
16
|
+
if (src) {
|
|
17
|
+
if (src instanceof File || src instanceof Blob) {
|
|
18
|
+
url = this.createBlobUrl(src);
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
url = src;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
// Notice the quotes inside the `url` function. This ensures proper url escaping.
|
|
25
|
+
imageEl.style.backgroundImage = url ? 'url("' + url + '")' : '';
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
destroy() {
|
|
30
|
+
this.revokeBlobUrl();
|
|
31
|
+
}
|
|
32
|
+
createBlobUrl(src) {
|
|
33
|
+
const url = URL.createObjectURL(src);
|
|
34
|
+
// Keep the last blob URL around so we can revoke it later.
|
|
35
|
+
// https://developer.mozilla.org/en-US/docs/Web/API/URL/revokeObjectURL
|
|
36
|
+
this.blobUrl = url;
|
|
37
|
+
return url;
|
|
38
|
+
}
|
|
39
|
+
revokeBlobUrl() {
|
|
40
|
+
if (this.blobUrl) {
|
|
41
|
+
URL.revokeObjectURL(this.blobUrl);
|
|
42
|
+
this.blobUrl = undefined;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
SkyAvatarAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
47
|
+
SkyAvatarAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarAdapterService });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarAdapterService, decorators: [{
|
|
49
|
+
type: Injectable
|
|
50
|
+
}] });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWFkYXB0ZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hdmF0YXIvc3JjL2xpYi9tb2R1bGVzL2F2YXRhci9hdmF0YXItYWRhcHRlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYyxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSXZEOztHQUVHO0FBRUgsTUFBTSxPQUFPLHVCQUF1QjtJQUczQixXQUFXLENBQUMsVUFBc0IsRUFBRSxHQUFpQjtRQUMxRCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFFckIsTUFBTSxFQUFFLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUVwQyx5QkFBeUI7UUFDekIsSUFBSSxFQUFFLEVBQUU7WUFDTixNQUFNLE9BQU8sR0FBRyxFQUFFLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFDLENBQUM7WUFFdEQseUJBQXlCO1lBQ3pCLElBQUksT0FBTyxFQUFFO2dCQUNYLElBQUksR0FBVyxDQUFDO2dCQUVoQixJQUFJLEdBQUcsRUFBRTtvQkFDUCxJQUFJLEdBQUcsWUFBWSxJQUFJLElBQUksR0FBRyxZQUFZLElBQUksRUFBRTt3QkFDOUMsR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7cUJBQy9CO3lCQUFNO3dCQUNMLEdBQUcsR0FBRyxHQUFHLENBQUM7cUJBQ1g7aUJBQ0Y7Z0JBRUQsaUZBQWlGO2dCQUNqRixPQUFPLENBQUMsS0FBSyxDQUFDLGVBQWUsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLE9BQU8sR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7YUFDakU7U0FDRjtJQUNILENBQUM7SUFFTSxPQUFPO1FBQ1osSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxhQUFhLENBQUMsR0FBZ0I7UUFDcEMsTUFBTSxHQUFHLEdBQUcsR0FBRyxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUVyQywyREFBMkQ7UUFDM0QsdUVBQXVFO1FBQ3ZFLElBQUksQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQ25CLE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQztJQUVPLGFBQWE7UUFDbkIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLEdBQUcsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2xDLElBQUksQ0FBQyxPQUFPLEdBQUcsU0FBUyxDQUFDO1NBQzFCO0lBQ0gsQ0FBQzs7b0hBaERVLHVCQUF1Qjt3SEFBdkIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBRG5DLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmLCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreUF2YXRhclNyYyB9IGZyb20gJy4vYXZhdGFyLXNyYyc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBTa3lBdmF0YXJBZGFwdGVyU2VydmljZSB7XG4gIHByaXZhdGUgYmxvYlVybDogc3RyaW5nO1xuXG4gIHB1YmxpYyB1cGRhdGVJbWFnZShlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBzcmM6IFNreUF2YXRhclNyYykge1xuICAgIHRoaXMucmV2b2tlQmxvYlVybCgpO1xuXG4gICAgY29uc3QgZWwgPSBlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICAvKmlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgaWYgKGVsKSB7XG4gICAgICBjb25zdCBpbWFnZUVsID0gZWwucXVlcnlTZWxlY3RvcignLnNreS1hdmF0YXItaW1hZ2UnKTtcblxuICAgICAgLyppc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgICAgaWYgKGltYWdlRWwpIHtcbiAgICAgICAgbGV0IHVybDogc3RyaW5nO1xuXG4gICAgICAgIGlmIChzcmMpIHtcbiAgICAgICAgICBpZiAoc3JjIGluc3RhbmNlb2YgRmlsZSB8fCBzcmMgaW5zdGFuY2VvZiBCbG9iKSB7XG4gICAgICAgICAgICB1cmwgPSB0aGlzLmNyZWF0ZUJsb2JVcmwoc3JjKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdXJsID0gc3JjO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIE5vdGljZSB0aGUgcXVvdGVzIGluc2lkZSB0aGUgYHVybGAgZnVuY3Rpb24uIFRoaXMgZW5zdXJlcyBwcm9wZXIgdXJsIGVzY2FwaW5nLlxuICAgICAgICBpbWFnZUVsLnN0eWxlLmJhY2tncm91bmRJbWFnZSA9IHVybCA/ICd1cmwoXCInICsgdXJsICsgJ1wiKScgOiAnJztcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZGVzdHJveSgpIHtcbiAgICB0aGlzLnJldm9rZUJsb2JVcmwoKTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlQmxvYlVybChzcmM6IEJsb2IgfCBGaWxlKSB7XG4gICAgY29uc3QgdXJsID0gVVJMLmNyZWF0ZU9iamVjdFVSTChzcmMpO1xuXG4gICAgLy8gS2VlcCB0aGUgbGFzdCBibG9iIFVSTCBhcm91bmQgc28gd2UgY2FuIHJldm9rZSBpdCBsYXRlci5cbiAgICAvLyBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9BUEkvVVJML3Jldm9rZU9iamVjdFVSTFxuICAgIHRoaXMuYmxvYlVybCA9IHVybDtcbiAgICByZXR1cm4gdXJsO1xuICB9XG5cbiAgcHJpdmF0ZSByZXZva2VCbG9iVXJsKCkge1xuICAgIGlmICh0aGlzLmJsb2JVcmwpIHtcbiAgICAgIFVSTC5yZXZva2VPYmplY3RVUkwodGhpcy5ibG9iVXJsKTtcbiAgICAgIHRoaXMuYmxvYlVybCA9IHVuZGVmaW5lZDtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLXNpemUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYXZhdGFyL3NyYy9saWIvbW9kdWxlcy9hdmF0YXIvYXZhdGFyLXNpemUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFNreUF2YXRhclNpemUgPSAnbGFyZ2UnIHwgJ21lZGl1bScgfCAnc21hbGwnO1xuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLXNyYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hdmF0YXIvc3JjL2xpYi9tb2R1bGVzL2F2YXRhci9hdmF0YXItc3JjLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBTa3lBdmF0YXJTcmMgPSBzdHJpbmcgfCBCbG9iIHwgRmlsZTtcbiJdfQ==
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { SkyErrorModalService } from '@skyux/errors';
|
|
3
|
+
import { SkyFileSizePipe } from '@skyux/forms';
|
|
4
|
+
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@skyux/errors";
|
|
7
|
+
import * as i2 from "@skyux/forms";
|
|
8
|
+
import * as i3 from "@skyux/i18n";
|
|
9
|
+
import * as i4 from "./avatar.inner.component";
|
|
10
|
+
import * as i5 from "@angular/common";
|
|
11
|
+
export class SkyAvatarComponent {
|
|
12
|
+
constructor(errorService, fileSizePipe, resourcesService) {
|
|
13
|
+
this.errorService = errorService;
|
|
14
|
+
this.fileSizePipe = fileSizePipe;
|
|
15
|
+
this.resourcesService = resourcesService;
|
|
16
|
+
/**
|
|
17
|
+
* Specifies the maximum file size for the image in bytes.
|
|
18
|
+
*/
|
|
19
|
+
this.maxFileSize = 500000;
|
|
20
|
+
/**
|
|
21
|
+
* Specifies the size of the avatar.
|
|
22
|
+
* Acceptable values are: `"small"`, `"medium"`, and `"large"`.
|
|
23
|
+
* @default "large"
|
|
24
|
+
*/
|
|
25
|
+
this.size = 'large';
|
|
26
|
+
/**
|
|
27
|
+
* Emits a `SkyFileItem` object when the image is updated.
|
|
28
|
+
*/
|
|
29
|
+
this.avatarChanged = new EventEmitter();
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Indicates whether users can change the image. To select a different image,
|
|
33
|
+
* users click the image or drag another image on top of it,
|
|
34
|
+
* much like the `sky-file-drop` component in the
|
|
35
|
+
* [file attachment module](https://developer.blackbaud.com/skyux/components/file-attachments/file-attachment).
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
set canChange(value) {
|
|
39
|
+
this._canChange = value;
|
|
40
|
+
}
|
|
41
|
+
get canChange() {
|
|
42
|
+
return this._canChange;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Specifies the name of the record that the avatar represents.
|
|
46
|
+
* If the `src` property does not specify an image, the component displays
|
|
47
|
+
* initials from the first and last words in the name. To ensure
|
|
48
|
+
* that the component extracts the correct initials, specify a name with no prefix
|
|
49
|
+
* or suffix, or just specify initials with a space between them. This property is
|
|
50
|
+
* not required, but the component requires either the `name` or `src` property.
|
|
51
|
+
*/
|
|
52
|
+
set name(value) {
|
|
53
|
+
this._name = value;
|
|
54
|
+
}
|
|
55
|
+
get name() {
|
|
56
|
+
return this._name;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Specifies an image to display to identify a record. This property is
|
|
60
|
+
* not required, but the component requires either the `name` or `src` property.
|
|
61
|
+
*/
|
|
62
|
+
set src(value) {
|
|
63
|
+
this._src = value;
|
|
64
|
+
}
|
|
65
|
+
get src() {
|
|
66
|
+
return this._src;
|
|
67
|
+
}
|
|
68
|
+
photoDrop(result) {
|
|
69
|
+
/* sanity check */
|
|
70
|
+
/* istanbul ignore else */
|
|
71
|
+
if (result.files && result.files.length > 0) {
|
|
72
|
+
this.avatarChanged.emit(result.files[0]);
|
|
73
|
+
}
|
|
74
|
+
else if (result.rejectedFiles && result.rejectedFiles.length > 0) {
|
|
75
|
+
this.handleError(result.rejectedFiles);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
handleError(rejectedFiles) {
|
|
79
|
+
const rejectedFile = rejectedFiles[0];
|
|
80
|
+
if (rejectedFile.errorType === 'maxFileSize') {
|
|
81
|
+
const title = this.getString('skyux_avatar_error_too_large_title');
|
|
82
|
+
const description = this.getString('skyux_avatar_error_too_large_description', this.maxFileSizeText());
|
|
83
|
+
this.openErrorModal(title, description);
|
|
84
|
+
}
|
|
85
|
+
else if (rejectedFile.errorType === 'fileType') {
|
|
86
|
+
const title = this.getString('skyux_avatar_error_not_image_title');
|
|
87
|
+
const description = this.getString('skyux_avatar_error_not_image_description');
|
|
88
|
+
this.openErrorModal(title, description);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
maxFileSizeText() {
|
|
92
|
+
return this.fileSizePipe.transform(this.maxFileSize);
|
|
93
|
+
}
|
|
94
|
+
openErrorModal(title, description) {
|
|
95
|
+
const config = {
|
|
96
|
+
errorTitle: title,
|
|
97
|
+
errorDescription: description,
|
|
98
|
+
errorCloseText: this.getString('skyux_avatar_errormodal_ok'),
|
|
99
|
+
};
|
|
100
|
+
this.errorService.open(config);
|
|
101
|
+
}
|
|
102
|
+
getString(key, ...args) {
|
|
103
|
+
// TODO: Need to implement the async `getString` method in a breaking change.
|
|
104
|
+
return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key, ...args);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
SkyAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarComponent, deps: [{ token: i1.SkyErrorModalService }, { token: i2.SkyFileSizePipe }, { token: i3.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
108
|
+
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.λ8, selector: "sky-file-drop", inputs: ["fileUploadAriaLabel", "linkUploadAriaLabel", "minFileSize", "maxFileSize", "multiple", "validateFn", "acceptedTypes", "noClick", "allowLinks"], outputs: ["filesChanged", "linkInputBlur", "linkChanged"] }, { type: i4.SkyAvatarInnerComponent, selector: "sky-avatar-inner", inputs: ["src", "name", "size"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarComponent, decorators: [{
|
|
110
|
+
type: Component,
|
|
111
|
+
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"] }]
|
|
112
|
+
}], ctorParameters: function () { return [{ type: i1.SkyErrorModalService }, { type: i2.SkyFileSizePipe }, { type: i3.SkyLibResourcesService }]; }, propDecorators: { canChange: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}], name: [{
|
|
115
|
+
type: Input
|
|
116
|
+
}], src: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], maxFileSize: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], size: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], avatarChanged: [{
|
|
123
|
+
type: Output
|
|
124
|
+
}] } });
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hdmF0YXIvc3JjL2xpYi9tb2R1bGVzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2F2YXRhci9zcmMvbGliL21vZHVsZXMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQW9CLG9CQUFvQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBa0MsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7OztBQVdyRCxNQUFNLE9BQU8sa0JBQWtCO0lBeUU3QixZQUNVLFlBQWtDLEVBQ2xDLFlBQTZCLEVBQzdCLGdCQUF3QztRQUZ4QyxpQkFBWSxHQUFaLFlBQVksQ0FBc0I7UUFDbEMsaUJBQVksR0FBWixZQUFZLENBQWlCO1FBQzdCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBd0I7UUE3QmxEOztXQUVHO1FBRUksZ0JBQVcsR0FBRyxNQUFNLENBQUM7UUFFNUI7Ozs7V0FJRztRQUVJLFNBQUksR0FBa0IsT0FBTyxDQUFDO1FBRXJDOztXQUVHO1FBRUksa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0lBWXBELENBQUM7SUE1RUo7Ozs7OztPQU1HO0lBQ0gsSUFDVyxTQUFTLENBQUMsS0FBYztRQUNqQyxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUQ7Ozs7Ozs7T0FPRztJQUNILElBQ1csSUFBSSxDQUFDLEtBQWE7UUFDM0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELElBQVcsSUFBSTtRQUNiLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFDVyxHQUFHLENBQUMsS0FBbUI7UUFDaEMsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQVcsR0FBRztRQUNaLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBa0NNLFNBQVMsQ0FBQyxNQUF5QjtRQUN4QyxrQkFBa0I7UUFDbEIsMEJBQTBCO1FBQzFCLElBQUksTUFBTSxDQUFDLEtBQUssSUFBSSxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDM0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzFDO2FBQU0sSUFBSSxNQUFNLENBQUMsYUFBYSxJQUFJLE1BQU0sQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNsRSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUN4QztJQUNILENBQUM7SUFFTyxXQUFXLENBQUMsYUFBaUM7UUFDbkQsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRXRDLElBQUksWUFBWSxDQUFDLFNBQVMsS0FBSyxhQUFhLEVBQUU7WUFDNUMsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxvQ0FBb0MsQ0FBQyxDQUFDO1lBQ25FLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQ2hDLDBDQUEwQyxFQUMxQyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQ3ZCLENBQUM7WUFFRixJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQztTQUN6QzthQUFNLElBQUksWUFBWSxDQUFDLFNBQVMsS0FBSyxVQUFVLEVBQUU7WUFDaEQsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxvQ0FBb0MsQ0FBQyxDQUFDO1lBQ25FLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQ2hDLDBDQUEwQyxDQUMzQyxDQUFDO1lBRUYsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRU8sZUFBZTtRQUNyQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRU8sY0FBYyxDQUFDLEtBQWEsRUFBRSxXQUFtQjtRQUN2RCxNQUFNLE1BQU0sR0FBcUI7WUFDL0IsVUFBVSxFQUFFLEtBQUs7WUFDakIsZ0JBQWdCLEVBQUUsV0FBVztZQUM3QixjQUFjLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyw0QkFBNEIsQ0FBQztTQUM3RCxDQUFDO1FBRUYsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVPLFNBQVMsQ0FBQyxHQUFXLEVBQUUsR0FBRyxJQUFXO1FBQzNDLDZFQUE2RTtRQUM3RSxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsQ0FDN0MsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEVBQ25CLEdBQUcsRUFDSCxHQUFHLElBQUksQ0FDUixDQUFDO0lBQ0osQ0FBQzs7K0dBbklVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHVNQ3BCL0IsKzRCQTJCQTsyRkRQYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJOzhLQVcxQixTQUFTO3NCQURuQixLQUFLO2dCQWtCSyxJQUFJO3NCQURkLEtBQUs7Z0JBY0ssR0FBRztzQkFEYixLQUFLO2dCQWFDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBU0MsSUFBSTtzQkFEVixLQUFLO2dCQU9DLGFBQWE7c0JBRG5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXJyb3JNb2RhbENvbmZpZywgU2t5RXJyb3JNb2RhbFNlcnZpY2UgfSBmcm9tICdAc2t5dXgvZXJyb3JzJztcbmltcG9ydCB7IFNreUZpbGVEcm9wQ2hhbmdlLCBTa3lGaWxlSXRlbSwgU2t5RmlsZVNpemVQaXBlIH0gZnJvbSAnQHNreXV4L2Zvcm1zJztcbmltcG9ydCB7IFNreUxpYlJlc291cmNlc1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvaTE4bic7XG5cbmltcG9ydCB7IFNreUF2YXRhclNpemUgfSBmcm9tICcuL2F2YXRhci1zaXplJztcbmltcG9ydCB7IFNreUF2YXRhclNyYyB9IGZyb20gJy4vYXZhdGFyLXNyYyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNreUF2YXRhckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB1c2VycyBjYW4gY2hhbmdlIHRoZSBpbWFnZS4gVG8gc2VsZWN0IGEgZGlmZmVyZW50IGltYWdlLFxuICAgKiB1c2VycyBjbGljayB0aGUgaW1hZ2Ugb3IgZHJhZyBhbm90aGVyIGltYWdlIG9uIHRvcCBvZiBpdCxcbiAgICogbXVjaCBsaWtlIHRoZSBgc2t5LWZpbGUtZHJvcGAgY29tcG9uZW50IGluIHRoZVxuICAgKiBbZmlsZSBhdHRhY2htZW50IG1vZHVsZV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9jb21wb25lbnRzL2ZpbGUtYXR0YWNobWVudHMvZmlsZS1hdHRhY2htZW50KS5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgY2FuQ2hhbmdlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fY2FuQ2hhbmdlID0gdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGNhbkNoYW5nZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fY2FuQ2hhbmdlO1xuICB9XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbmFtZSBvZiB0aGUgcmVjb3JkIHRoYXQgdGhlIGF2YXRhciByZXByZXNlbnRzLlxuICAgKiBJZiB0aGUgYHNyY2AgcHJvcGVydHkgZG9lcyBub3Qgc3BlY2lmeSBhbiBpbWFnZSwgdGhlIGNvbXBvbmVudCBkaXNwbGF5c1xuICAgKiBpbml0aWFscyBmcm9tIHRoZSBmaXJzdCBhbmQgbGFzdCB3b3JkcyBpbiB0aGUgbmFtZS4gVG8gZW5zdXJlXG4gICAqIHRoYXQgdGhlIGNvbXBvbmVudCBleHRyYWN0cyB0aGUgY29ycmVjdCBpbml0aWFscywgc3BlY2lmeSBhIG5hbWUgd2l0aCBubyBwcmVmaXhcbiAgICogb3Igc3VmZml4LCBvciBqdXN0IHNwZWNpZnkgaW5pdGlhbHMgd2l0aCBhIHNwYWNlIGJldHdlZW4gdGhlbS4gVGhpcyBwcm9wZXJ0eSBpc1xuICAgKiBub3QgcmVxdWlyZWQsIGJ1dCB0aGUgY29tcG9uZW50IHJlcXVpcmVzIGVpdGhlciB0aGUgYG5hbWVgIG9yIGBzcmNgIHByb3BlcnR5LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBuYW1lKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9uYW1lID0gdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IG5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fbmFtZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgYW4gaW1hZ2UgdG8gZGlzcGxheSB0byBpZGVudGlmeSBhIHJlY29yZC4gVGhpcyBwcm9wZXJ0eSBpc1xuICAgKiBub3QgcmVxdWlyZWQsIGJ1dCB0aGUgY29tcG9uZW50IHJlcXVpcmVzIGVpdGhlciB0aGUgYG5hbWVgIG9yIGBzcmNgIHByb3BlcnR5LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBzcmModmFsdWU6IFNreUF2YXRhclNyYykge1xuICAgIHRoaXMuX3NyYyA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBzcmMoKTogU2t5QXZhdGFyU3JjIHtcbiAgICByZXR1cm4gdGhpcy5fc3JjO1xuICB9XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbWF4aW11bSBmaWxlIHNpemUgZm9yIHRoZSBpbWFnZSBpbiBieXRlcy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBtYXhGaWxlU2l6ZSA9IDUwMDAwMDtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBzaXplIG9mIHRoZSBhdmF0YXIuXG4gICAqIEFjY2VwdGFibGUgdmFsdWVzIGFyZTogYFwic21hbGxcImAsIGBcIm1lZGl1bVwiYCwgYW5kIGBcImxhcmdlXCJgLlxuICAgKiBAZGVmYXVsdCBcImxhcmdlXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzaXplOiBTa3lBdmF0YXJTaXplID0gJ2xhcmdlJztcblxuICAvKipcbiAgICogRW1pdHMgYSBgU2t5RmlsZUl0ZW1gIG9iamVjdCB3aGVuIHRoZSBpbWFnZSBpcyB1cGRhdGVkLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBhdmF0YXJDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxTa3lGaWxlSXRlbT4oKTtcblxuICBwcml2YXRlIF9jYW5DaGFuZ2U6IGJvb2xlYW47XG5cbiAgcHJpdmF0ZSBfbmFtZTogc3RyaW5nO1xuXG4gIHByaXZhdGUgX3NyYzogU2t5QXZhdGFyU3JjO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZXJyb3JTZXJ2aWNlOiBTa3lFcnJvck1vZGFsU2VydmljZSxcbiAgICBwcml2YXRlIGZpbGVTaXplUGlwZTogU2t5RmlsZVNpemVQaXBlLFxuICAgIHByaXZhdGUgcmVzb3VyY2VzU2VydmljZTogU2t5TGliUmVzb3VyY2VzU2VydmljZVxuICApIHt9XG5cbiAgcHVibGljIHBob3RvRHJvcChyZXN1bHQ6IFNreUZpbGVEcm9wQ2hhbmdlKTogdm9pZCB7XG4gICAgLyogc2FuaXR5IGNoZWNrICovXG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAocmVzdWx0LmZpbGVzICYmIHJlc3VsdC5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLmF2YXRhckNoYW5nZWQuZW1pdChyZXN1bHQuZmlsZXNbMF0pO1xuICAgIH0gZWxzZSBpZiAocmVzdWx0LnJlamVjdGVkRmlsZXMgJiYgcmVzdWx0LnJlamVjdGVkRmlsZXMubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5oYW5kbGVFcnJvcihyZXN1bHQucmVqZWN0ZWRGaWxlcyk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBoYW5kbGVFcnJvcihyZWplY3RlZEZpbGVzOiBBcnJheTxTa3lGaWxlSXRlbT4pOiB2b2lkIHtcbiAgICBjb25zdCByZWplY3RlZEZpbGUgPSByZWplY3RlZEZpbGVzWzBdO1xuXG4gICAgaWYgKHJlamVjdGVkRmlsZS5lcnJvclR5cGUgPT09ICdtYXhGaWxlU2l6ZScpIHtcbiAgICAgIGNvbnN0IHRpdGxlID0gdGhpcy5nZXRTdHJpbmcoJ3NreXV4X2F2YXRhcl9lcnJvcl90b29fbGFyZ2VfdGl0bGUnKTtcbiAgICAgIGNvbnN0IGRlc2NyaXB0aW9uID0gdGhpcy5nZXRTdHJpbmcoXG4gICAgICAgICdza3l1eF9hdmF0YXJfZXJyb3JfdG9vX2xhcmdlX2Rlc2NyaXB0aW9uJyxcbiAgICAgICAgdGhpcy5tYXhGaWxlU2l6ZVRleHQoKVxuICAgICAgKTtcblxuICAgICAgdGhpcy5vcGVuRXJyb3JNb2RhbCh0aXRsZSwgZGVzY3JpcHRpb24pO1xuICAgIH0gZWxzZSBpZiAocmVqZWN0ZWRGaWxlLmVycm9yVHlwZSA9PT0gJ2ZpbGVUeXBlJykge1xuICAgICAgY29uc3QgdGl0bGUgPSB0aGlzLmdldFN0cmluZygnc2t5dXhfYXZhdGFyX2Vycm9yX25vdF9pbWFnZV90aXRsZScpO1xuICAgICAgY29uc3QgZGVzY3JpcHRpb24gPSB0aGlzLmdldFN0cmluZyhcbiAgICAgICAgJ3NreXV4X2F2YXRhcl9lcnJvcl9ub3RfaW1hZ2VfZGVzY3JpcHRpb24nXG4gICAgICApO1xuXG4gICAgICB0aGlzLm9wZW5FcnJvck1vZGFsKHRpdGxlLCBkZXNjcmlwdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBtYXhGaWxlU2l6ZVRleHQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5maWxlU2l6ZVBpcGUudHJhbnNmb3JtKHRoaXMubWF4RmlsZVNpemUpO1xuICB9XG5cbiAgcHJpdmF0ZSBvcGVuRXJyb3JNb2RhbCh0aXRsZTogc3RyaW5nLCBkZXNjcmlwdGlvbjogc3RyaW5nKTogdm9pZCB7XG4gICAgY29uc3QgY29uZmlnOiBFcnJvck1vZGFsQ29uZmlnID0ge1xuICAgICAgZXJyb3JUaXRsZTogdGl0bGUsXG4gICAgICBlcnJvckRlc2NyaXB0aW9uOiBkZXNjcmlwdGlvbixcbiAgICAgIGVycm9yQ2xvc2VUZXh0OiB0aGlzLmdldFN0cmluZygnc2t5dXhfYXZhdGFyX2Vycm9ybW9kYWxfb2snKSxcbiAgICB9O1xuXG4gICAgdGhpcy5lcnJvclNlcnZpY2Uub3Blbihjb25maWcpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRTdHJpbmcoa2V5OiBzdHJpbmcsIC4uLmFyZ3M6IGFueVtdKTogc3RyaW5nIHtcbiAgICAvLyBUT0RPOiBOZWVkIHRvIGltcGxlbWVudCB0aGUgYXN5bmMgYGdldFN0cmluZ2AgbWV0aG9kIGluIGEgYnJlYWtpbmcgY2hhbmdlLlxuICAgIHJldHVybiB0aGlzLnJlc291cmNlc1NlcnZpY2UuZ2V0U3RyaW5nRm9yTG9jYWxlKFxuICAgICAgeyBsb2NhbGU6ICdlbi1VUycgfSxcbiAgICAgIGtleSxcbiAgICAgIC4uLmFyZ3NcbiAgICApO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2t5LWF2YXRhclwiPlxuICA8ZGl2ICpuZ0lmPVwiY2FuQ2hhbmdlXCI+XG4gICAgPGRpdiBjbGFzcz1cInNreS1hdmF0YXItZmlsZS1kcm9wXCI+XG4gICAgICA8c2t5LWZpbGUtZHJvcFxuICAgICAgICBbYWNjZXB0ZWRUeXBlc109XCInaW1hZ2UvKidcIlxuICAgICAgICBbZmlsZVVwbG9hZEFyaWFMYWJlbF09XCJcbiAgICAgICAgICBzcmNcbiAgICAgICAgICAgID8gKCdza3l1eF9hdmF0YXJfdXBsb2FkX2NoYW5nZV9hcmlhX2xhYmVsJyB8IHNreUxpYlJlc291cmNlczogbmFtZSlcbiAgICAgICAgICAgIDogKCdza3l1eF9hdmF0YXJfdXBsb2FkX25ld19hcmlhX2xhYmVsJyB8IHNreUxpYlJlc291cmNlczogbmFtZSlcbiAgICAgICAgXCJcbiAgICAgICAgW211bHRpcGxlXT1cImZhbHNlXCJcbiAgICAgICAgW21heEZpbGVTaXplXT1cIm1heEZpbGVTaXplXCJcbiAgICAgICAgW211bHRpcGxlXT1cImZhbHNlXCJcbiAgICAgICAgKGZpbGVzQ2hhbmdlZCk9XCJwaG90b0Ryb3AoJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbm5lclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L3NreS1maWxlLWRyb3A+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwiIWNhbkNoYW5nZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbm5lclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjaW5uZXJUZW1wbGF0ZT5cbiAgPHNreS1hdmF0YXItaW5uZXIgW25hbWVdPVwibmFtZVwiIFtzaXplXT1cInNpemVcIiBbc3JjXT1cInNyY1wiPjwvc2t5LWF2YXRhci1pbm5lcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { Component, ElementRef, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { SkyAvatarAdapterService } from './avatar-adapter.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./avatar-adapter.service";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "@skyux/theme";
|
|
7
|
+
import * as i4 from "@skyux/i18n";
|
|
8
|
+
/**
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
11
|
+
export class SkyAvatarInnerComponent {
|
|
12
|
+
constructor(elementRef, adapter) {
|
|
13
|
+
this.elementRef = elementRef;
|
|
14
|
+
this.adapter = adapter;
|
|
15
|
+
}
|
|
16
|
+
get src() {
|
|
17
|
+
return this._src;
|
|
18
|
+
}
|
|
19
|
+
set src(value) {
|
|
20
|
+
this._src = value;
|
|
21
|
+
this.updateImage();
|
|
22
|
+
}
|
|
23
|
+
get name() {
|
|
24
|
+
return this._name;
|
|
25
|
+
}
|
|
26
|
+
set name(value) {
|
|
27
|
+
this._name = value;
|
|
28
|
+
}
|
|
29
|
+
get initials() {
|
|
30
|
+
let initials;
|
|
31
|
+
if (this.name) {
|
|
32
|
+
const nameSplit = this.name.split(' ');
|
|
33
|
+
initials = getInitial(nameSplit[0]);
|
|
34
|
+
if (nameSplit.length > 1) {
|
|
35
|
+
initials += getInitial(nameSplit[nameSplit.length - 1]);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return initials;
|
|
39
|
+
}
|
|
40
|
+
get colorIndex() {
|
|
41
|
+
const name = this.name;
|
|
42
|
+
let colorIndex;
|
|
43
|
+
if (name) {
|
|
44
|
+
// Generate a unique-ish color based on the record name. This is deterministic
|
|
45
|
+
// so that a given name will always generate the same color.
|
|
46
|
+
const seed = name.charCodeAt(0) + name.charCodeAt(name.length - 1) + name.length;
|
|
47
|
+
colorIndex = Math.abs(seed % 6);
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
colorIndex = 0;
|
|
51
|
+
}
|
|
52
|
+
return colorIndex;
|
|
53
|
+
}
|
|
54
|
+
ngAfterViewInit() {
|
|
55
|
+
this.viewInitialized = true;
|
|
56
|
+
this.updateImage();
|
|
57
|
+
}
|
|
58
|
+
ngOnDestroy() {
|
|
59
|
+
this.adapter.destroy();
|
|
60
|
+
}
|
|
61
|
+
updateImage() {
|
|
62
|
+
if (this.viewInitialized) {
|
|
63
|
+
this.adapter.updateImage(this.elementRef, this.src);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
SkyAvatarInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarInnerComponent, deps: [{ token: i0.ElementRef }, { token: i1.SkyAvatarAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
+
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": i4.SkyLibResourcesPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarInnerComponent, decorators: [{
|
|
70
|
+
type: Component,
|
|
71
|
+
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"] }]
|
|
72
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SkyAvatarAdapterService }]; }, propDecorators: { src: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], name: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], size: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}] } });
|
|
79
|
+
function getInitial(name) {
|
|
80
|
+
return name.charAt(0).toUpperCase();
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hdmF0YXIvc3JjL2xpYi9tb2R1bGVzL2F2YXRhci9hdmF0YXIuaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2F2YXRhci9zcmMvbGliL21vZHVsZXMvYXZhdGFyL2F2YXRhci5pbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBRUwsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFJbkU7O0dBRUc7QUFRSCxNQUFNLE9BQU8sdUJBQXVCO0lBNkJsQyxZQUNVLFVBQXNCLEVBQ3RCLE9BQWdDO1FBRGhDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsWUFBTyxHQUFQLE9BQU8sQ0FBeUI7SUFDdkMsQ0FBQztJQS9CSixJQUFXLEdBQUc7UUFDWixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQ1csR0FBRyxDQUFDLEtBQW1CO1FBQ2hDLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsSUFBVyxJQUFJO1FBQ2IsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUNXLElBQUksQ0FBQyxLQUFhO1FBQzNCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFnQkQsSUFBVyxRQUFRO1FBQ2pCLElBQUksUUFBZ0IsQ0FBQztRQUVyQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDYixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUN2QyxRQUFRLEdBQUcsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBRXBDLElBQUksU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ3hCLFFBQVEsSUFBSSxVQUFVLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUN6RDtTQUNGO1FBRUQsT0FBTyxRQUFRLENBQUM7SUFDbEIsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3ZCLElBQUksVUFBa0IsQ0FBQztRQUV2QixJQUFJLElBQUksRUFBRTtZQUNSLCtFQUErRTtZQUMvRSw0REFBNEQ7WUFDNUQsTUFBTSxJQUFJLEdBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUN0RSxVQUFVLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDakM7YUFBTTtZQUNMLFVBQVUsR0FBRyxDQUFDLENBQUM7U0FDaEI7UUFFRCxPQUFPLFVBQVUsQ0FBQztJQUNwQixDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUM1QixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDckQ7SUFDSCxDQUFDOztvSEEvRVUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsK0ZBSHZCLENBQUMsdUJBQXVCLENBQUMsMEJDcEJ0Qyx1bENBMENBOzJGRG5CYSx1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0Usa0JBQWtCLGFBR2pCLENBQUMsdUJBQXVCLENBQUMsaUJBQ3JCLGlCQUFpQixDQUFDLElBQUk7dUlBUTFCLEdBQUc7c0JBRGIsS0FBSztnQkFXSyxJQUFJO3NCQURkLEtBQUs7Z0JBTUMsSUFBSTtzQkFEVixLQUFLOztBQThEUixTQUFTLFVBQVUsQ0FBQyxJQUFZO0lBQzlCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztBQUN0QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreUF2YXRhckFkYXB0ZXJTZXJ2aWNlIH0gZnJvbSAnLi9hdmF0YXItYWRhcHRlci5zZXJ2aWNlJztcbmltcG9ydCB7IFNreUF2YXRhclNpemUgfSBmcm9tICcuL2F2YXRhci1zaXplJztcbmltcG9ydCB7IFNreUF2YXRhclNyYyB9IGZyb20gJy4vYXZhdGFyLXNyYyc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hdmF0YXItaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLmlubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmlubmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1NreUF2YXRhckFkYXB0ZXJTZXJ2aWNlXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QXZhdGFySW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBwdWJsaWMgZ2V0IHNyYygpOiBTa3lBdmF0YXJTcmMge1xuICAgIHJldHVybiB0aGlzLl9zcmM7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHNyYyh2YWx1ZTogU2t5QXZhdGFyU3JjKSB7XG4gICAgdGhpcy5fc3JjID0gdmFsdWU7XG4gICAgdGhpcy51cGRhdGVJbWFnZSgpO1xuICB9XG5cbiAgcHVibGljIGdldCBuYW1lKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX25hbWU7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IG5hbWUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX25hbWUgPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzaXplOiBTa3lBdmF0YXJTaXplO1xuXG4gIHByaXZhdGUgdmlld0luaXRpYWxpemVkOiBib29sZWFuO1xuXG4gIHByaXZhdGUgX3NyYzogU2t5QXZhdGFyU3JjO1xuXG4gIHByaXZhdGUgX25hbWU6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSBhZGFwdGVyOiBTa3lBdmF0YXJBZGFwdGVyU2VydmljZVxuICApIHt9XG5cbiAgcHVibGljIGdldCBpbml0aWFscygpOiBzdHJpbmcge1xuICAgIGxldCBpbml0aWFsczogc3RyaW5nO1xuXG4gICAgaWYgKHRoaXMubmFtZSkge1xuICAgICAgY29uc3QgbmFtZVNwbGl0ID0gdGhpcy5uYW1lLnNwbGl0KCcgJyk7XG4gICAgICBpbml0aWFscyA9IGdldEluaXRpYWwobmFtZVNwbGl0WzBdKTtcblxuICAgICAgaWYgKG5hbWVTcGxpdC5sZW5ndGggPiAxKSB7XG4gICAgICAgIGluaXRpYWxzICs9IGdldEluaXRpYWwobmFtZVNwbGl0W25hbWVTcGxpdC5sZW5ndGggLSAxXSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIGluaXRpYWxzO1xuICB9XG5cbiAgcHVibGljIGdldCBjb2xvckluZGV4KCk6IG51bWJlciB7XG4gICAgY29uc3QgbmFtZSA9IHRoaXMubmFtZTtcbiAgICBsZXQgY29sb3JJbmRleDogbnVtYmVyO1xuXG4gICAgaWYgKG5hbWUpIHtcbiAgICAgIC8vIEdlbmVyYXRlIGEgdW5pcXVlLWlzaCBjb2xvciBiYXNlZCBvbiB0aGUgcmVjb3JkIG5hbWUuICBUaGlzIGlzIGRldGVybWluaXN0aWNcbiAgICAgIC8vIHNvIHRoYXQgYSBnaXZlbiBuYW1lIHdpbGwgYWx3YXlzIGdlbmVyYXRlIHRoZSBzYW1lIGNvbG9yLlxuICAgICAgY29uc3Qgc2VlZCA9XG4gICAgICAgIG5hbWUuY2hhckNvZGVBdCgwKSArIG5hbWUuY2hhckNvZGVBdChuYW1lLmxlbmd0aCAtIDEpICsgbmFtZS5sZW5ndGg7XG4gICAgICBjb2xvckluZGV4ID0gTWF0aC5hYnMoc2VlZCAlIDYpO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb2xvckluZGV4ID0gMDtcbiAgICB9XG5cbiAgICByZXR1cm4gY29sb3JJbmRleDtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy52aWV3SW5pdGlhbGl6ZWQgPSB0cnVlO1xuICAgIHRoaXMudXBkYXRlSW1hZ2UoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmFkYXB0ZXIuZGVzdHJveSgpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVJbWFnZSgpIHtcbiAgICBpZiAodGhpcy52aWV3SW5pdGlhbGl6ZWQpIHtcbiAgICAgIHRoaXMuYWRhcHRlci51cGRhdGVJbWFnZSh0aGlzLmVsZW1lbnRSZWYsIHRoaXMuc3JjKTtcbiAgICB9XG4gIH1cbn1cblxuZnVuY3Rpb24gZ2V0SW5pdGlhbChuYW1lOiBzdHJpbmcpOiBzdHJpbmcge1xuICByZXR1cm4gbmFtZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJza3ktZWxldmF0aW9uLTEgc2t5LWF2YXRhci13cmFwcGVyXCJcbiAgW25nQ2xhc3NdPVwiJ3NreS1hdmF0YXItd3JhcHBlci1zaXplLScgKyAoc2l6ZSB8fCAnbGFyZ2UnKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJza3ktYXZhdGFyLWltYWdlXCIgW2hpZGRlbl09XCIhc3JjXCI+PC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJzcmNcIiBjbGFzcz1cInNreS1zY3JlZW4tcmVhZGVyLW9ubHlcIj5cbiAgICB7eyAnc2t5dXhfYXZhdGFyX2lubmVyX2Rlc2NyaXB0aW9uJyB8IHNreUxpYlJlc291cmNlczogbmFtZSB9fVxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2t5LWF2YXRhci1pbml0aWFsc1wiXG4gICAgW2hpZGRlbl09XCJzcmMgfHwgIW5hbWVcIlxuICAgIFtuZ0NsYXNzXT1cIidza3ktcGFsZXR0ZS1tdWx0aS0nICsgKGNvbG9ySW5kZXggKyAxKVwiXG4gID5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cInNpemUgPT09ICdzbWFsbCdcIlxuICAgICAgY2xhc3M9XCJza3ktYXZhdGFyLWluaXRpYWxzLWlubmVyXCJcbiAgICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICAgJ3NreS1mb250LWJvZHktc20nOiAnbW9kZXJuJ1xuICAgICAgfVwiXG4gICAgPlxuICAgICAge3sgaW5pdGlhbHMgfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cInNpemUgPT09ICdtZWRpdW0nXCJcbiAgICAgIGNsYXNzPVwic2t5LWF2YXRhci1pbml0aWFscy1pbm5lclwiXG4gICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICdza3ktZm9udC1kaXNwbGF5LTMnOiAnbW9kZXJuJ1xuICAgICAgfVwiXG4gICAgPlxuICAgICAge3sgaW5pdGlhbHMgfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cInNpemUgIT09ICdzbWFsbCcgJiYgc2l6ZSAhPT0gJ21lZGl1bSdcIlxuICAgICAgY2xhc3M9XCJza3ktYXZhdGFyLWluaXRpYWxzLWlubmVyXCJcbiAgICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICAgJ3NreS1mb250LWRpc3BsYXktMic6ICdtb2Rlcm4nXG4gICAgICB9XCJcbiAgICA+XG4gICAgICB7eyBpbml0aWFscyB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SkyErrorModule } from '@skyux/errors';
|
|
4
|
+
import { SkyFileAttachmentsModule, SkyFileSizePipe } from '@skyux/forms';
|
|
5
|
+
import { SkyI18nModule } from '@skyux/i18n';
|
|
6
|
+
import { SkyThemeModule } from '@skyux/theme';
|
|
7
|
+
import { SkyAvatarResourcesModule } from '../shared/sky-avatar-resources.module';
|
|
8
|
+
import { SkyAvatarComponent } from './avatar.component';
|
|
9
|
+
import { SkyAvatarInnerComponent } from './avatar.inner.component';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export class SkyAvatarModule {
|
|
12
|
+
}
|
|
13
|
+
SkyAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14
|
+
SkyAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarModule, declarations: [SkyAvatarInnerComponent, SkyAvatarComponent], imports: [CommonModule,
|
|
15
|
+
SkyAvatarResourcesModule,
|
|
16
|
+
SkyErrorModule,
|
|
17
|
+
SkyFileAttachmentsModule,
|
|
18
|
+
SkyI18nModule,
|
|
19
|
+
SkyThemeModule], exports: [SkyAvatarComponent] });
|
|
20
|
+
SkyAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarModule, providers: [SkyFileSizePipe], imports: [[
|
|
21
|
+
CommonModule,
|
|
22
|
+
SkyAvatarResourcesModule,
|
|
23
|
+
SkyErrorModule,
|
|
24
|
+
SkyFileAttachmentsModule,
|
|
25
|
+
SkyI18nModule,
|
|
26
|
+
SkyThemeModule,
|
|
27
|
+
]] });
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarModule, decorators: [{
|
|
29
|
+
type: NgModule,
|
|
30
|
+
args: [{
|
|
31
|
+
declarations: [SkyAvatarInnerComponent, SkyAvatarComponent],
|
|
32
|
+
imports: [
|
|
33
|
+
CommonModule,
|
|
34
|
+
SkyAvatarResourcesModule,
|
|
35
|
+
SkyErrorModule,
|
|
36
|
+
SkyFileAttachmentsModule,
|
|
37
|
+
SkyI18nModule,
|
|
38
|
+
SkyThemeModule,
|
|
39
|
+
],
|
|
40
|
+
providers: [SkyFileSizePipe],
|
|
41
|
+
exports: [SkyAvatarComponent],
|
|
42
|
+
}]
|
|
43
|
+
}] });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hdmF0YXIvc3JjL2xpYi9tb2R1bGVzL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFakYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBZW5FLE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBWlgsdUJBQXVCLEVBQUUsa0JBQWtCLGFBRXhELFlBQVk7UUFDWix3QkFBd0I7UUFDeEIsY0FBYztRQUNkLHdCQUF3QjtRQUN4QixhQUFhO1FBQ2IsY0FBYyxhQUdOLGtCQUFrQjs2R0FFakIsZUFBZSxhQUhmLENBQUMsZUFBZSxDQUFDLFlBUm5CO1lBQ1AsWUFBWTtZQUNaLHdCQUF3QjtZQUN4QixjQUFjO1lBQ2Qsd0JBQXdCO1lBQ3hCLGFBQWE7WUFDYixjQUFjO1NBQ2Y7MkZBSVUsZUFBZTtrQkFiM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSxrQkFBa0IsQ0FBQztvQkFDM0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osd0JBQXdCO3dCQUN4QixjQUFjO3dCQUNkLHdCQUF3Qjt3QkFDeEIsYUFBYTt3QkFDYixjQUFjO3FCQUNmO29CQUNELFNBQVMsRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDNUIsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lFcnJvck1vZHVsZSB9IGZyb20gJ0Bza3l1eC9lcnJvcnMnO1xuaW1wb3J0IHsgU2t5RmlsZUF0dGFjaG1lbnRzTW9kdWxlLCBTa3lGaWxlU2l6ZVBpcGUgfSBmcm9tICdAc2t5dXgvZm9ybXMnO1xuaW1wb3J0IHsgU2t5STE4bk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9pMThuJztcbmltcG9ydCB7IFNreVRoZW1lTW9kdWxlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU2t5QXZhdGFyUmVzb3VyY2VzTW9kdWxlIH0gZnJvbSAnLi4vc2hhcmVkL3NreS1hdmF0YXItcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUF2YXRhckNvbXBvbmVudCB9IGZyb20gJy4vYXZhdGFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lBdmF0YXJJbm5lckNvbXBvbmVudCB9IGZyb20gJy4vYXZhdGFyLmlubmVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NreUF2YXRhcklubmVyQ29tcG9uZW50LCBTa3lBdmF0YXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNreUF2YXRhclJlc291cmNlc01vZHVsZSxcbiAgICBTa3lFcnJvck1vZHVsZSxcbiAgICBTa3lGaWxlQXR0YWNobWVudHNNb2R1bGUsXG4gICAgU2t5STE4bk1vZHVsZSxcbiAgICBTa3lUaGVtZU1vZHVsZSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbU2t5RmlsZVNpemVQaXBlXSxcbiAgZXhwb3J0czogW1NreUF2YXRhckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUF2YXRhck1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
3
|
+
* The contents of this file were automatically generated by
|
|
4
|
+
* the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-avatar' schematic.
|
|
5
|
+
* To update this file, simply rerun the command.
|
|
6
|
+
*/
|
|
7
|
+
import { NgModule } from '@angular/core';
|
|
8
|
+
import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
const RESOURCES = {
|
|
11
|
+
'EN-US': {
|
|
12
|
+
skyux_avatar_error_not_image_description: {
|
|
13
|
+
message: 'Please choose a file that is a valid image.',
|
|
14
|
+
},
|
|
15
|
+
skyux_avatar_error_not_image_title: { message: 'File is not an image.' },
|
|
16
|
+
skyux_avatar_error_too_large_description: {
|
|
17
|
+
message: 'Please choose an image that is less than {0}.',
|
|
18
|
+
},
|
|
19
|
+
skyux_avatar_error_too_large_title: { message: 'File is too large.' },
|
|
20
|
+
skyux_avatar_errormodal_ok: { message: 'OK' },
|
|
21
|
+
skyux_avatar_inner_description: { message: 'Profile picture of {0}' },
|
|
22
|
+
skyux_avatar_upload_change_aria_label: {
|
|
23
|
+
message: 'Change profile photo of {0}. Drag a file here or click to browse.',
|
|
24
|
+
},
|
|
25
|
+
skyux_avatar_upload_new_aria_label: {
|
|
26
|
+
message: 'Add profile photo of {0}. Drag a file here or click to browse.',
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
export class SkyAvatarResourcesProvider {
|
|
31
|
+
getString(localeInfo, name) {
|
|
32
|
+
return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Import into any component library module that needs to use resource strings.
|
|
37
|
+
*/
|
|
38
|
+
export class SkyAvatarResourcesModule {
|
|
39
|
+
}
|
|
40
|
+
SkyAvatarResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
41
|
+
SkyAvatarResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarResourcesModule, exports: [SkyI18nModule] });
|
|
42
|
+
SkyAvatarResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarResourcesModule, providers: [
|
|
43
|
+
{
|
|
44
|
+
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
45
|
+
useClass: SkyAvatarResourcesProvider,
|
|
46
|
+
multi: true,
|
|
47
|
+
},
|
|
48
|
+
], imports: [SkyI18nModule] });
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAvatarResourcesModule, decorators: [{
|
|
50
|
+
type: NgModule,
|
|
51
|
+
args: [{
|
|
52
|
+
exports: [SkyI18nModule],
|
|
53
|
+
providers: [
|
|
54
|
+
{
|
|
55
|
+
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
56
|
+
useClass: SkyAvatarResourcesProvider,
|
|
57
|
+
multi: true,
|
|
58
|
+
},
|
|
59
|
+
],
|
|
60
|
+
}]
|
|
61
|
+
}] });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LWF2YXRhci1yZXNvdXJjZXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2F2YXRhci9zcmMvbGliL21vZHVsZXMvc2hhcmVkL3NreS1hdmF0YXItcmVzb3VyY2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7R0FLRztBQUNILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUNMLDJCQUEyQixFQUUzQixhQUFhLEVBR2IscUJBQXFCLEdBQ3RCLE1BQU0sYUFBYSxDQUFDOztBQUVyQixNQUFNLFNBQVMsR0FBMEM7SUFDdkQsT0FBTyxFQUFFO1FBQ1Asd0NBQXdDLEVBQUU7WUFDeEMsT0FBTyxFQUFFLDZDQUE2QztTQUN2RDtRQUNELGtDQUFrQyxFQUFFLEVBQUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFO1FBQ3hFLHdDQUF3QyxFQUFFO1lBQ3hDLE9BQU8sRUFBRSwrQ0FBK0M7U0FDekQ7UUFDRCxrQ0FBa0MsRUFBRSxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRTtRQUNyRSwwQkFBMEIsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUU7UUFDN0MsOEJBQThCLEVBQUUsRUFBRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUU7UUFDckUscUNBQXFDLEVBQUU7WUFDckMsT0FBTyxFQUNMLG1FQUFtRTtTQUN0RTtRQUNELGtDQUFrQyxFQUFFO1lBQ2xDLE9BQU8sRUFBRSxnRUFBZ0U7U0FDMUU7S0FDRjtDQUNGLENBQUM7QUFFRixNQUFNLE9BQU8sMEJBQTBCO0lBQzlCLFNBQVMsQ0FDZCxVQUE0QixFQUM1QixJQUFZO1FBRVosT0FBTyxxQkFBcUIsQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNuRSxDQUFDO0NBQ0Y7QUFFRDs7R0FFRztBQVdILE1BQU0sT0FBTyx3QkFBd0I7O3FIQUF4Qix3QkFBd0I7c0hBQXhCLHdCQUF3QixZQVR6QixhQUFhO3NIQVNaLHdCQUF3QixhQVJ4QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLDJCQUEyQjtZQUNwQyxRQUFRLEVBQUUsMEJBQTBCO1lBQ3BDLEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRixZQVBTLGFBQWE7MkZBU1osd0JBQXdCO2tCQVZwQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztvQkFDeEIsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSwyQkFBMkI7NEJBQ3BDLFFBQVEsRUFBRSwwQkFBMEI7NEJBQ3BDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBOT1RJQ0U6IERPIE5PVCBNT0RJRlkgVEhJUyBGSUxFIVxuICogVGhlIGNvbnRlbnRzIG9mIHRoaXMgZmlsZSB3ZXJlIGF1dG9tYXRpY2FsbHkgZ2VuZXJhdGVkIGJ5XG4gKiB0aGUgJ25nIGdlbmVyYXRlIEBza3l1eC9pMThuOmxpYi1yZXNvdXJjZXMtbW9kdWxlIGxpYi9tb2R1bGVzL3NoYXJlZC9za3ktYXZhdGFyJyBzY2hlbWF0aWMuXG4gKiBUbyB1cGRhdGUgdGhpcyBmaWxlLCBzaW1wbHkgcmVydW4gdGhlIGNvbW1hbmQuXG4gKi9cbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gIFNreUFwcExvY2FsZUluZm8sXG4gIFNreUkxOG5Nb2R1bGUsXG4gIFNreUxpYlJlc291cmNlcyxcbiAgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIsXG4gIGdldExpYlN0cmluZ0ZvckxvY2FsZSxcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5jb25zdCBSRVNPVVJDRVM6IHsgW2xvY2FsZTogc3RyaW5nXTogU2t5TGliUmVzb3VyY2VzIH0gPSB7XG4gICdFTi1VUyc6IHtcbiAgICBza3l1eF9hdmF0YXJfZXJyb3Jfbm90X2ltYWdlX2Rlc2NyaXB0aW9uOiB7XG4gICAgICBtZXNzYWdlOiAnUGxlYXNlIGNob29zZSBhIGZpbGUgdGhhdCBpcyBhIHZhbGlkIGltYWdlLicsXG4gICAgfSxcbiAgICBza3l1eF9hdmF0YXJfZXJyb3Jfbm90X2ltYWdlX3RpdGxlOiB7IG1lc3NhZ2U6ICdGaWxlIGlzIG5vdCBhbiBpbWFnZS4nIH0sXG4gICAgc2t5dXhfYXZhdGFyX2Vycm9yX3Rvb19sYXJnZV9kZXNjcmlwdGlvbjoge1xuICAgICAgbWVzc2FnZTogJ1BsZWFzZSBjaG9vc2UgYW4gaW1hZ2UgdGhhdCBpcyBsZXNzIHRoYW4gezB9LicsXG4gICAgfSxcbiAgICBza3l1eF9hdmF0YXJfZXJyb3JfdG9vX2xhcmdlX3RpdGxlOiB7IG1lc3NhZ2U6ICdGaWxlIGlzIHRvbyBsYXJnZS4nIH0sXG4gICAgc2t5dXhfYXZhdGFyX2Vycm9ybW9kYWxfb2s6IHsgbWVzc2FnZTogJ09LJyB9LFxuICAgIHNreXV4X2F2YXRhcl9pbm5lcl9kZXNjcmlwdGlvbjogeyBtZXNzYWdlOiAnUHJvZmlsZSBwaWN0dXJlIG9mIHswfScgfSxcbiAgICBza3l1eF9hdmF0YXJfdXBsb2FkX2NoYW5nZV9hcmlhX2xhYmVsOiB7XG4gICAgICBtZXNzYWdlOlxuICAgICAgICAnQ2hhbmdlIHByb2ZpbGUgcGhvdG8gb2YgezB9LiBEcmFnIGEgZmlsZSBoZXJlIG9yIGNsaWNrIHRvIGJyb3dzZS4nLFxuICAgIH0sXG4gICAgc2t5dXhfYXZhdGFyX3VwbG9hZF9uZXdfYXJpYV9sYWJlbDoge1xuICAgICAgbWVzc2FnZTogJ0FkZCBwcm9maWxlIHBob3RvIG9mIHswfS4gRHJhZyBhIGZpbGUgaGVyZSBvciBjbGljayB0byBicm93c2UuJyxcbiAgICB9LFxuICB9LFxufTtcblxuZXhwb3J0IGNsYXNzIFNreUF2YXRhclJlc291cmNlc1Byb3ZpZGVyIGltcGxlbWVudHMgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIge1xuICBwdWJsaWMgZ2V0U3RyaW5nKFxuICAgIGxvY2FsZUluZm86IFNreUFwcExvY2FsZUluZm8sXG4gICAgbmFtZTogc3RyaW5nXG4gICk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIGdldExpYlN0cmluZ0ZvckxvY2FsZShSRVNPVVJDRVMsIGxvY2FsZUluZm8ubG9jYWxlLCBuYW1lKTtcbiAgfVxufVxuXG4vKipcbiAqIEltcG9ydCBpbnRvIGFueSBjb21wb25lbnQgbGlicmFyeSBtb2R1bGUgdGhhdCBuZWVkcyB0byB1c2UgcmVzb3VyY2Ugc3RyaW5ncy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgZXhwb3J0czogW1NreUkxOG5Nb2R1bGVdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gICAgICB1c2VDbGFzczogU2t5QXZhdGFyUmVzb3VyY2VzUHJvdmlkZXIsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBdmF0YXJSZXNvdXJjZXNNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtYXZhdGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2F2YXRhci9zcmMvc2t5dXgtYXZhdGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { By } from '@angular/platform-browser';
|
|
2
|
+
import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
3
|
+
/**
|
|
4
|
+
* Allows interaction with a SKY UX avatar component.
|
|
5
|
+
*/
|
|
6
|
+
export class SkyAvatarFixture {
|
|
7
|
+
constructor(fixture, skyTestId) {
|
|
8
|
+
this.debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-avatar');
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* The initials displayed when no image URL is specified.
|
|
12
|
+
*/
|
|
13
|
+
get initials() {
|
|
14
|
+
const initialsEl = this.debugEl.query(By.css('.sky-avatar-initials'));
|
|
15
|
+
if (SkyAppTestUtility.isVisible(initialsEl)) {
|
|
16
|
+
return SkyAppTestUtility.getText(initialsEl.query(By.css('.sky-avatar-initials-inner')));
|
|
17
|
+
}
|
|
18
|
+
return undefined;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* The avatar's current image URL.
|
|
22
|
+
*/
|
|
23
|
+
get imageUrl() {
|
|
24
|
+
const imageEl = this.debugEl.query(By.css('.sky-avatar-image'));
|
|
25
|
+
if (SkyAppTestUtility.isVisible(imageEl)) {
|
|
26
|
+
return SkyAppTestUtility.getBackgroundImageUrl(imageEl);
|
|
27
|
+
}
|
|
28
|
+
return undefined;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWZpeHR1cmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYXZhdGFyL3Rlc3Rpbmcvc3JjL2F2YXRhci1maXh0dXJlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV2RDs7R0FFRztBQUNILE1BQU0sT0FBTyxnQkFBZ0I7SUErQjNCLFlBQVksT0FBOEIsRUFBRSxTQUFpQjtRQUMzRCxJQUFJLENBQUMsT0FBTyxHQUFHLGlCQUFpQixDQUFDLHVCQUF1QixDQUN0RCxPQUFPLEVBQ1AsU0FBUyxFQUNULFlBQVksQ0FDYixDQUFDO0lBQ0osQ0FBQztJQXBDRDs7T0FFRztJQUNILElBQVcsUUFBUTtRQUNqQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQztRQUV0RSxJQUFJLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBRTtZQUMzQyxPQUFPLGlCQUFpQixDQUFDLE9BQU8sQ0FDOUIsVUFBVSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLDRCQUE0QixDQUFDLENBQUMsQ0FDdkQsQ0FBQztTQUNIO1FBRUQsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBVyxRQUFRO1FBQ2pCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO1FBRWhFLElBQUksaUJBQWlCLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ3hDLE9BQU8saUJBQWlCLENBQUMscUJBQXFCLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDekQ7UUFFRCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0NBV0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEZWJ1Z0VsZW1lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudEZpeHR1cmUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3Rlc3RpbmcnO1xuaW1wb3J0IHsgQnkgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7IFNreUFwcFRlc3RVdGlsaXR5IH0gZnJvbSAnQHNreXV4LXNkay90ZXN0aW5nJztcblxuLyoqXG4gKiBBbGxvd3MgaW50ZXJhY3Rpb24gd2l0aCBhIFNLWSBVWCBhdmF0YXIgY29tcG9uZW50LlxuICovXG5leHBvcnQgY2xhc3MgU2t5QXZhdGFyRml4dHVyZSB7XG4gIC8qKlxuICAgKiBUaGUgaW5pdGlhbHMgZGlzcGxheWVkIHdoZW4gbm8gaW1hZ2UgVVJMIGlzIHNwZWNpZmllZC5cbiAgICovXG4gIHB1YmxpYyBnZXQgaW5pdGlhbHMoKTogc3RyaW5nIHtcbiAgICBjb25zdCBpbml0aWFsc0VsID0gdGhpcy5kZWJ1Z0VsLnF1ZXJ5KEJ5LmNzcygnLnNreS1hdmF0YXItaW5pdGlhbHMnKSk7XG5cbiAgICBpZiAoU2t5QXBwVGVzdFV0aWxpdHkuaXNWaXNpYmxlKGluaXRpYWxzRWwpKSB7XG4gICAgICByZXR1cm4gU2t5QXBwVGVzdFV0aWxpdHkuZ2V0VGV4dChcbiAgICAgICAgaW5pdGlhbHNFbC5xdWVyeShCeS5jc3MoJy5za3ktYXZhdGFyLWluaXRpYWxzLWlubmVyJykpXG4gICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiB1bmRlZmluZWQ7XG4gIH1cblxuICAvKipcbiAgICogVGhlIGF2YXRhcidzIGN1cnJlbnQgaW1hZ2UgVVJMLlxuICAgKi9cbiAgcHVibGljIGdldCBpbWFnZVVybCgpOiBzdHJpbmcge1xuICAgIGNvbnN0IGltYWdlRWwgPSB0aGlzLmRlYnVnRWwucXVlcnkoQnkuY3NzKCcuc2t5LWF2YXRhci1pbWFnZScpKTtcblxuICAgIGlmIChTa3lBcHBUZXN0VXRpbGl0eS5pc1Zpc2libGUoaW1hZ2VFbCkpIHtcbiAgICAgIHJldHVybiBTa3lBcHBUZXN0VXRpbGl0eS5nZXRCYWNrZ3JvdW5kSW1hZ2VVcmwoaW1hZ2VFbCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgfVxuXG4gIHByaXZhdGUgZGVidWdFbDogRGVidWdFbGVtZW50O1xuXG4gIGNvbnN0cnVjdG9yKGZpeHR1cmU6IENvbXBvbmVudEZpeHR1cmU8YW55Piwgc2t5VGVzdElkOiBzdHJpbmcpIHtcbiAgICB0aGlzLmRlYnVnRWwgPSBTa3lBcHBUZXN0VXRpbGl0eS5nZXREZWJ1Z0VsZW1lbnRCeVRlc3RJZChcbiAgICAgIGZpeHR1cmUsXG4gICAgICBza3lUZXN0SWQsXG4gICAgICAnc2t5LWF2YXRhcidcbiAgICApO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './avatar-fixture';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hdmF0YXIvdGVzdGluZy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hdmF0YXItZml4dHVyZSc7XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtYXZhdGFyLXRlc3RpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYXZhdGFyL3Rlc3Rpbmcvc3JjL3NreXV4LWF2YXRhci10ZXN0aW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|