@skyux/avatar 7.0.0-beta.0 → 7.0.0-beta.1
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/documentation.json +110 -66
- package/esm2020/lib/modules/avatar/avatar-adapter.service.mjs +25 -25
- package/esm2020/lib/modules/avatar/avatar.component.mjs +58 -45
- package/esm2020/lib/modules/avatar/avatar.inner.component.mjs +27 -18
- package/esm2020/testing/avatar-fixture.mjs +8 -4
- package/fesm2015/skyux-avatar-testing.mjs +7 -3
- package/fesm2015/skyux-avatar-testing.mjs.map +1 -1
- package/fesm2015/skyux-avatar.mjs +105 -85
- package/fesm2015/skyux-avatar.mjs.map +1 -1
- package/fesm2020/skyux-avatar-testing.mjs +7 -3
- package/fesm2020/skyux-avatar-testing.mjs.map +1 -1
- package/fesm2020/skyux-avatar.mjs +105 -85
- package/fesm2020/skyux-avatar.mjs.map +1 -1
- package/lib/modules/avatar/avatar-adapter.service.d.ts +1 -3
- package/lib/modules/avatar/avatar.component.d.ts +9 -17
- package/lib/modules/avatar/avatar.inner.component.d.ts +7 -12
- package/package.json +6 -6
- package/testing/avatar-fixture.d.ts +3 -3
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _SkyAvatarInnerComponent_instances, _SkyAvatarInnerComponent_viewInitialized, _SkyAvatarInnerComponent__src, _SkyAvatarInnerComponent__name, _SkyAvatarInnerComponent_elementRef, _SkyAvatarInnerComponent_adapter, _SkyAvatarInnerComponent_updateImage;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { Component, ElementRef, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
4
|
import { SkyAvatarAdapterService } from './avatar-adapter.service';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
@@ -10,21 +12,28 @@ import * as i4 from "@skyux/i18n";
|
|
|
10
12
|
*/
|
|
11
13
|
export class SkyAvatarInnerComponent {
|
|
12
14
|
constructor(elementRef, adapter) {
|
|
13
|
-
this
|
|
14
|
-
this.
|
|
15
|
+
_SkyAvatarInnerComponent_instances.add(this);
|
|
16
|
+
this.size = 'large';
|
|
17
|
+
_SkyAvatarInnerComponent_viewInitialized.set(this, false);
|
|
18
|
+
_SkyAvatarInnerComponent__src.set(this, void 0);
|
|
19
|
+
_SkyAvatarInnerComponent__name.set(this, void 0);
|
|
20
|
+
_SkyAvatarInnerComponent_elementRef.set(this, void 0);
|
|
21
|
+
_SkyAvatarInnerComponent_adapter.set(this, void 0);
|
|
22
|
+
__classPrivateFieldSet(this, _SkyAvatarInnerComponent_elementRef, elementRef, "f");
|
|
23
|
+
__classPrivateFieldSet(this, _SkyAvatarInnerComponent_adapter, adapter, "f");
|
|
15
24
|
}
|
|
16
25
|
get src() {
|
|
17
|
-
return this
|
|
26
|
+
return __classPrivateFieldGet(this, _SkyAvatarInnerComponent__src, "f");
|
|
18
27
|
}
|
|
19
28
|
set src(value) {
|
|
20
|
-
this
|
|
21
|
-
this.
|
|
29
|
+
__classPrivateFieldSet(this, _SkyAvatarInnerComponent__src, value, "f");
|
|
30
|
+
__classPrivateFieldGet(this, _SkyAvatarInnerComponent_instances, "m", _SkyAvatarInnerComponent_updateImage).call(this);
|
|
22
31
|
}
|
|
23
32
|
get name() {
|
|
24
|
-
return this
|
|
33
|
+
return __classPrivateFieldGet(this, _SkyAvatarInnerComponent__name, "f");
|
|
25
34
|
}
|
|
26
35
|
set name(value) {
|
|
27
|
-
this
|
|
36
|
+
__classPrivateFieldSet(this, _SkyAvatarInnerComponent__name, value, "f");
|
|
28
37
|
}
|
|
29
38
|
get initials() {
|
|
30
39
|
let initials;
|
|
@@ -52,23 +61,23 @@ export class SkyAvatarInnerComponent {
|
|
|
52
61
|
return colorIndex;
|
|
53
62
|
}
|
|
54
63
|
ngAfterViewInit() {
|
|
55
|
-
this
|
|
56
|
-
this.
|
|
64
|
+
__classPrivateFieldSet(this, _SkyAvatarInnerComponent_viewInitialized, true, "f");
|
|
65
|
+
__classPrivateFieldGet(this, _SkyAvatarInnerComponent_instances, "m", _SkyAvatarInnerComponent_updateImage).call(this);
|
|
57
66
|
}
|
|
58
67
|
ngOnDestroy() {
|
|
59
|
-
this.
|
|
60
|
-
}
|
|
61
|
-
updateImage() {
|
|
62
|
-
if (this.viewInitialized) {
|
|
63
|
-
this.adapter.updateImage(this.elementRef, this.src);
|
|
64
|
-
}
|
|
68
|
+
__classPrivateFieldGet(this, _SkyAvatarInnerComponent_adapter, "f").destroy();
|
|
65
69
|
}
|
|
66
70
|
}
|
|
71
|
+
_SkyAvatarInnerComponent_viewInitialized = new WeakMap(), _SkyAvatarInnerComponent__src = new WeakMap(), _SkyAvatarInnerComponent__name = new WeakMap(), _SkyAvatarInnerComponent_elementRef = new WeakMap(), _SkyAvatarInnerComponent_adapter = new WeakMap(), _SkyAvatarInnerComponent_instances = new WeakSet(), _SkyAvatarInnerComponent_updateImage = function _SkyAvatarInnerComponent_updateImage() {
|
|
72
|
+
if (__classPrivateFieldGet(this, _SkyAvatarInnerComponent_viewInitialized, "f") && this.src) {
|
|
73
|
+
__classPrivateFieldGet(this, _SkyAvatarInnerComponent_adapter, "f").updateImage(__classPrivateFieldGet(this, _SkyAvatarInnerComponent_elementRef, "f"), this.src);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
67
76
|
SkyAvatarInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAvatarInnerComponent, deps: [{ token: i0.ElementRef }, { token: i1.SkyAvatarAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
-
SkyAvatarInnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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-' +
|
|
77
|
+
SkyAvatarInnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAvatarInnerComponent, selector: "sky-avatar-inner", inputs: { src: "src", name: "name", size: "size" }, providers: [SkyAvatarAdapterService], ngImport: i0, template: "<div\n class=\"sky-elevation-1 sky-avatar-wrapper\"\n [ngClass]=\"'sky-avatar-wrapper-size-' + size\"\n>\n <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n <div *ngIf=\"src\" class=\"sky-screen-reader-only\">\n {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n </div>\n <div\n class=\"sky-avatar-initials\"\n [hidden]=\"src || !name\"\n [ngClass]=\"'sky-palette-multi-' + (colorIndex + 1)\"\n >\n <div\n *ngIf=\"size === 'small'\"\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-body-sm': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n <div\n *ngIf=\"size === 'medium'\"\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n <div\n *ngIf=\"size === 'large'\"\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-2': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n </div>\n</div>\n", styles: [".sky-avatar-wrapper{height:104px;width:104px;border:solid 2px transparent;border-radius:50%;overflow:hidden;position:relative;top:-2px;left:-2px}.sky-avatar-image,.sky-avatar-initials{height:100px;width:100px;background-position:50%;background-size:cover;display:flex;align-items:center;justify-content:center}.sky-avatar-initials{font-size:50px}.sky-avatar-initials-inner{color:#fff;cursor:default;-webkit-user-select:none;user-select:none}.sky-avatar-wrapper-size-medium{height:69px;width:69px}.sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-avatar-wrapper-size-medium .sky-avatar-initials{height:65px;width:65px}.sky-avatar-wrapper-size-medium .sky-avatar-initials{font-size:32.5px}.sky-avatar-wrapper-size-small{height:36px;width:36px}.sky-avatar-wrapper-size-small .sky-avatar-image,.sky-avatar-wrapper-size-small .sky-avatar-initials{height:32px;width:32px}.sky-avatar-wrapper-size-small .sky-avatar-initials{font-size:16px}.sky-file-drop .sky-avatar-wrapper{cursor:pointer}.sky-file-drop-accept .sky-avatar-wrapper{border-color:#72bf44;border-style:dashed}.sky-file-drop-reject .sky-avatar-wrapper{border-color:#ef4044;border-style:dashed}.sky-theme-modern .sky-avatar-wrapper{height:100px;width:100px;background-color:#fff;border-width:0;padding:5px;top:0;left:0}.sky-theme-modern .sky-avatar-image,.sky-theme-modern .sky-avatar-initials{border-radius:50%;height:90px;width:90px}.sky-theme-modern .sky-avatar-initials-inner{color:#212327}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper{border-width:2px;padding:3px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-medium,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-small,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern .sky-avatar-wrapper-size-medium{padding:3px;height:65px;width:65px}.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-initials{height:59px;width:59px}.sky-theme-modern .sky-avatar-wrapper-size-small{padding:2px;height:32px;width:32px}.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-initials{height:28px;width:28px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper{border:solid 1px #1870B8;padding:4px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:2px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper{border:solid 2px #1870B8;padding:3px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-medium,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-small,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern sky-file-drop:focus-within:not(:active) .sky-avatar-wrapper{box-shadow:0 1px 8px #0000004d}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-wrapper{background-color:transparent}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-initials-inner{color:#212327}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None });
|
|
69
78
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAvatarInnerComponent, decorators: [{
|
|
70
79
|
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-' +
|
|
80
|
+
args: [{ selector: 'sky-avatar-inner', providers: [SkyAvatarAdapterService], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"sky-elevation-1 sky-avatar-wrapper\"\n [ngClass]=\"'sky-avatar-wrapper-size-' + size\"\n>\n <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n <div *ngIf=\"src\" class=\"sky-screen-reader-only\">\n {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n </div>\n <div\n class=\"sky-avatar-initials\"\n [hidden]=\"src || !name\"\n [ngClass]=\"'sky-palette-multi-' + (colorIndex + 1)\"\n >\n <div\n *ngIf=\"size === 'small'\"\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-body-sm': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n <div\n *ngIf=\"size === 'medium'\"\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n <div\n *ngIf=\"size === 'large'\"\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-2': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n </div>\n</div>\n", styles: [".sky-avatar-wrapper{height:104px;width:104px;border:solid 2px transparent;border-radius:50%;overflow:hidden;position:relative;top:-2px;left:-2px}.sky-avatar-image,.sky-avatar-initials{height:100px;width:100px;background-position:50%;background-size:cover;display:flex;align-items:center;justify-content:center}.sky-avatar-initials{font-size:50px}.sky-avatar-initials-inner{color:#fff;cursor:default;-webkit-user-select:none;user-select:none}.sky-avatar-wrapper-size-medium{height:69px;width:69px}.sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-avatar-wrapper-size-medium .sky-avatar-initials{height:65px;width:65px}.sky-avatar-wrapper-size-medium .sky-avatar-initials{font-size:32.5px}.sky-avatar-wrapper-size-small{height:36px;width:36px}.sky-avatar-wrapper-size-small .sky-avatar-image,.sky-avatar-wrapper-size-small .sky-avatar-initials{height:32px;width:32px}.sky-avatar-wrapper-size-small .sky-avatar-initials{font-size:16px}.sky-file-drop .sky-avatar-wrapper{cursor:pointer}.sky-file-drop-accept .sky-avatar-wrapper{border-color:#72bf44;border-style:dashed}.sky-file-drop-reject .sky-avatar-wrapper{border-color:#ef4044;border-style:dashed}.sky-theme-modern .sky-avatar-wrapper{height:100px;width:100px;background-color:#fff;border-width:0;padding:5px;top:0;left:0}.sky-theme-modern .sky-avatar-image,.sky-theme-modern .sky-avatar-initials{border-radius:50%;height:90px;width:90px}.sky-theme-modern .sky-avatar-initials-inner{color:#212327}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper{border-width:2px;padding:3px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-medium,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-small,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern .sky-avatar-wrapper-size-medium{padding:3px;height:65px;width:65px}.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-initials{height:59px;width:59px}.sky-theme-modern .sky-avatar-wrapper-size-small{padding:2px;height:32px;width:32px}.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-initials{height:28px;width:28px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper{border:solid 1px #1870B8;padding:4px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:2px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper{border:solid 2px #1870B8;padding:3px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-medium,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-small,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern sky-file-drop:focus-within:not(:active) .sky-avatar-wrapper{box-shadow:0 1px 8px #0000004d}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-wrapper{background-color:transparent}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-initials-inner{color:#212327}\n"] }]
|
|
72
81
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SkyAvatarAdapterService }]; }, propDecorators: { src: [{
|
|
73
82
|
type: Input
|
|
74
83
|
}], name: [{
|
|
@@ -79,4 +88,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
79
88
|
function getInitial(name) {
|
|
80
89
|
return name.charAt(0).toUpperCase();
|
|
81
90
|
}
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hdmF0YXIvc3JjL2xpYi9tb2R1bGVzL2F2YXRhci9hdmF0YXIuaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2F2YXRhci9zcmMvbGliL21vZHVsZXMvYXZhdGFyL2F2YXRhci5pbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFFTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQUluRTs7R0FFRztBQVFILE1BQU0sT0FBTyx1QkFBdUI7SUFnQ2xDLFlBQVksVUFBc0IsRUFBRSxPQUFnQzs7UUFYN0QsU0FBSSxHQUE4QixPQUFPLENBQUM7UUFFakQsbURBQW1CLEtBQUssRUFBQztRQUV6QixnREFBZ0M7UUFFaEMsaURBQTJCO1FBRTNCLHNEQUF3QjtRQUN4QixtREFBa0M7UUFHaEMsdUJBQUEsSUFBSSx1Q0FBZSxVQUFVLE1BQUEsQ0FBQztRQUM5Qix1QkFBQSxJQUFJLG9DQUFZLE9BQU8sTUFBQSxDQUFDO0lBQzFCLENBQUM7SUFsQ0QsSUFBVyxHQUFHO1FBQ1osT0FBTyx1QkFBQSxJQUFJLHFDQUFNLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQ1csR0FBRyxDQUFDLEtBQStCO1FBQzVDLHVCQUFBLElBQUksaUNBQVMsS0FBSyxNQUFBLENBQUM7UUFDbkIsdUJBQUEsSUFBSSxnRkFBYSxNQUFqQixJQUFJLENBQWUsQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBVyxJQUFJO1FBQ2IsT0FBTyx1QkFBQSxJQUFJLHNDQUFPLENBQUM7SUFDckIsQ0FBQztJQUVELElBQ1csSUFBSSxDQUFDLEtBQXlCO1FBQ3ZDLHVCQUFBLElBQUksa0NBQVUsS0FBSyxNQUFBLENBQUM7SUFDdEIsQ0FBQztJQW1CRCxJQUFXLFFBQVE7UUFDakIsSUFBSSxRQUE0QixDQUFDO1FBRWpDLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ3ZDLFFBQVEsR0FBRyxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFcEMsSUFBSSxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDeEIsUUFBUSxJQUFJLFVBQVUsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3pEO1NBQ0Y7UUFFRCxPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDdkIsSUFBSSxVQUFrQixDQUFDO1FBRXZCLElBQUksSUFBSSxFQUFFO1lBQ1IsK0VBQStFO1lBQy9FLDREQUE0RDtZQUM1RCxNQUFNLElBQUksR0FDUixJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1lBQ3RFLFVBQVUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQztTQUNqQzthQUFNO1lBQ0wsVUFBVSxHQUFHLENBQUMsQ0FBQztTQUNoQjtRQUVELE9BQU8sVUFBVSxDQUFDO0lBQ3BCLENBQUM7SUFFTSxlQUFlO1FBQ3BCLHVCQUFBLElBQUksNENBQW9CLElBQUksTUFBQSxDQUFDO1FBQzdCLHVCQUFBLElBQUksZ0ZBQWEsTUFBakIsSUFBSSxDQUFlLENBQUM7SUFDdEIsQ0FBQztJQUVNLFdBQVc7UUFDaEIsdUJBQUEsSUFBSSx3Q0FBUyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzFCLENBQUM7OztJQUdDLElBQUksdUJBQUEsSUFBSSxnREFBaUIsSUFBSSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ3JDLHVCQUFBLElBQUksd0NBQVMsQ0FBQyxXQUFXLENBQUMsdUJBQUEsSUFBSSwyQ0FBWSxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUN2RDtBQUNILENBQUM7b0hBbEZVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLCtGQUh2QixDQUFDLHVCQUF1QixDQUFDLDBCQ3BCdEMscWpDQTBDQTsyRkRuQmEsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNFLGtCQUFrQixhQUdqQixDQUFDLHVCQUF1QixDQUFDLGlCQUNyQixpQkFBaUIsQ0FBQyxJQUFJO3VJQVExQixHQUFHO3NCQURiLEtBQUs7Z0JBV0ssSUFBSTtzQkFEZCxLQUFLO2dCQU1DLElBQUk7c0JBRFYsS0FBSzs7QUFpRVIsU0FBUyxVQUFVLENBQUMsSUFBWTtJQUM5QixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7QUFDdEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lBdmF0YXJBZGFwdGVyU2VydmljZSB9IGZyb20gJy4vYXZhdGFyLWFkYXB0ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBTa3lBdmF0YXJTaXplIH0gZnJvbSAnLi9hdmF0YXItc2l6ZSc7XG5pbXBvcnQgeyBTa3lBdmF0YXJTcmMgfSBmcm9tICcuL2F2YXRhci1zcmMnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYXZhdGFyLWlubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5pbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F2YXRhci5pbm5lci5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtTa3lBdmF0YXJBZGFwdGVyU2VydmljZV0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNreUF2YXRhcklubmVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgcHVibGljIGdldCBzcmMoKTogU2t5QXZhdGFyU3JjIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy4jX3NyYztcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgc3JjKHZhbHVlOiBTa3lBdmF0YXJTcmMgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfc3JjID0gdmFsdWU7XG4gICAgdGhpcy4jdXBkYXRlSW1hZ2UoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbmFtZSgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLiNfbmFtZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgbmFtZSh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy4jX25hbWUgPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzaXplOiBTa3lBdmF0YXJTaXplIHwgdW5kZWZpbmVkID0gJ2xhcmdlJztcblxuICAjdmlld0luaXRpYWxpemVkID0gZmFsc2U7XG5cbiAgI19zcmM6IFNreUF2YXRhclNyYyB8IHVuZGVmaW5lZDtcblxuICAjX25hbWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAjZWxlbWVudFJlZjogRWxlbWVudFJlZjtcbiAgI2FkYXB0ZXI6IFNreUF2YXRhckFkYXB0ZXJTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIGFkYXB0ZXI6IFNreUF2YXRhckFkYXB0ZXJTZXJ2aWNlKSB7XG4gICAgdGhpcy4jZWxlbWVudFJlZiA9IGVsZW1lbnRSZWY7XG4gICAgdGhpcy4jYWRhcHRlciA9IGFkYXB0ZXI7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGluaXRpYWxzKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgbGV0IGluaXRpYWxzOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBpZiAodGhpcy5uYW1lKSB7XG4gICAgICBjb25zdCBuYW1lU3BsaXQgPSB0aGlzLm5hbWUuc3BsaXQoJyAnKTtcbiAgICAgIGluaXRpYWxzID0gZ2V0SW5pdGlhbChuYW1lU3BsaXRbMF0pO1xuXG4gICAgICBpZiAobmFtZVNwbGl0Lmxlbmd0aCA+IDEpIHtcbiAgICAgICAgaW5pdGlhbHMgKz0gZ2V0SW5pdGlhbChuYW1lU3BsaXRbbmFtZVNwbGl0Lmxlbmd0aCAtIDFdKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gaW5pdGlhbHM7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGNvbG9ySW5kZXgoKTogbnVtYmVyIHtcbiAgICBjb25zdCBuYW1lID0gdGhpcy5uYW1lO1xuICAgIGxldCBjb2xvckluZGV4OiBudW1iZXI7XG5cbiAgICBpZiAobmFtZSkge1xuICAgICAgLy8gR2VuZXJhdGUgYSB1bmlxdWUtaXNoIGNvbG9yIGJhc2VkIG9uIHRoZSByZWNvcmQgbmFtZS4gIFRoaXMgaXMgZGV0ZXJtaW5pc3RpY1xuICAgICAgLy8gc28gdGhhdCBhIGdpdmVuIG5hbWUgd2lsbCBhbHdheXMgZ2VuZXJhdGUgdGhlIHNhbWUgY29sb3IuXG4gICAgICBjb25zdCBzZWVkID1cbiAgICAgICAgbmFtZS5jaGFyQ29kZUF0KDApICsgbmFtZS5jaGFyQ29kZUF0KG5hbWUubGVuZ3RoIC0gMSkgKyBuYW1lLmxlbmd0aDtcbiAgICAgIGNvbG9ySW5kZXggPSBNYXRoLmFicyhzZWVkICUgNik7XG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbG9ySW5kZXggPSAwO1xuICAgIH1cblxuICAgIHJldHVybiBjb2xvckluZGV4O1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLiN2aWV3SW5pdGlhbGl6ZWQgPSB0cnVlO1xuICAgIHRoaXMuI3VwZGF0ZUltYWdlKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4jYWRhcHRlci5kZXN0cm95KCk7XG4gIH1cblxuICAjdXBkYXRlSW1hZ2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuI3ZpZXdJbml0aWFsaXplZCAmJiB0aGlzLnNyYykge1xuICAgICAgdGhpcy4jYWRhcHRlci51cGRhdGVJbWFnZSh0aGlzLiNlbGVtZW50UmVmLCB0aGlzLnNyYyk7XG4gICAgfVxuICB9XG59XG5cbmZ1bmN0aW9uIGdldEluaXRpYWwobmFtZTogc3RyaW5nKTogc3RyaW5nIHtcbiAgcmV0dXJuIG5hbWUuY2hhckF0KDApLnRvVXBwZXJDYXNlKCk7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LWVsZXZhdGlvbi0xIHNreS1hdmF0YXItd3JhcHBlclwiXG4gIFtuZ0NsYXNzXT1cIidza3ktYXZhdGFyLXdyYXBwZXItc2l6ZS0nICsgc2l6ZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJza3ktYXZhdGFyLWltYWdlXCIgW2hpZGRlbl09XCIhc3JjXCI+PC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJzcmNcIiBjbGFzcz1cInNreS1zY3JlZW4tcmVhZGVyLW9ubHlcIj5cbiAgICB7eyAnc2t5dXhfYXZhdGFyX2lubmVyX2Rlc2NyaXB0aW9uJyB8IHNreUxpYlJlc291cmNlczogbmFtZSB9fVxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2t5LWF2YXRhci1pbml0aWFsc1wiXG4gICAgW2hpZGRlbl09XCJzcmMgfHwgIW5hbWVcIlxuICAgIFtuZ0NsYXNzXT1cIidza3ktcGFsZXR0ZS1tdWx0aS0nICsgKGNvbG9ySW5kZXggKyAxKVwiXG4gID5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cInNpemUgPT09ICdzbWFsbCdcIlxuICAgICAgY2xhc3M9XCJza3ktYXZhdGFyLWluaXRpYWxzLWlubmVyXCJcbiAgICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICAgJ3NreS1mb250LWJvZHktc20nOiAnbW9kZXJuJ1xuICAgICAgfVwiXG4gICAgPlxuICAgICAge3sgaW5pdGlhbHMgfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cInNpemUgPT09ICdtZWRpdW0nXCJcbiAgICAgIGNsYXNzPVwic2t5LWF2YXRhci1pbml0aWFscy1pbm5lclwiXG4gICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICdza3ktZm9udC1kaXNwbGF5LTMnOiAnbW9kZXJuJ1xuICAgICAgfVwiXG4gICAgPlxuICAgICAge3sgaW5pdGlhbHMgfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cInNpemUgPT09ICdsYXJnZSdcIlxuICAgICAgY2xhc3M9XCJza3ktYXZhdGFyLWluaXRpYWxzLWlubmVyXCJcbiAgICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICAgJ3NreS1mb250LWRpc3BsYXktMic6ICdtb2Rlcm4nXG4gICAgICB9XCJcbiAgICA+XG4gICAgICB7eyBpbml0aWFscyB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _SkyAvatarFixture_debugEl;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { By } from '@angular/platform-browser';
|
|
2
4
|
import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
3
5
|
/**
|
|
@@ -6,13 +8,14 @@ import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
|
6
8
|
*/
|
|
7
9
|
export class SkyAvatarFixture {
|
|
8
10
|
constructor(fixture, skyTestId) {
|
|
9
|
-
|
|
11
|
+
_SkyAvatarFixture_debugEl.set(this, void 0);
|
|
12
|
+
__classPrivateFieldSet(this, _SkyAvatarFixture_debugEl, SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-avatar'), "f");
|
|
10
13
|
}
|
|
11
14
|
/**
|
|
12
15
|
* The initials displayed when no image URL is specified.
|
|
13
16
|
*/
|
|
14
17
|
get initials() {
|
|
15
|
-
const initialsEl = this.
|
|
18
|
+
const initialsEl = __classPrivateFieldGet(this, _SkyAvatarFixture_debugEl, "f").query(By.css('.sky-avatar-initials'));
|
|
16
19
|
if (SkyAppTestUtility.isVisible(initialsEl)) {
|
|
17
20
|
return SkyAppTestUtility.getText(initialsEl.query(By.css('.sky-avatar-initials-inner')));
|
|
18
21
|
}
|
|
@@ -22,11 +25,12 @@ export class SkyAvatarFixture {
|
|
|
22
25
|
* The avatar's current image URL.
|
|
23
26
|
*/
|
|
24
27
|
get imageUrl() {
|
|
25
|
-
const imageEl = this.
|
|
28
|
+
const imageEl = __classPrivateFieldGet(this, _SkyAvatarFixture_debugEl, "f").query(By.css('.sky-avatar-image'));
|
|
26
29
|
if (SkyAppTestUtility.isVisible(imageEl)) {
|
|
27
30
|
return SkyAppTestUtility.getBackgroundImageUrl(imageEl);
|
|
28
31
|
}
|
|
29
32
|
return undefined;
|
|
30
33
|
}
|
|
31
34
|
}
|
|
32
|
-
|
|
35
|
+
_SkyAvatarFixture_debugEl = new WeakMap();
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWZpeHR1cmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYXZhdGFyL3Rlc3Rpbmcvc3JjL2F2YXRhci1maXh0dXJlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBRUEsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXZEOzs7R0FHRztBQUNILE1BQU0sT0FBTyxnQkFBZ0I7SUErQjNCLFlBQVksT0FBOEIsRUFBRSxTQUFpQjtRQUY3RCw0Q0FBdUI7UUFHckIsdUJBQUEsSUFBSSw2QkFBWSxpQkFBaUIsQ0FBQyx1QkFBdUIsQ0FDdkQsT0FBTyxFQUNQLFNBQVMsRUFDVCxZQUFZLENBQ2IsTUFBQSxDQUFDO0lBQ0osQ0FBQztJQXBDRDs7T0FFRztJQUNILElBQVcsUUFBUTtRQUNqQixNQUFNLFVBQVUsR0FBRyx1QkFBQSxJQUFJLGlDQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDO1FBRXZFLElBQUksaUJBQWlCLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQzNDLE9BQU8saUJBQWlCLENBQUMsT0FBTyxDQUM5QixVQUFVLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsNEJBQTRCLENBQUMsQ0FBQyxDQUN2RCxDQUFDO1NBQ0g7UUFFRCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFXLFFBQVE7UUFDakIsTUFBTSxPQUFPLEdBQUcsdUJBQUEsSUFBSSxpQ0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQztRQUVqRSxJQUFJLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUN4QyxPQUFPLGlCQUFpQixDQUFDLHFCQUFxQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQ3pEO1FBRUQsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQztDQVdGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGVidWdFbGVtZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnRGaXh0dXJlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS90ZXN0aW5nJztcbmltcG9ydCB7IEJ5IH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBTa3lBcHBUZXN0VXRpbGl0eSB9IGZyb20gJ0Bza3l1eC1zZGsvdGVzdGluZyc7XG5cbi8qKlxuICogQWxsb3dzIGludGVyYWN0aW9uIHdpdGggYSBTS1kgVVggYXZhdGFyIGNvbXBvbmVudC5cbiAqIEBpbnRlcm5hbFxuICovXG5leHBvcnQgY2xhc3MgU2t5QXZhdGFyRml4dHVyZSB7XG4gIC8qKlxuICAgKiBUaGUgaW5pdGlhbHMgZGlzcGxheWVkIHdoZW4gbm8gaW1hZ2UgVVJMIGlzIHNwZWNpZmllZC5cbiAgICovXG4gIHB1YmxpYyBnZXQgaW5pdGlhbHMoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICBjb25zdCBpbml0aWFsc0VsID0gdGhpcy4jZGVidWdFbC5xdWVyeShCeS5jc3MoJy5za3ktYXZhdGFyLWluaXRpYWxzJykpO1xuXG4gICAgaWYgKFNreUFwcFRlc3RVdGlsaXR5LmlzVmlzaWJsZShpbml0aWFsc0VsKSkge1xuICAgICAgcmV0dXJuIFNreUFwcFRlc3RVdGlsaXR5LmdldFRleHQoXG4gICAgICAgIGluaXRpYWxzRWwucXVlcnkoQnkuY3NzKCcuc2t5LWF2YXRhci1pbml0aWFscy1pbm5lcicpKVxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG5cbiAgLyoqXG4gICAqIFRoZSBhdmF0YXIncyBjdXJyZW50IGltYWdlIFVSTC5cbiAgICovXG4gIHB1YmxpYyBnZXQgaW1hZ2VVcmwoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICBjb25zdCBpbWFnZUVsID0gdGhpcy4jZGVidWdFbC5xdWVyeShCeS5jc3MoJy5za3ktYXZhdGFyLWltYWdlJykpO1xuXG4gICAgaWYgKFNreUFwcFRlc3RVdGlsaXR5LmlzVmlzaWJsZShpbWFnZUVsKSkge1xuICAgICAgcmV0dXJuIFNreUFwcFRlc3RVdGlsaXR5LmdldEJhY2tncm91bmRJbWFnZVVybChpbWFnZUVsKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG5cbiAgI2RlYnVnRWw6IERlYnVnRWxlbWVudDtcblxuICBjb25zdHJ1Y3RvcihmaXh0dXJlOiBDb21wb25lbnRGaXh0dXJlPGFueT4sIHNreVRlc3RJZDogc3RyaW5nKSB7XG4gICAgdGhpcy4jZGVidWdFbCA9IFNreUFwcFRlc3RVdGlsaXR5LmdldERlYnVnRWxlbWVudEJ5VGVzdElkKFxuICAgICAgZml4dHVyZSxcbiAgICAgIHNreVRlc3RJZCxcbiAgICAgICdza3ktYXZhdGFyJ1xuICAgICk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
+
import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
|
|
1
2
|
import { By } from '@angular/platform-browser';
|
|
2
3
|
import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
3
4
|
|
|
5
|
+
var _SkyAvatarFixture_debugEl;
|
|
4
6
|
/**
|
|
5
7
|
* Allows interaction with a SKY UX avatar component.
|
|
6
8
|
* @internal
|
|
7
9
|
*/
|
|
8
10
|
class SkyAvatarFixture {
|
|
9
11
|
constructor(fixture, skyTestId) {
|
|
10
|
-
|
|
12
|
+
_SkyAvatarFixture_debugEl.set(this, void 0);
|
|
13
|
+
__classPrivateFieldSet(this, _SkyAvatarFixture_debugEl, SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-avatar'), "f");
|
|
11
14
|
}
|
|
12
15
|
/**
|
|
13
16
|
* The initials displayed when no image URL is specified.
|
|
14
17
|
*/
|
|
15
18
|
get initials() {
|
|
16
|
-
const initialsEl = this.
|
|
19
|
+
const initialsEl = __classPrivateFieldGet(this, _SkyAvatarFixture_debugEl, "f").query(By.css('.sky-avatar-initials'));
|
|
17
20
|
if (SkyAppTestUtility.isVisible(initialsEl)) {
|
|
18
21
|
return SkyAppTestUtility.getText(initialsEl.query(By.css('.sky-avatar-initials-inner')));
|
|
19
22
|
}
|
|
@@ -23,13 +26,14 @@ class SkyAvatarFixture {
|
|
|
23
26
|
* The avatar's current image URL.
|
|
24
27
|
*/
|
|
25
28
|
get imageUrl() {
|
|
26
|
-
const imageEl = this.
|
|
29
|
+
const imageEl = __classPrivateFieldGet(this, _SkyAvatarFixture_debugEl, "f").query(By.css('.sky-avatar-image'));
|
|
27
30
|
if (SkyAppTestUtility.isVisible(imageEl)) {
|
|
28
31
|
return SkyAppTestUtility.getBackgroundImageUrl(imageEl);
|
|
29
32
|
}
|
|
30
33
|
return undefined;
|
|
31
34
|
}
|
|
32
35
|
}
|
|
36
|
+
_SkyAvatarFixture_debugEl = new WeakMap();
|
|
33
37
|
|
|
34
38
|
/**
|
|
35
39
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +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 * @internal\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
|
|
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 * @internal\n */\nexport class SkyAvatarFixture {\n /**\n * The initials displayed when no image URL is specified.\n */\n public get initials(): string | undefined {\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 | undefined {\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 #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;;;AAGG;MACU,gBAAgB,CAAA;IA+B3B,WAAY,CAAA,OAA8B,EAAE,SAAiB,EAAA;QAF7D,yBAAuB,CAAA,GAAA,CAAA,IAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrB,QAAA,sBAAA,CAAA,IAAI,EAAA,yBAAA,EAAY,iBAAiB,CAAC,uBAAuB,CACvD,OAAO,EACP,SAAS,EACT,YAAY,CACb,MAAA,CAAC;KACH;AApCD;;AAEG;AACH,IAAA,IAAW,QAAQ,GAAA;QACjB,MAAM,UAAU,GAAG,sBAAA,CAAA,IAAI,iCAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAC;AAEvE,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;QACjB,MAAM,OAAO,GAAG,sBAAA,CAAA,IAAI,iCAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC;AAEjE,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,CAAA;;;AC/CD;;AAEG;;;;"}
|