@skyux/avatar 5.0.0-beta.1 → 5.0.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/bundles/skyux-avatar-testing.umd.js +2 -2
- package/bundles/skyux-avatar-testing.umd.js.map +1 -1
- package/bundles/skyux-avatar.umd.js +61 -52
- package/bundles/skyux-avatar.umd.js.map +1 -1
- package/documentation.json +96 -60
- package/esm2015/modules/avatar/avatar-adapter.service.js +4 -4
- package/esm2015/modules/avatar/avatar.component.js +7 -7
- package/esm2015/modules/avatar/avatar.inner.component.js +6 -6
- package/esm2015/modules/avatar/avatar.module.js +10 -20
- package/esm2015/modules/shared/sky-avatar-resources.module.js +33 -12
- package/esm2015/public-api.js +1 -1
- package/esm2015/testing/avatar-fixture.js +1 -1
- package/fesm2015/skyux-avatar-testing.js.map +1 -1
- package/fesm2015/skyux-avatar.js +52 -41
- package/fesm2015/skyux-avatar.js.map +1 -1
- package/package.json +9 -9
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { SkyAvatarAdapterService } from './avatar-adapter.service';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "./avatar-adapter.service";
|
|
@@ -64,16 +64,16 @@ export class SkyAvatarInnerComponent {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
SkyAvatarInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
68
|
-
SkyAvatarInnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
67
|
+
SkyAvatarInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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: "12.2.13", 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: "12.2.13", ngImport: i0, type: SkyAvatarInnerComponent, decorators: [{
|
|
70
70
|
type: Component,
|
|
71
71
|
args: [{
|
|
72
72
|
selector: 'sky-avatar-inner',
|
|
73
73
|
templateUrl: './avatar.inner.component.html',
|
|
74
74
|
styleUrls: ['./avatar.inner.component.scss'],
|
|
75
75
|
providers: [SkyAvatarAdapterService],
|
|
76
|
-
encapsulation: ViewEncapsulation.None
|
|
76
|
+
encapsulation: ViewEncapsulation.None,
|
|
77
77
|
}]
|
|
78
78
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SkyAvatarAdapterService }]; }, propDecorators: { src: [{
|
|
79
79
|
type: Input
|
|
@@ -85,4 +85,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.3", ngImpor
|
|
|
85
85
|
function getInitial(name) {
|
|
86
86
|
return name.charAt(0).toUpperCase();
|
|
87
87
|
}
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F2YXRhci9zcmMvbW9kdWxlcy9hdmF0YXIvYXZhdGFyLmlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F2YXRhci9zcmMvbW9kdWxlcy9hdmF0YXIvYXZhdGFyLmlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBRVQsS0FBSyxFQUVMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBTW5FOztHQUVHO0FBUUgsTUFBTSxPQUFPLHVCQUF1QjtJQTZCbEMsWUFDVSxVQUFzQixFQUN0QixPQUFnQztRQURoQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLFlBQU8sR0FBUCxPQUFPLENBQXlCO0lBQ3ZDLENBQUM7SUEvQkosSUFBVyxHQUFHO1FBQ1osT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUNXLEdBQUcsQ0FBQyxLQUFtQjtRQUNoQyxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELElBQVcsSUFBSTtRQUNiLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRUQsSUFDVyxJQUFJLENBQUMsS0FBYTtRQUMzQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBZ0JELElBQVcsUUFBUTtRQUNqQixJQUFJLFFBQWdCLENBQUM7UUFFckIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDckMsUUFBUSxHQUFHLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUVwQyxJQUFJLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUN4QixRQUFRLElBQUksVUFBVSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDekQ7U0FDRjtRQUVELE9BQU8sUUFBUSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUNyQixJQUFJLFVBQWtCLENBQUM7UUFFdkIsSUFBSSxJQUFJLEVBQUU7WUFDUiwrRUFBK0U7WUFDL0UsNERBQTREO1lBQzVELElBQUksSUFBSSxHQUNOLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7WUFDdEUsVUFBVSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ2pDO2FBQU07WUFDTCxVQUFVLEdBQUcsQ0FBQyxDQUFDO1NBQ2hCO1FBRUQsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7UUFDNUIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVPLFdBQVc7UUFDakIsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ3JEO0lBQ0gsQ0FBQzs7cUhBL0VVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLCtGQUh2QixDQUFDLHVCQUF1QixDQUFDLDBCQ3RCdEMsdWxDQTBDQTs0RkRqQmEsdUJBQXVCO2tCQVBuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFdBQVcsRUFBRSwrQkFBK0I7b0JBQzVDLFNBQVMsRUFBRSxDQUFDLCtCQUErQixDQUFDO29CQUM1QyxTQUFTLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDcEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDO3VJQU9ZLEdBQUc7c0JBRGIsS0FBSztnQkFXSyxJQUFJO3NCQURkLEtBQUs7Z0JBTUMsSUFBSTtzQkFEVixLQUFLOztBQThEUixTQUFTLFVBQVUsQ0FBQyxJQUFZO0lBQzlCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztBQUN0QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreUF2YXRhckFkYXB0ZXJTZXJ2aWNlIH0gZnJvbSAnLi9hdmF0YXItYWRhcHRlci5zZXJ2aWNlJztcblxuaW1wb3J0IHsgU2t5QXZhdGFyU2l6ZSB9IGZyb20gJy4vYXZhdGFyLXNpemUnO1xuXG5pbXBvcnQgeyBTa3lBdmF0YXJTcmMgfSBmcm9tICcuL2F2YXRhci1zcmMnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYXZhdGFyLWlubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5pbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F2YXRhci5pbm5lci5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtTa3lBdmF0YXJBZGFwdGVyU2VydmljZV0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNreUF2YXRhcklubmVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgcHVibGljIGdldCBzcmMoKTogU2t5QXZhdGFyU3JjIHtcbiAgICByZXR1cm4gdGhpcy5fc3JjO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBzcmModmFsdWU6IFNreUF2YXRhclNyYykge1xuICAgIHRoaXMuX3NyYyA9IHZhbHVlO1xuICAgIHRoaXMudXBkYXRlSW1hZ2UoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9uYW1lO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBuYW1lKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9uYW1lID0gdmFsdWU7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2l6ZTogU2t5QXZhdGFyU2l6ZTtcblxuICBwcml2YXRlIHZpZXdJbml0aWFsaXplZDogYm9vbGVhbjtcblxuICBwcml2YXRlIF9zcmM6IFNreUF2YXRhclNyYztcblxuICBwcml2YXRlIF9uYW1lOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgYWRhcHRlcjogU2t5QXZhdGFyQWRhcHRlclNlcnZpY2VcbiAgKSB7fVxuXG4gIHB1YmxpYyBnZXQgaW5pdGlhbHMoKTogc3RyaW5nIHtcbiAgICBsZXQgaW5pdGlhbHM6IHN0cmluZztcblxuICAgIGlmICh0aGlzLm5hbWUpIHtcbiAgICAgIGxldCBuYW1lU3BsaXQgPSB0aGlzLm5hbWUuc3BsaXQoJyAnKTtcbiAgICAgIGluaXRpYWxzID0gZ2V0SW5pdGlhbChuYW1lU3BsaXRbMF0pO1xuXG4gICAgICBpZiAobmFtZVNwbGl0Lmxlbmd0aCA+IDEpIHtcbiAgICAgICAgaW5pdGlhbHMgKz0gZ2V0SW5pdGlhbChuYW1lU3BsaXRbbmFtZVNwbGl0Lmxlbmd0aCAtIDFdKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gaW5pdGlhbHM7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGNvbG9ySW5kZXgoKTogbnVtYmVyIHtcbiAgICBsZXQgbmFtZSA9IHRoaXMubmFtZTtcbiAgICBsZXQgY29sb3JJbmRleDogbnVtYmVyO1xuXG4gICAgaWYgKG5hbWUpIHtcbiAgICAgIC8vIEdlbmVyYXRlIGEgdW5pcXVlLWlzaCBjb2xvciBiYXNlZCBvbiB0aGUgcmVjb3JkIG5hbWUuICBUaGlzIGlzIGRldGVybWluaXN0aWNcbiAgICAgIC8vIHNvIHRoYXQgYSBnaXZlbiBuYW1lIHdpbGwgYWx3YXlzIGdlbmVyYXRlIHRoZSBzYW1lIGNvbG9yLlxuICAgICAgbGV0IHNlZWQgPVxuICAgICAgICBuYW1lLmNoYXJDb2RlQXQoMCkgKyBuYW1lLmNoYXJDb2RlQXQobmFtZS5sZW5ndGggLSAxKSArIG5hbWUubGVuZ3RoO1xuICAgICAgY29sb3JJbmRleCA9IE1hdGguYWJzKHNlZWQgJSA2KTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29sb3JJbmRleCA9IDA7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNvbG9ySW5kZXg7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMudmlld0luaXRpYWxpemVkID0gdHJ1ZTtcbiAgICB0aGlzLnVwZGF0ZUltYWdlKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5hZGFwdGVyLmRlc3Ryb3koKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlSW1hZ2UoKSB7XG4gICAgaWYgKHRoaXMudmlld0luaXRpYWxpemVkKSB7XG4gICAgICB0aGlzLmFkYXB0ZXIudXBkYXRlSW1hZ2UodGhpcy5lbGVtZW50UmVmLCB0aGlzLnNyYyk7XG4gICAgfVxuICB9XG59XG5cbmZ1bmN0aW9uIGdldEluaXRpYWwobmFtZTogc3RyaW5nKTogc3RyaW5nIHtcbiAgcmV0dXJuIG5hbWUuY2hhckF0KDApLnRvVXBwZXJDYXNlKCk7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LWVsZXZhdGlvbi0xIHNreS1hdmF0YXItd3JhcHBlclwiXG4gIFtuZ0NsYXNzXT1cIidza3ktYXZhdGFyLXdyYXBwZXItc2l6ZS0nICsgKHNpemUgfHwgJ2xhcmdlJylcIlxuPlxuICA8ZGl2IGNsYXNzPVwic2t5LWF2YXRhci1pbWFnZVwiIFtoaWRkZW5dPVwiIXNyY1wiPjwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwic3JjXCIgY2xhc3M9XCJza3ktc2NyZWVuLXJlYWRlci1vbmx5XCI+XG4gICAge3sgJ3NreXV4X2F2YXRhcl9pbm5lcl9kZXNjcmlwdGlvbicgfCBza3lMaWJSZXNvdXJjZXM6IG5hbWUgfX1cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICBjbGFzcz1cInNreS1hdmF0YXItaW5pdGlhbHNcIlxuICAgIFtoaWRkZW5dPVwic3JjIHx8ICFuYW1lXCJcbiAgICBbbmdDbGFzc109XCInc2t5LXBhbGV0dGUtbXVsdGktJyArIChjb2xvckluZGV4ICsgMSlcIlxuICA+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJzaXplID09PSAnc21hbGwnXCJcbiAgICAgIGNsYXNzPVwic2t5LWF2YXRhci1pbml0aWFscy1pbm5lclwiXG4gICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICdza3ktZm9udC1ib2R5LXNtJzogJ21vZGVybidcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIHt7IGluaXRpYWxzIH19XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJzaXplID09PSAnbWVkaXVtJ1wiXG4gICAgICBjbGFzcz1cInNreS1hdmF0YXItaW5pdGlhbHMtaW5uZXJcIlxuICAgICAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICAgICAnc2t5LWZvbnQtZGlzcGxheS0zJzogJ21vZGVybidcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIHt7IGluaXRpYWxzIH19XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJzaXplICE9PSAnc21hbGwnICYmIHNpemUgIT09ICdtZWRpdW0nXCJcbiAgICAgIGNsYXNzPVwic2t5LWF2YXRhci1pbml0aWFscy1pbm5lclwiXG4gICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICdza3ktZm9udC1kaXNwbGF5LTInOiAnbW9kZXJuJ1xuICAgICAgfVwiXG4gICAgPlxuICAgICAge3sgaW5pdGlhbHMgfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -10,45 +10,35 @@ import { SkyAvatarResourcesModule } from '../shared/sky-avatar-resources.module'
|
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
export class SkyAvatarModule {
|
|
12
12
|
}
|
|
13
|
-
SkyAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
14
|
-
SkyAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
15
|
-
SkyAvatarComponent], imports: [CommonModule,
|
|
13
|
+
SkyAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14
|
+
SkyAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarModule, declarations: [SkyAvatarInnerComponent, SkyAvatarComponent], imports: [CommonModule,
|
|
16
15
|
SkyAvatarResourcesModule,
|
|
17
16
|
SkyErrorModule,
|
|
18
17
|
SkyFileAttachmentsModule,
|
|
19
18
|
SkyI18nModule,
|
|
20
19
|
SkyThemeModule], exports: [SkyAvatarComponent] });
|
|
21
|
-
SkyAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
22
|
-
SkyFileSizePipe
|
|
23
|
-
], imports: [[
|
|
20
|
+
SkyAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarModule, providers: [SkyFileSizePipe], imports: [[
|
|
24
21
|
CommonModule,
|
|
25
22
|
SkyAvatarResourcesModule,
|
|
26
23
|
SkyErrorModule,
|
|
27
24
|
SkyFileAttachmentsModule,
|
|
28
25
|
SkyI18nModule,
|
|
29
|
-
SkyThemeModule
|
|
26
|
+
SkyThemeModule,
|
|
30
27
|
]] });
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarModule, decorators: [{
|
|
32
29
|
type: NgModule,
|
|
33
30
|
args: [{
|
|
34
|
-
declarations: [
|
|
35
|
-
SkyAvatarInnerComponent,
|
|
36
|
-
SkyAvatarComponent
|
|
37
|
-
],
|
|
31
|
+
declarations: [SkyAvatarInnerComponent, SkyAvatarComponent],
|
|
38
32
|
imports: [
|
|
39
33
|
CommonModule,
|
|
40
34
|
SkyAvatarResourcesModule,
|
|
41
35
|
SkyErrorModule,
|
|
42
36
|
SkyFileAttachmentsModule,
|
|
43
37
|
SkyI18nModule,
|
|
44
|
-
SkyThemeModule
|
|
45
|
-
],
|
|
46
|
-
providers: [
|
|
47
|
-
SkyFileSizePipe
|
|
38
|
+
SkyThemeModule,
|
|
48
39
|
],
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
]
|
|
40
|
+
providers: [SkyFileSizePipe],
|
|
41
|
+
exports: [SkyAvatarComponent],
|
|
52
42
|
}]
|
|
53
43
|
}] });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F2YXRhci9zcmMvbW9kdWxlcy9hdmF0YXIvYXZhdGFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxlQUFlLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU1QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTlDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOztBQWVqRixNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQVpYLHVCQUF1QixFQUFFLGtCQUFrQixhQUV4RCxZQUFZO1FBQ1osd0JBQXdCO1FBQ3hCLGNBQWM7UUFDZCx3QkFBd0I7UUFDeEIsYUFBYTtRQUNiLGNBQWMsYUFHTixrQkFBa0I7OEdBRWpCLGVBQWUsYUFIZixDQUFDLGVBQWUsQ0FBQyxZQVJuQjtZQUNQLFlBQVk7WUFDWix3QkFBd0I7WUFDeEIsY0FBYztZQUNkLHdCQUF3QjtZQUN4QixhQUFhO1lBQ2IsY0FBYztTQUNmOzRGQUlVLGVBQWU7a0JBYjNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsdUJBQXVCLEVBQUUsa0JBQWtCLENBQUM7b0JBQzNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHdCQUF3Qjt3QkFDeEIsY0FBYzt3QkFDZCx3QkFBd0I7d0JBQ3hCLGFBQWE7d0JBQ2IsY0FBYztxQkFDZjtvQkFDRCxTQUFTLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQzVCLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IFNreUVycm9yTW9kdWxlIH0gZnJvbSAnQHNreXV4L2Vycm9ycyc7XG5cbmltcG9ydCB7IFNreUZpbGVBdHRhY2htZW50c01vZHVsZSwgU2t5RmlsZVNpemVQaXBlIH0gZnJvbSAnQHNreXV4L2Zvcm1zJztcblxuaW1wb3J0IHsgU2t5STE4bk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9pMThuJztcblxuaW1wb3J0IHsgU2t5VGhlbWVNb2R1bGUgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTa3lBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyBTa3lBdmF0YXJJbm5lckNvbXBvbmVudCB9IGZyb20gJy4vYXZhdGFyLmlubmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lBdmF0YXJSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWF2YXRhci1yZXNvdXJjZXMubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU2t5QXZhdGFySW5uZXJDb21wb25lbnQsIFNreUF2YXRhckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2t5QXZhdGFyUmVzb3VyY2VzTW9kdWxlLFxuICAgIFNreUVycm9yTW9kdWxlLFxuICAgIFNreUZpbGVBdHRhY2htZW50c01vZHVsZSxcbiAgICBTa3lJMThuTW9kdWxlLFxuICAgIFNreVRoZW1lTW9kdWxlLFxuICBdLFxuICBwcm92aWRlcnM6IFtTa3lGaWxlU2l6ZVBpcGVdLFxuICBleHBvcnRzOiBbU2t5QXZhdGFyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QXZhdGFyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -5,10 +5,27 @@
|
|
|
5
5
|
* To update this file, simply rerun the command.
|
|
6
6
|
*/
|
|
7
7
|
import { NgModule } from '@angular/core';
|
|
8
|
-
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
8
|
+
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS, } from '@skyux/i18n';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
const RESOURCES = {
|
|
11
|
-
'EN-US': {
|
|
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
|
+
},
|
|
12
29
|
};
|
|
13
30
|
export class SkyAvatarResourcesProvider {
|
|
14
31
|
getString(localeInfo, name) {
|
|
@@ -20,22 +37,26 @@ export class SkyAvatarResourcesProvider {
|
|
|
20
37
|
*/
|
|
21
38
|
export class SkyAvatarResourcesModule {
|
|
22
39
|
}
|
|
23
|
-
SkyAvatarResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
24
|
-
SkyAvatarResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
25
|
-
SkyAvatarResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
40
|
+
SkyAvatarResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
41
|
+
SkyAvatarResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarResourcesModule, exports: [SkyI18nModule] });
|
|
42
|
+
SkyAvatarResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarResourcesModule, providers: [
|
|
43
|
+
{
|
|
26
44
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
27
45
|
useClass: SkyAvatarResourcesProvider,
|
|
28
|
-
multi: true
|
|
29
|
-
}
|
|
30
|
-
|
|
46
|
+
multi: true,
|
|
47
|
+
},
|
|
48
|
+
], imports: [SkyI18nModule] });
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarResourcesModule, decorators: [{
|
|
31
50
|
type: NgModule,
|
|
32
51
|
args: [{
|
|
33
52
|
exports: [SkyI18nModule],
|
|
34
|
-
providers: [
|
|
53
|
+
providers: [
|
|
54
|
+
{
|
|
35
55
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
36
56
|
useClass: SkyAvatarResourcesProvider,
|
|
37
|
-
multi: true
|
|
38
|
-
}
|
|
57
|
+
multi: true,
|
|
58
|
+
},
|
|
59
|
+
],
|
|
39
60
|
}]
|
|
40
61
|
}] });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LWF2YXRhci1yZXNvdXJjZXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXZhdGFyL3NyYy9tb2R1bGVzL3NoYXJlZC9za3ktYXZhdGFyLXJlc291cmNlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7O0dBS0c7QUFFSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDTCxxQkFBcUIsRUFFckIsYUFBYSxFQUdiLDJCQUEyQixHQUM1QixNQUFNLGFBQWEsQ0FBQzs7QUFFckIsTUFBTSxTQUFTLEdBQTBDO0lBQ3ZELE9BQU8sRUFBRTtRQUNQLHdDQUF3QyxFQUFFO1lBQ3hDLE9BQU8sRUFBRSw2Q0FBNkM7U0FDdkQ7UUFDRCxrQ0FBa0MsRUFBRSxFQUFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRTtRQUN4RSx3Q0FBd0MsRUFBRTtZQUN4QyxPQUFPLEVBQUUsK0NBQStDO1NBQ3pEO1FBQ0Qsa0NBQWtDLEVBQUUsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUU7UUFDckUsMEJBQTBCLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFO1FBQzdDLDhCQUE4QixFQUFFLEVBQUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFO1FBQ3JFLHFDQUFxQyxFQUFFO1lBQ3JDLE9BQU8sRUFDTCxtRUFBbUU7U0FDdEU7UUFDRCxrQ0FBa0MsRUFBRTtZQUNsQyxPQUFPLEVBQUUsZ0VBQWdFO1NBQzFFO0tBQ0Y7Q0FDRixDQUFDO0FBRUYsTUFBTSxPQUFPLDBCQUEwQjtJQUM5QixTQUFTLENBQUMsVUFBNEIsRUFBRSxJQUFZO1FBQ3pELE9BQU8scUJBQXFCLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztDQUNGO0FBRUQ7O0dBRUc7QUFXSCxNQUFNLE9BQU8sd0JBQXdCOztzSEFBeEIsd0JBQXdCO3VIQUF4Qix3QkFBd0IsWUFUekIsYUFBYTt1SEFTWix3QkFBd0IsYUFSeEI7UUFDVDtZQUNFLE9BQU8sRUFBRSwyQkFBMkI7WUFDcEMsUUFBUSxFQUFFLDBCQUEwQjtZQUNwQyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsWUFQUyxhQUFhOzRGQVNaLHdCQUF3QjtrQkFWcEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCOzRCQUNwQyxRQUFRLEVBQUUsMEJBQTBCOzRCQUNwQyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTk9USUNFOiBETyBOT1QgTU9ESUZZIFRISVMgRklMRSFcbiAqIFRoZSBjb250ZW50cyBvZiB0aGlzIGZpbGUgd2VyZSBhdXRvbWF0aWNhbGx5IGdlbmVyYXRlZCBieVxuICogdGhlICduZyBnZW5lcmF0ZSBAc2t5dXgvaTE4bjpsaWItcmVzb3VyY2VzLW1vZHVsZSBtb2R1bGVzL3NoYXJlZC9za3ktYXZhdGFyJyBzY2hlbWF0aWMuXG4gKiBUbyB1cGRhdGUgdGhpcyBmaWxlLCBzaW1wbHkgcmVydW4gdGhlIGNvbW1hbmQuXG4gKi9cblxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIGdldExpYlN0cmluZ0ZvckxvY2FsZSxcbiAgU2t5QXBwTG9jYWxlSW5mbyxcbiAgU2t5STE4bk1vZHVsZSxcbiAgU2t5TGliUmVzb3VyY2VzLFxuICBTa3lMaWJSZXNvdXJjZXNQcm92aWRlcixcbiAgU0tZX0xJQl9SRVNPVVJDRVNfUFJPVklERVJTLFxufSBmcm9tICdAc2t5dXgvaTE4bic7XG5cbmNvbnN0IFJFU09VUkNFUzogeyBbbG9jYWxlOiBzdHJpbmddOiBTa3lMaWJSZXNvdXJjZXMgfSA9IHtcbiAgJ0VOLVVTJzoge1xuICAgIHNreXV4X2F2YXRhcl9lcnJvcl9ub3RfaW1hZ2VfZGVzY3JpcHRpb246IHtcbiAgICAgIG1lc3NhZ2U6ICdQbGVhc2UgY2hvb3NlIGEgZmlsZSB0aGF0IGlzIGEgdmFsaWQgaW1hZ2UuJyxcbiAgICB9LFxuICAgIHNreXV4X2F2YXRhcl9lcnJvcl9ub3RfaW1hZ2VfdGl0bGU6IHsgbWVzc2FnZTogJ0ZpbGUgaXMgbm90IGFuIGltYWdlLicgfSxcbiAgICBza3l1eF9hdmF0YXJfZXJyb3JfdG9vX2xhcmdlX2Rlc2NyaXB0aW9uOiB7XG4gICAgICBtZXNzYWdlOiAnUGxlYXNlIGNob29zZSBhbiBpbWFnZSB0aGF0IGlzIGxlc3MgdGhhbiB7MH0uJyxcbiAgICB9LFxuICAgIHNreXV4X2F2YXRhcl9lcnJvcl90b29fbGFyZ2VfdGl0bGU6IHsgbWVzc2FnZTogJ0ZpbGUgaXMgdG9vIGxhcmdlLicgfSxcbiAgICBza3l1eF9hdmF0YXJfZXJyb3Jtb2RhbF9vazogeyBtZXNzYWdlOiAnT0snIH0sXG4gICAgc2t5dXhfYXZhdGFyX2lubmVyX2Rlc2NyaXB0aW9uOiB7IG1lc3NhZ2U6ICdQcm9maWxlIHBpY3R1cmUgb2YgezB9JyB9LFxuICAgIHNreXV4X2F2YXRhcl91cGxvYWRfY2hhbmdlX2FyaWFfbGFiZWw6IHtcbiAgICAgIG1lc3NhZ2U6XG4gICAgICAgICdDaGFuZ2UgcHJvZmlsZSBwaG90byBvZiB7MH0uIERyYWcgYSBmaWxlIGhlcmUgb3IgY2xpY2sgdG8gYnJvd3NlLicsXG4gICAgfSxcbiAgICBza3l1eF9hdmF0YXJfdXBsb2FkX25ld19hcmlhX2xhYmVsOiB7XG4gICAgICBtZXNzYWdlOiAnQWRkIHByb2ZpbGUgcGhvdG8gb2YgezB9LiBEcmFnIGEgZmlsZSBoZXJlIG9yIGNsaWNrIHRvIGJyb3dzZS4nLFxuICAgIH0sXG4gIH0sXG59O1xuXG5leHBvcnQgY2xhc3MgU2t5QXZhdGFyUmVzb3VyY2VzUHJvdmlkZXIgaW1wbGVtZW50cyBTa3lMaWJSZXNvdXJjZXNQcm92aWRlciB7XG4gIHB1YmxpYyBnZXRTdHJpbmcobG9jYWxlSW5mbzogU2t5QXBwTG9jYWxlSW5mbywgbmFtZTogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gZ2V0TGliU3RyaW5nRm9yTG9jYWxlKFJFU09VUkNFUywgbG9jYWxlSW5mby5sb2NhbGUsIG5hbWUpO1xuICB9XG59XG5cbi8qKlxuICogSW1wb3J0IGludG8gYW55IGNvbXBvbmVudCBsaWJyYXJ5IG1vZHVsZSB0aGF0IG5lZWRzIHRvIHVzZSByZXNvdXJjZSBzdHJpbmdzLlxuICovXG5ATmdNb2R1bGUoe1xuICBleHBvcnRzOiBbU2t5STE4bk1vZHVsZV0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IFNLWV9MSUJfUkVTT1VSQ0VTX1BST1ZJREVSUyxcbiAgICAgIHVzZUNsYXNzOiBTa3lBdmF0YXJSZXNvdXJjZXNQcm92aWRlcixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUF2YXRhclJlc291cmNlc01vZHVsZSB7fVxuIl19
|
package/esm2015/public-api.js
CHANGED
|
@@ -4,4 +4,4 @@ export * from './modules/avatar/avatar.module';
|
|
|
4
4
|
// Components and directives must be exported to support Angular's "partial" Ivy compiler.
|
|
5
5
|
// Obscure names are used to indicate types are not part of public API.
|
|
6
6
|
export { SkyAvatarComponent as λ1 } from './modules/avatar/avatar.component';
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2F2YXRhci9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUUvQywwRkFBMEY7QUFDMUYsdUVBQXVFO0FBQ3ZFLE9BQU8sRUFBRSxrQkFBa0IsSUFBSSxFQUFFLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9hdmF0YXIvYXZhdGFyLXNpemUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2F2YXRhci9hdmF0YXItc3JjJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5cbi8vIENvbXBvbmVudHMgYW5kIGRpcmVjdGl2ZXMgbXVzdCBiZSBleHBvcnRlZCB0byBzdXBwb3J0IEFuZ3VsYXIncyBcInBhcnRpYWxcIiBJdnkgY29tcGlsZXIuXG4vLyBPYnNjdXJlIG5hbWVzIGFyZSB1c2VkIHRvIGluZGljYXRlIHR5cGVzIGFyZSBub3QgcGFydCBvZiBwdWJsaWMgQVBJLlxuZXhwb3J0IHsgU2t5QXZhdGFyQ29tcG9uZW50IGFzIM67MSB9IGZyb20gJy4vbW9kdWxlcy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -28,4 +28,4 @@ export class SkyAvatarFixture {
|
|
|
28
28
|
return undefined;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWZpeHR1cmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hdmF0YXIvdGVzdGluZy9zcmMvYXZhdGFyLWZpeHR1cmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUEsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXZEOztHQUVHO0FBQ0gsTUFBTSxPQUFPLGdCQUFnQjtJQStCM0IsWUFBWSxPQUE4QixFQUFFLFNBQWlCO1FBQzNELElBQUksQ0FBQyxPQUFPLEdBQUcsaUJBQWlCLENBQUMsdUJBQXVCLENBQ3RELE9BQU8sRUFDUCxTQUFTLEVBQ1QsWUFBWSxDQUNiLENBQUM7SUFDSixDQUFDO0lBcENEOztPQUVHO0lBQ0gsSUFBVyxRQUFRO1FBQ2pCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDO1FBRXRFLElBQUksaUJBQWlCLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQzNDLE9BQU8saUJBQWlCLENBQUMsT0FBTyxDQUM5QixVQUFVLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsNEJBQTRCLENBQUMsQ0FBQyxDQUN2RCxDQUFDO1NBQ0g7UUFFRCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFXLFFBQVE7UUFDakIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUM7UUFFaEUsSUFBSSxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDeEMsT0FBTyxpQkFBaUIsQ0FBQyxxQkFBcUIsQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUN6RDtRQUVELE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7Q0FXRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudEZpeHR1cmUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3Rlc3RpbmcnO1xuXG5pbXBvcnQgeyBEZWJ1Z0VsZW1lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQnkgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuaW1wb3J0IHsgU2t5QXBwVGVzdFV0aWxpdHkgfSBmcm9tICdAc2t5dXgtc2RrL3Rlc3RpbmcnO1xuXG4vKipcbiAqIEFsbG93cyBpbnRlcmFjdGlvbiB3aXRoIGEgU0tZIFVYIGF2YXRhciBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTa3lBdmF0YXJGaXh0dXJlIHtcbiAgLyoqXG4gICAqIFRoZSBpbml0aWFscyBkaXNwbGF5ZWQgd2hlbiBubyBpbWFnZSBVUkwgaXMgc3BlY2lmaWVkLlxuICAgKi9cbiAgcHVibGljIGdldCBpbml0aWFscygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGluaXRpYWxzRWwgPSB0aGlzLmRlYnVnRWwucXVlcnkoQnkuY3NzKCcuc2t5LWF2YXRhci1pbml0aWFscycpKTtcblxuICAgIGlmIChTa3lBcHBUZXN0VXRpbGl0eS5pc1Zpc2libGUoaW5pdGlhbHNFbCkpIHtcbiAgICAgIHJldHVybiBTa3lBcHBUZXN0VXRpbGl0eS5nZXRUZXh0KFxuICAgICAgICBpbml0aWFsc0VsLnF1ZXJ5KEJ5LmNzcygnLnNreS1hdmF0YXItaW5pdGlhbHMtaW5uZXInKSlcbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgYXZhdGFyJ3MgY3VycmVudCBpbWFnZSBVUkwuXG4gICAqL1xuICBwdWJsaWMgZ2V0IGltYWdlVXJsKCk6IHN0cmluZyB7XG4gICAgY29uc3QgaW1hZ2VFbCA9IHRoaXMuZGVidWdFbC5xdWVyeShCeS5jc3MoJy5za3ktYXZhdGFyLWltYWdlJykpO1xuXG4gICAgaWYgKFNreUFwcFRlc3RVdGlsaXR5LmlzVmlzaWJsZShpbWFnZUVsKSkge1xuICAgICAgcmV0dXJuIFNreUFwcFRlc3RVdGlsaXR5LmdldEJhY2tncm91bmRJbWFnZVVybChpbWFnZUVsKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG5cbiAgcHJpdmF0ZSBkZWJ1Z0VsOiBEZWJ1Z0VsZW1lbnQ7XG5cbiAgY29uc3RydWN0b3IoZml4dHVyZTogQ29tcG9uZW50Rml4dHVyZTxhbnk+LCBza3lUZXN0SWQ6IHN0cmluZykge1xuICAgIHRoaXMuZGVidWdFbCA9IFNreUFwcFRlc3RVdGlsaXR5LmdldERlYnVnRWxlbWVudEJ5VGVzdElkKFxuICAgICAgZml4dHVyZSxcbiAgICAgIHNreVRlc3RJZCxcbiAgICAgICdza3ktYXZhdGFyJ1xuICAgICk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-avatar-testing.js","sources":["../../../projects/avatar/testing/src/avatar-fixture.ts","../../../projects/avatar/testing/src/skyux-avatar-testing.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"skyux-avatar-testing.js","sources":["../../../projects/avatar/testing/src/avatar-fixture.ts","../../../projects/avatar/testing/src/skyux-avatar-testing.ts"],"sourcesContent":["import { ComponentFixture } from '@angular/core/testing';\n\nimport { DebugElement } from '@angular/core';\n\nimport { By } from '@angular/platform-browser';\n\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":";;;AAQA;;;MAGa,gBAAgB;IA+B3B,YAAY,OAA8B,EAAE,SAAiB;QAC3D,IAAI,CAAC,OAAO,GAAG,iBAAiB,CAAC,uBAAuB,CACtD,OAAO,EACP,SAAS,EACT,YAAY,CACb,CAAC;KACH;;;;IAjCD,IAAW,QAAQ;QACjB,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAC;QAEtE,IAAI,iBAAiB,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;YAC3C,OAAO,iBAAiB,CAAC,OAAO,CAC9B,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC,CACvD,CAAC;SACH;QAED,OAAO,SAAS,CAAC;KAClB;;;;IAKD,IAAW,QAAQ;QACjB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAEhE,IAAI,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;YACxC,OAAO,iBAAiB,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;SACzD;QAED,OAAO,SAAS,CAAC;KAClB;;;ACtCH;;;;;;"}
|
package/fesm2015/skyux-avatar.js
CHANGED
|
@@ -54,9 +54,9 @@ class SkyAvatarAdapterService {
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
SkyAvatarAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
58
|
-
SkyAvatarAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
57
|
+
SkyAvatarAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
58
|
+
SkyAvatarAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarAdapterService });
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarAdapterService, decorators: [{
|
|
60
60
|
type: Injectable
|
|
61
61
|
}] });
|
|
62
62
|
|
|
@@ -119,16 +119,16 @@ class SkyAvatarInnerComponent {
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
|
-
SkyAvatarInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
123
|
-
SkyAvatarInnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
122
|
+
SkyAvatarInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarInnerComponent, deps: [{ token: i0.ElementRef }, { token: SkyAvatarAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
123
|
+
SkyAvatarInnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyAvatarInnerComponent, selector: "sky-avatar-inner", inputs: { src: "src", name: "name", size: "size" }, providers: [SkyAvatarAdapterService], ngImport: i0, template: "<div\n class=\"sky-elevation-1 sky-avatar-wrapper\"\n [ngClass]=\"'sky-avatar-wrapper-size-' + (size || 'large')\"\n>\n <div class=\"sky-avatar-image\" [hidden]=\"!src\"></div>\n <div *ngIf=\"src\" class=\"sky-screen-reader-only\">\n {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n </div>\n <div\n class=\"sky-avatar-initials\"\n [hidden]=\"src || !name\"\n [ngClass]=\"'sky-palette-multi-' + (colorIndex + 1)\"\n >\n <div\n *ngIf=\"size === 'small'\"\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-body-sm': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n <div\n *ngIf=\"size === 'medium'\"\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n <div\n *ngIf=\"size !== 'small' && size !== 'medium'\"\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-2': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n </div>\n</div>\n", styles: [".sky-avatar-wrapper{height:104px;width:104px;border:solid 2px transparent;border-radius:50%;overflow:hidden;position:relative;top:-2px;left:-2px}.sky-avatar-image,.sky-avatar-initials{height:100px;width:100px;background-position:50%;background-size:cover;display:flex;align-items:center;justify-content:center}.sky-avatar-initials{font-size:50px}.sky-avatar-initials-inner{color:#fff;cursor:default;-webkit-user-select:none;user-select:none}.sky-avatar-wrapper-size-medium{height:69px;width:69px}.sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-avatar-wrapper-size-medium .sky-avatar-initials{height:65px;width:65px}.sky-avatar-wrapper-size-medium .sky-avatar-initials{font-size:32.5px}.sky-avatar-wrapper-size-small{height:36px;width:36px}.sky-avatar-wrapper-size-small .sky-avatar-image,.sky-avatar-wrapper-size-small .sky-avatar-initials{height:32px;width:32px}.sky-avatar-wrapper-size-small .sky-avatar-initials{font-size:16px}.sky-file-drop .sky-avatar-wrapper{cursor:pointer}.sky-file-drop-accept .sky-avatar-wrapper{border-color:#72bf44;border-style:dashed}.sky-file-drop-reject .sky-avatar-wrapper{border-color:#ef4044;border-style:dashed}.sky-theme-modern .sky-avatar-wrapper{height:100px;width:100px;background-color:#fff;border-width:0;padding:5px;top:0;left:0}.sky-theme-modern .sky-avatar-image,.sky-theme-modern .sky-avatar-initials{border-radius:50%;height:90px;width:90px}.sky-theme-modern .sky-avatar-initials-inner{color:#212327}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper{border-width:2px;padding:3px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-medium,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern .sky-file-drop-accept .sky-avatar-wrapper-size-small,.sky-theme-modern .sky-file-drop-reject .sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern .sky-avatar-wrapper-size-medium{padding:3px;height:65px;width:65px}.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-medium .sky-avatar-initials{height:59px;width:59px}.sky-theme-modern .sky-avatar-wrapper-size-small{padding:2px;height:32px;width:32px}.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-image,.sky-theme-modern .sky-avatar-wrapper-size-small .sky-avatar-initials{height:28px;width:28px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper{border:solid 1px #1870B8;padding:4px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:2px}.sky-theme-modern sky-file-drop:hover .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper{border:solid 2px #1870B8;padding:3px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-medium,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-medium{padding:1px}.sky-theme-modern sky-file-drop:active .sky-avatar-wrapper.sky-avatar-wrapper-size-small,.sky-theme-modern sky-file-drop:focus-within .sky-avatar-wrapper.sky-avatar-wrapper-size-small{padding:0}.sky-theme-modern sky-file-drop:focus-within:not(:active) .sky-avatar-wrapper{box-shadow:0 1px 8px #0000004d}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-wrapper{background-color:transparent}.sky-theme-modern.sky-theme-mode-dark .sky-avatar-initials-inner{color:#212327}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarInnerComponent, decorators: [{
|
|
125
125
|
type: Component,
|
|
126
126
|
args: [{
|
|
127
127
|
selector: 'sky-avatar-inner',
|
|
128
128
|
templateUrl: './avatar.inner.component.html',
|
|
129
129
|
styleUrls: ['./avatar.inner.component.scss'],
|
|
130
130
|
providers: [SkyAvatarAdapterService],
|
|
131
|
-
encapsulation: ViewEncapsulation.None
|
|
131
|
+
encapsulation: ViewEncapsulation.None,
|
|
132
132
|
}]
|
|
133
133
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyAvatarAdapterService }]; }, propDecorators: { src: [{
|
|
134
134
|
type: Input
|
|
@@ -226,7 +226,7 @@ class SkyAvatarComponent {
|
|
|
226
226
|
const config = {
|
|
227
227
|
errorTitle: title,
|
|
228
228
|
errorDescription: description,
|
|
229
|
-
errorCloseText: this.getString('skyux_avatar_errormodal_ok')
|
|
229
|
+
errorCloseText: this.getString('skyux_avatar_errormodal_ok'),
|
|
230
230
|
};
|
|
231
231
|
this.errorService.open(config);
|
|
232
232
|
}
|
|
@@ -235,15 +235,15 @@ class SkyAvatarComponent {
|
|
|
235
235
|
return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key, ...args);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
|
-
SkyAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
239
|
-
SkyAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
238
|
+
SkyAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarComponent, deps: [{ token: i1.SkyErrorModalService }, { token: i2$1.SkyFileSizePipe }, { token: i3$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
239
|
+
SkyAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyAvatarComponent, selector: "sky-avatar", inputs: { canChange: "canChange", name: "name", src: "src", maxFileSize: "maxFileSize", size: "size" }, outputs: { avatarChanged: "avatarChanged" }, ngImport: i0, template: "<div class=\"sky-avatar\">\n <div *ngIf=\"canChange\">\n <div class=\"sky-avatar-file-drop\">\n <sky-file-drop\n [acceptedTypes]=\"'image/*'\"\n [fileUploadAriaLabel]=\"\n src\n ? ('skyux_avatar_upload_change_aria_label' | skyLibResources: name)\n : ('skyux_avatar_upload_new_aria_label' | skyLibResources: name)\n \"\n [multiple]=\"false\"\n [maxFileSize]=\"maxFileSize\"\n [multiple]=\"false\"\n (filesChanged)=\"photoDrop($event)\"\n >\n <ng-container *ngTemplateOutlet=\"innerTemplate\"></ng-container>\n </sky-file-drop>\n </div>\n </div>\n <div *ngIf=\"!canChange\">\n <ng-container *ngTemplateOutlet=\"innerTemplate\"></ng-container>\n </div>\n</div>\n\n<ng-template #innerTemplate>\n <sky-avatar-inner [name]=\"name\" [size]=\"size\" [src]=\"src\"></sky-avatar-inner>\n</ng-template>\n", styles: [".sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-theme-modern .sky-file-drop:focus{outline:none}\n"], components: [{ type: i2$1.λ8, selector: "sky-file-drop", inputs: ["fileUploadAriaLabel", "linkUploadAriaLabel", "minFileSize", "maxFileSize", "multiple", "validateFn", "acceptedTypes", "noClick", "allowLinks"], outputs: ["filesChanged", "linkInputBlur", "linkChanged"] }, { type: SkyAvatarInnerComponent, selector: "sky-avatar-inner", inputs: ["src", "name", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarComponent, decorators: [{
|
|
241
241
|
type: Component,
|
|
242
242
|
args: [{
|
|
243
243
|
selector: 'sky-avatar',
|
|
244
244
|
templateUrl: './avatar.component.html',
|
|
245
245
|
styleUrls: ['./avatar.component.scss'],
|
|
246
|
-
encapsulation: ViewEncapsulation.None
|
|
246
|
+
encapsulation: ViewEncapsulation.None,
|
|
247
247
|
}]
|
|
248
248
|
}], ctorParameters: function () { return [{ type: i1.SkyErrorModalService }, { type: i2$1.SkyFileSizePipe }, { type: i3$1.SkyLibResourcesService }]; }, propDecorators: { canChange: [{
|
|
249
249
|
type: Input
|
|
@@ -266,7 +266,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.3", ngImpor
|
|
|
266
266
|
* To update this file, simply rerun the command.
|
|
267
267
|
*/
|
|
268
268
|
const RESOURCES = {
|
|
269
|
-
'EN-US': {
|
|
269
|
+
'EN-US': {
|
|
270
|
+
skyux_avatar_error_not_image_description: {
|
|
271
|
+
message: 'Please choose a file that is a valid image.',
|
|
272
|
+
},
|
|
273
|
+
skyux_avatar_error_not_image_title: { message: 'File is not an image.' },
|
|
274
|
+
skyux_avatar_error_too_large_description: {
|
|
275
|
+
message: 'Please choose an image that is less than {0}.',
|
|
276
|
+
},
|
|
277
|
+
skyux_avatar_error_too_large_title: { message: 'File is too large.' },
|
|
278
|
+
skyux_avatar_errormodal_ok: { message: 'OK' },
|
|
279
|
+
skyux_avatar_inner_description: { message: 'Profile picture of {0}' },
|
|
280
|
+
skyux_avatar_upload_change_aria_label: {
|
|
281
|
+
message: 'Change profile photo of {0}. Drag a file here or click to browse.',
|
|
282
|
+
},
|
|
283
|
+
skyux_avatar_upload_new_aria_label: {
|
|
284
|
+
message: 'Add profile photo of {0}. Drag a file here or click to browse.',
|
|
285
|
+
},
|
|
286
|
+
},
|
|
270
287
|
};
|
|
271
288
|
class SkyAvatarResourcesProvider {
|
|
272
289
|
getString(localeInfo, name) {
|
|
@@ -278,66 +295,60 @@ class SkyAvatarResourcesProvider {
|
|
|
278
295
|
*/
|
|
279
296
|
class SkyAvatarResourcesModule {
|
|
280
297
|
}
|
|
281
|
-
SkyAvatarResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
282
|
-
SkyAvatarResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
283
|
-
SkyAvatarResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
298
|
+
SkyAvatarResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
299
|
+
SkyAvatarResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarResourcesModule, exports: [SkyI18nModule] });
|
|
300
|
+
SkyAvatarResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarResourcesModule, providers: [
|
|
301
|
+
{
|
|
284
302
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
285
303
|
useClass: SkyAvatarResourcesProvider,
|
|
286
|
-
multi: true
|
|
287
|
-
}
|
|
288
|
-
|
|
304
|
+
multi: true,
|
|
305
|
+
},
|
|
306
|
+
], imports: [SkyI18nModule] });
|
|
307
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarResourcesModule, decorators: [{
|
|
289
308
|
type: NgModule,
|
|
290
309
|
args: [{
|
|
291
310
|
exports: [SkyI18nModule],
|
|
292
|
-
providers: [
|
|
311
|
+
providers: [
|
|
312
|
+
{
|
|
293
313
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
294
314
|
useClass: SkyAvatarResourcesProvider,
|
|
295
|
-
multi: true
|
|
296
|
-
}
|
|
315
|
+
multi: true,
|
|
316
|
+
},
|
|
317
|
+
],
|
|
297
318
|
}]
|
|
298
319
|
}] });
|
|
299
320
|
|
|
300
321
|
class SkyAvatarModule {
|
|
301
322
|
}
|
|
302
|
-
SkyAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
303
|
-
SkyAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
304
|
-
SkyAvatarComponent], imports: [CommonModule,
|
|
323
|
+
SkyAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
324
|
+
SkyAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarModule, declarations: [SkyAvatarInnerComponent, SkyAvatarComponent], imports: [CommonModule,
|
|
305
325
|
SkyAvatarResourcesModule,
|
|
306
326
|
SkyErrorModule,
|
|
307
327
|
SkyFileAttachmentsModule,
|
|
308
328
|
SkyI18nModule,
|
|
309
329
|
SkyThemeModule], exports: [SkyAvatarComponent] });
|
|
310
|
-
SkyAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
311
|
-
SkyFileSizePipe
|
|
312
|
-
], imports: [[
|
|
330
|
+
SkyAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarModule, providers: [SkyFileSizePipe], imports: [[
|
|
313
331
|
CommonModule,
|
|
314
332
|
SkyAvatarResourcesModule,
|
|
315
333
|
SkyErrorModule,
|
|
316
334
|
SkyFileAttachmentsModule,
|
|
317
335
|
SkyI18nModule,
|
|
318
|
-
SkyThemeModule
|
|
336
|
+
SkyThemeModule,
|
|
319
337
|
]] });
|
|
320
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAvatarModule, decorators: [{
|
|
321
339
|
type: NgModule,
|
|
322
340
|
args: [{
|
|
323
|
-
declarations: [
|
|
324
|
-
SkyAvatarInnerComponent,
|
|
325
|
-
SkyAvatarComponent
|
|
326
|
-
],
|
|
341
|
+
declarations: [SkyAvatarInnerComponent, SkyAvatarComponent],
|
|
327
342
|
imports: [
|
|
328
343
|
CommonModule,
|
|
329
344
|
SkyAvatarResourcesModule,
|
|
330
345
|
SkyErrorModule,
|
|
331
346
|
SkyFileAttachmentsModule,
|
|
332
347
|
SkyI18nModule,
|
|
333
|
-
SkyThemeModule
|
|
334
|
-
],
|
|
335
|
-
providers: [
|
|
336
|
-
SkyFileSizePipe
|
|
348
|
+
SkyThemeModule,
|
|
337
349
|
],
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
]
|
|
350
|
+
providers: [SkyFileSizePipe],
|
|
351
|
+
exports: [SkyAvatarComponent],
|
|
341
352
|
}]
|
|
342
353
|
}] });
|
|
343
354
|
|