@skyux/avatar 11.9.0 → 11.10.0
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 +46 -46
- package/esm2022/lib/modules/avatar/avatar-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/avatar/avatar.component.mjs +3 -3
- package/esm2022/lib/modules/avatar/avatar.inner.component.mjs +3 -3
- package/esm2022/lib/modules/avatar/avatar.module.mjs +4 -4
- package/esm2022/lib/modules/shared/sky-avatar-resources.module.mjs +4 -4
- package/fesm2022/skyux-avatar.mjs +17 -17
- package/package.json +10 -10
package/documentation.json
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"fileName": "projects/avatar/src/modules/avatar/avatar.module.ts",
|
|
33
33
|
"line": 24,
|
|
34
34
|
"character": 13,
|
|
35
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
35
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.module.ts#L24"
|
|
36
36
|
}
|
|
37
37
|
],
|
|
38
38
|
"decorators": [
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
63
63
|
"line": 109,
|
|
64
64
|
"character": 2,
|
|
65
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
65
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L109"
|
|
66
66
|
}
|
|
67
67
|
],
|
|
68
68
|
"signatures": [
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"fileName": "src/lib/modules/avatar/avatar.component.ts",
|
|
78
78
|
"line": 109,
|
|
79
79
|
"character": 2,
|
|
80
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
80
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L109"
|
|
81
81
|
}
|
|
82
82
|
],
|
|
83
83
|
"parameters": [
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
169
169
|
"line": 93,
|
|
170
170
|
"character": 9,
|
|
171
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
171
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L93"
|
|
172
172
|
}
|
|
173
173
|
],
|
|
174
174
|
"type": {
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
231
231
|
"line": 79,
|
|
232
232
|
"character": 9,
|
|
233
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
233
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L79"
|
|
234
234
|
}
|
|
235
235
|
],
|
|
236
236
|
"type": {
|
|
@@ -300,7 +300,7 @@
|
|
|
300
300
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
301
301
|
"line": 87,
|
|
302
302
|
"character": 9,
|
|
303
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
303
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L87"
|
|
304
304
|
}
|
|
305
305
|
],
|
|
306
306
|
"type": {
|
|
@@ -328,13 +328,13 @@
|
|
|
328
328
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
329
329
|
"line": 36,
|
|
330
330
|
"character": 13,
|
|
331
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
331
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L36"
|
|
332
332
|
},
|
|
333
333
|
{
|
|
334
334
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
335
335
|
"line": 40,
|
|
336
336
|
"character": 13,
|
|
337
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
337
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L40"
|
|
338
338
|
}
|
|
339
339
|
],
|
|
340
340
|
"getSignature": {
|
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
"fileName": "src/lib/modules/avatar/avatar.component.ts",
|
|
349
349
|
"line": 40,
|
|
350
350
|
"character": 13,
|
|
351
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
351
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L40"
|
|
352
352
|
}
|
|
353
353
|
],
|
|
354
354
|
"type": {
|
|
@@ -394,7 +394,7 @@
|
|
|
394
394
|
"fileName": "src/lib/modules/avatar/avatar.component.ts",
|
|
395
395
|
"line": 36,
|
|
396
396
|
"character": 13,
|
|
397
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
397
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L36"
|
|
398
398
|
}
|
|
399
399
|
],
|
|
400
400
|
"parameters": [
|
|
@@ -434,13 +434,13 @@
|
|
|
434
434
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
435
435
|
"line": 53,
|
|
436
436
|
"character": 13,
|
|
437
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
437
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L53"
|
|
438
438
|
},
|
|
439
439
|
{
|
|
440
440
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
441
441
|
"line": 57,
|
|
442
442
|
"character": 13,
|
|
443
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
443
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L57"
|
|
444
444
|
}
|
|
445
445
|
],
|
|
446
446
|
"getSignature": {
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
"fileName": "src/lib/modules/avatar/avatar.component.ts",
|
|
455
455
|
"line": 57,
|
|
456
456
|
"character": 13,
|
|
457
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
457
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L57"
|
|
458
458
|
}
|
|
459
459
|
],
|
|
460
460
|
"type": {
|
|
@@ -505,7 +505,7 @@
|
|
|
505
505
|
"fileName": "src/lib/modules/avatar/avatar.component.ts",
|
|
506
506
|
"line": 53,
|
|
507
507
|
"character": 13,
|
|
508
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
508
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L53"
|
|
509
509
|
}
|
|
510
510
|
],
|
|
511
511
|
"parameters": [
|
|
@@ -545,13 +545,13 @@
|
|
|
545
545
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
546
546
|
"line": 66,
|
|
547
547
|
"character": 13,
|
|
548
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
548
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L66"
|
|
549
549
|
},
|
|
550
550
|
{
|
|
551
551
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
552
552
|
"line": 70,
|
|
553
553
|
"character": 13,
|
|
554
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
554
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L70"
|
|
555
555
|
}
|
|
556
556
|
],
|
|
557
557
|
"getSignature": {
|
|
@@ -565,7 +565,7 @@
|
|
|
565
565
|
"fileName": "src/lib/modules/avatar/avatar.component.ts",
|
|
566
566
|
"line": 70,
|
|
567
567
|
"character": 13,
|
|
568
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
568
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L70"
|
|
569
569
|
}
|
|
570
570
|
],
|
|
571
571
|
"type": {
|
|
@@ -610,7 +610,7 @@
|
|
|
610
610
|
"fileName": "src/lib/modules/avatar/avatar.component.ts",
|
|
611
611
|
"line": 66,
|
|
612
612
|
"character": 13,
|
|
613
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
613
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L66"
|
|
614
614
|
}
|
|
615
615
|
],
|
|
616
616
|
"parameters": [
|
|
@@ -652,7 +652,7 @@
|
|
|
652
652
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
653
653
|
"line": 124,
|
|
654
654
|
"character": 9,
|
|
655
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
655
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L124"
|
|
656
656
|
}
|
|
657
657
|
],
|
|
658
658
|
"signatures": [
|
|
@@ -667,7 +667,7 @@
|
|
|
667
667
|
"fileName": "src/lib/modules/avatar/avatar.component.ts",
|
|
668
668
|
"line": 124,
|
|
669
669
|
"character": 9,
|
|
670
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
670
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L124"
|
|
671
671
|
}
|
|
672
672
|
],
|
|
673
673
|
"parameters": [
|
|
@@ -732,7 +732,7 @@
|
|
|
732
732
|
"fileName": "projects/avatar/src/modules/avatar/avatar.component.ts",
|
|
733
733
|
"line": 27,
|
|
734
734
|
"character": 13,
|
|
735
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
735
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar.component.ts#L27"
|
|
736
736
|
}
|
|
737
737
|
],
|
|
738
738
|
"decorators": [
|
|
@@ -755,7 +755,7 @@
|
|
|
755
755
|
"fileName": "projects/avatar/src/modules/avatar/avatar-size.ts",
|
|
756
756
|
"line": 1,
|
|
757
757
|
"character": 12,
|
|
758
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
758
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar-size.ts#L1"
|
|
759
759
|
}
|
|
760
760
|
],
|
|
761
761
|
"type": {
|
|
@@ -787,7 +787,7 @@
|
|
|
787
787
|
"fileName": "projects/avatar/src/modules/avatar/avatar-src.ts",
|
|
788
788
|
"line": 1,
|
|
789
789
|
"character": 12,
|
|
790
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
790
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/avatar/src/lib/modules/avatar/avatar-src.ts#L1"
|
|
791
791
|
}
|
|
792
792
|
],
|
|
793
793
|
"type": {
|
|
@@ -976,32 +976,32 @@
|
|
|
976
976
|
],
|
|
977
977
|
"codeExampleDependencies": {
|
|
978
978
|
"/projects/avatar/documentation/code-examples/avatar": {
|
|
979
|
-
"@angular-devkit/core": "18.2.
|
|
980
|
-
"@angular-devkit/schematics": "18.2.
|
|
981
|
-
"@angular/animations": "18.2.
|
|
982
|
-
"@angular/cdk": "18.2.
|
|
983
|
-
"@angular/cli": "18.2.
|
|
984
|
-
"@angular/common": "18.2.
|
|
985
|
-
"@angular/core": "18.2.
|
|
986
|
-
"@angular/forms": "18.2.
|
|
987
|
-
"@angular/platform-browser": "18.2.
|
|
988
|
-
"@angular/router": "18.2.
|
|
979
|
+
"@angular-devkit/core": "18.2.8",
|
|
980
|
+
"@angular-devkit/schematics": "18.2.8",
|
|
981
|
+
"@angular/animations": "18.2.8",
|
|
982
|
+
"@angular/cdk": "18.2.8",
|
|
983
|
+
"@angular/cli": "18.2.8",
|
|
984
|
+
"@angular/common": "18.2.8",
|
|
985
|
+
"@angular/core": "18.2.8",
|
|
986
|
+
"@angular/forms": "18.2.8",
|
|
987
|
+
"@angular/platform-browser": "18.2.8",
|
|
988
|
+
"@angular/router": "18.2.8",
|
|
989
989
|
"@blackbaud/skyux-design-tokens": "0.0.36",
|
|
990
990
|
"@schematics/angular": "18.2.4",
|
|
991
|
-
"@skyux-sdk/testing": "11.
|
|
992
|
-
"@skyux/assets": "11.
|
|
993
|
-
"@skyux/avatar": "11.
|
|
994
|
-
"@skyux/core": "11.
|
|
995
|
-
"@skyux/errors": "11.
|
|
996
|
-
"@skyux/forms": "11.
|
|
997
|
-
"@skyux/help-inline": "11.
|
|
998
|
-
"@skyux/i18n": "11.
|
|
999
|
-
"@skyux/icon": "11.
|
|
991
|
+
"@skyux-sdk/testing": "11.10.0",
|
|
992
|
+
"@skyux/assets": "11.10.0",
|
|
993
|
+
"@skyux/avatar": "11.10.0",
|
|
994
|
+
"@skyux/core": "11.10.0",
|
|
995
|
+
"@skyux/errors": "11.10.0",
|
|
996
|
+
"@skyux/forms": "11.10.0",
|
|
997
|
+
"@skyux/help-inline": "11.10.0",
|
|
998
|
+
"@skyux/i18n": "11.10.0",
|
|
999
|
+
"@skyux/icon": "11.10.0",
|
|
1000
1000
|
"@skyux/icons": "7.8.0",
|
|
1001
|
-
"@skyux/indicators": "11.
|
|
1002
|
-
"@skyux/modals": "11.
|
|
1003
|
-
"@skyux/popovers": "11.
|
|
1004
|
-
"@skyux/theme": "11.
|
|
1001
|
+
"@skyux/indicators": "11.10.0",
|
|
1002
|
+
"@skyux/modals": "11.10.0",
|
|
1003
|
+
"@skyux/popovers": "11.10.0",
|
|
1004
|
+
"@skyux/theme": "11.10.0",
|
|
1005
1005
|
"@types/node": "20.14.12",
|
|
1006
1006
|
"axe-core": "4.10.0",
|
|
1007
1007
|
"fontfaceobserver": "2.3.0",
|
|
@@ -38,10 +38,10 @@ export class SkyAvatarAdapterService {
|
|
|
38
38
|
this.#blobUrl = undefined;
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
42
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
42
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarAdapterService }); }
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarAdapterService, decorators: [{
|
|
45
45
|
type: Injectable
|
|
46
46
|
}] });
|
|
47
47
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWFkYXB0ZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hdmF0YXIvc3JjL2xpYi9tb2R1bGVzL2F2YXRhci9hdmF0YXItYWRhcHRlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYyxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSXZEOztHQUVHO0FBRUgsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxRQUFRLENBQXFCO0lBRXRCLFdBQVcsQ0FBQyxVQUFzQixFQUFFLEdBQWlCO1FBQzFELElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUV0QixNQUFNLEVBQUUsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDO1FBRXBDLHlCQUF5QjtRQUN6QixJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ1AsTUFBTSxPQUFPLEdBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1lBRXRELHlCQUF5QjtZQUN6QixJQUFJLE9BQU8sRUFBRSxDQUFDO2dCQUNaLElBQUksR0FBRyxHQUFHLEdBQUcsQ0FBQztnQkFFZCxJQUFJLEdBQUcsWUFBWSxJQUFJLElBQUksR0FBRyxZQUFZLElBQUksRUFBRSxDQUFDO29CQUMvQyxHQUFHLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDakMsQ0FBQztnQkFFRCxpRkFBaUY7Z0JBQ2pGLE9BQU8sQ0FBQyxLQUFLLENBQUMsZUFBZSxHQUFHLE9BQU8sR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDO1lBQ3ZELENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVNLE9BQU87UUFDWixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGNBQWMsQ0FBQyxHQUFnQjtRQUM3QixNQUFNLEdBQUcsR0FBRyxHQUFHLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRXJDLDJEQUEyRDtRQUMzRCx1RUFBdUU7UUFDdkUsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUM7UUFDcEIsT0FBTyxHQUFHLENBQUM7SUFDYixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLEdBQUcsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsU0FBUyxDQUFDO1FBQzVCLENBQUM7SUFDSCxDQUFDOzhHQTVDVSx1QkFBdUI7a0hBQXZCLHVCQUF1Qjs7MkZBQXZCLHVCQUF1QjtrQkFEbkMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRSZWYsIEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5QXZhdGFyU3JjIH0gZnJvbSAnLi9hdmF0YXItc3JjJztcblxuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFNreUF2YXRhckFkYXB0ZXJTZXJ2aWNlIHtcbiAgI2Jsb2JVcmw6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgdXBkYXRlSW1hZ2UoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgc3JjOiBTa3lBdmF0YXJTcmMpIHtcbiAgICB0aGlzLiNyZXZva2VCbG9iVXJsKCk7XG5cbiAgICBjb25zdCBlbCA9IGVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcblxuICAgIC8qaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAoZWwpIHtcbiAgICAgIGNvbnN0IGltYWdlRWwgPSBlbC5xdWVyeVNlbGVjdG9yKCcuc2t5LWF2YXRhci1pbWFnZScpO1xuXG4gICAgICAvKmlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgICBpZiAoaW1hZ2VFbCkge1xuICAgICAgICBsZXQgdXJsID0gc3JjO1xuXG4gICAgICAgIGlmIChzcmMgaW5zdGFuY2VvZiBGaWxlIHx8IHNyYyBpbnN0YW5jZW9mIEJsb2IpIHtcbiAgICAgICAgICB1cmwgPSB0aGlzLiNjcmVhdGVCbG9iVXJsKHNyYyk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBOb3RpY2UgdGhlIHF1b3RlcyBpbnNpZGUgdGhlIGB1cmxgIGZ1bmN0aW9uLiBUaGlzIGVuc3VyZXMgcHJvcGVyIHVybCBlc2NhcGluZy5cbiAgICAgICAgaW1hZ2VFbC5zdHlsZS5iYWNrZ3JvdW5kSW1hZ2UgPSAndXJsKFwiJyArIHVybCArICdcIiknO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBkZXN0cm95KCkge1xuICAgIHRoaXMuI3Jldm9rZUJsb2JVcmwoKTtcbiAgfVxuXG4gICNjcmVhdGVCbG9iVXJsKHNyYzogQmxvYiB8IEZpbGUpIHtcbiAgICBjb25zdCB1cmwgPSBVUkwuY3JlYXRlT2JqZWN0VVJMKHNyYyk7XG5cbiAgICAvLyBLZWVwIHRoZSBsYXN0IGJsb2IgVVJMIGFyb3VuZCBzbyB3ZSBjYW4gcmV2b2tlIGl0IGxhdGVyLlxuICAgIC8vIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0FQSS9VUkwvcmV2b2tlT2JqZWN0VVJMXG4gICAgdGhpcy4jYmxvYlVybCA9IHVybDtcbiAgICByZXR1cm4gdXJsO1xuICB9XG5cbiAgI3Jldm9rZUJsb2JVcmwoKSB7XG4gICAgaWYgKHRoaXMuI2Jsb2JVcmwpIHtcbiAgICAgIFVSTC5yZXZva2VPYmplY3RVUkwodGhpcy4jYmxvYlVybCk7XG4gICAgICB0aGlzLiNibG9iVXJsID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -107,10 +107,10 @@ export class SkyAvatarComponent {
|
|
|
107
107
|
// TODO: Need to implement the async `getString` method in a breaking change.
|
|
108
108
|
return this.#resourcesService.getStringForLocale({ locale: 'en-US' }, key, ...args);
|
|
109
109
|
}
|
|
110
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
111
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
110
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarComponent, deps: [{ token: i1.SkyErrorModalService }, { token: i2.SkyFileSizePipe }, { token: i3.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
111
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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 @if (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\" />\n </sky-file-drop>\n </div>\n } @else {\n <div>\n <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n </div>\n }\n</div>\n\n<ng-template #innerTemplate>\n <sky-avatar-inner\n [name]=\"name\"\n [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n [src]=\"src\"\n />\n</ng-template>\n", styles: [".sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-theme-modern .sky-file-drop:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.λ8, selector: "sky-file-drop", inputs: ["fileUploadAriaLabel", "linkUploadAriaLabel", "linkUploadHintText", "minFileSize", "maxFileSize", "multiple", "validateFn", "acceptedTypes", "acceptedTypesErrorMessage", "noClick", "allowLinks", "labelText", "labelHidden", "hintText", "required", "helpPopoverContent", "helpPopoverTitle", "stacked", "helpKey"], outputs: ["filesChanged", "linkInputBlur", "linkChanged"] }, { kind: "component", type: i5.SkyAvatarInnerComponent, selector: "sky-avatar-inner", inputs: ["src", "name", "size"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
112
112
|
}
|
|
113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarComponent, decorators: [{
|
|
114
114
|
type: Component,
|
|
115
115
|
args: [{ selector: 'sky-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sky-avatar\">\n @if (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\" />\n </sky-file-drop>\n </div>\n } @else {\n <div>\n <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n </div>\n }\n</div>\n\n<ng-template #innerTemplate>\n <sky-avatar-inner\n [name]=\"name\"\n [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n [src]=\"src\"\n />\n</ng-template>\n", styles: [".sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-theme-modern .sky-file-drop:focus{outline:none}\n"] }]
|
|
116
116
|
}], ctorParameters: () => [{ type: i1.SkyErrorModalService }, { type: i2.SkyFileSizePipe }, { type: i3.SkyLibResourcesService }], propDecorators: { canChange: [{
|
|
@@ -70,10 +70,10 @@ export class SkyAvatarInnerComponent {
|
|
|
70
70
|
this.#adapter.updateImage(this.#elementRef, this.src);
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
74
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
73
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarInnerComponent, deps: [{ token: i0.ElementRef }, { token: i1.SkyAvatarAdapterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
74
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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 @if (src) {\n <div class=\"sky-screen-reader-only\">\n {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n </div>\n }\n <div\n class=\"sky-avatar-initials\"\n [hidden]=\"src || !name\"\n [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n >\n @if (size === 'small') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-body-sm': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n } @else if (size === 'medium') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n } @else if (size === 'large') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-2': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n }\n </div>\n</div>\n", styles: [".sky-avatar-colors-1{background-color:var(--sky-category-color-light-blue)}.sky-avatar-colors-2{background-color:var(--sky-category-color-teal)}.sky-avatar-colors-3{background-color:var(--sky-category-color-purple)}.sky-avatar-colors-4{background-color:var(--sky-category-color-orange)}.sky-avatar-colors-5{background-color:var(--sky-category-color-blue)}.sky-avatar-colors-6{background-color:var(--sky-category-color-yellow)}.sky-avatar-colors-7{background-color:var(--sky-category-color-red)}.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:var(--sky-text-color-default);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-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-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}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
75
75
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarInnerComponent, decorators: [{
|
|
77
77
|
type: Component,
|
|
78
78
|
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 @if (src) {\n <div class=\"sky-screen-reader-only\">\n {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n </div>\n }\n <div\n class=\"sky-avatar-initials\"\n [hidden]=\"src || !name\"\n [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n >\n @if (size === 'small') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-body-sm': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n } @else if (size === 'medium') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n } @else if (size === 'large') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-2': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n }\n </div>\n</div>\n", styles: [".sky-avatar-colors-1{background-color:var(--sky-category-color-light-blue)}.sky-avatar-colors-2{background-color:var(--sky-category-color-teal)}.sky-avatar-colors-3{background-color:var(--sky-category-color-purple)}.sky-avatar-colors-4{background-color:var(--sky-category-color-orange)}.sky-avatar-colors-5{background-color:var(--sky-category-color-blue)}.sky-avatar-colors-6{background-color:var(--sky-category-color-yellow)}.sky-avatar-colors-7{background-color:var(--sky-category-color-red)}.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:var(--sky-text-color-default);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-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-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}\n"] }]
|
|
79
79
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.SkyAvatarAdapterService }], propDecorators: { src: [{
|
|
@@ -8,19 +8,19 @@ import { SkyAvatarComponent } from './avatar.component';
|
|
|
8
8
|
import { SkyAvatarInnerComponent } from './avatar.inner.component';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
export class SkyAvatarModule {
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarModule, declarations: [SkyAvatarInnerComponent, SkyAvatarComponent], imports: [CommonModule,
|
|
13
13
|
SkyAvatarResourcesModule,
|
|
14
14
|
SkyErrorModule,
|
|
15
15
|
SkyFileAttachmentsModule,
|
|
16
16
|
SkyThemeModule], exports: [SkyAvatarComponent] }); }
|
|
17
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
17
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarModule, providers: [SkyFileSizePipe], imports: [CommonModule,
|
|
18
18
|
SkyAvatarResourcesModule,
|
|
19
19
|
SkyErrorModule,
|
|
20
20
|
SkyFileAttachmentsModule,
|
|
21
21
|
SkyThemeModule] }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarModule, decorators: [{
|
|
24
24
|
type: NgModule,
|
|
25
25
|
args: [{
|
|
26
26
|
declarations: [SkyAvatarInnerComponent, SkyAvatarComponent],
|
|
@@ -38,9 +38,9 @@ export class SkyAvatarResourcesProvider {
|
|
|
38
38
|
* Import into any component library module that needs to use resource strings.
|
|
39
39
|
*/
|
|
40
40
|
export class SkyAvatarResourcesModule {
|
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
42
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
43
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
42
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarResourcesModule, exports: [SkyI18nModule] }); }
|
|
43
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarResourcesModule, providers: [
|
|
44
44
|
{
|
|
45
45
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
46
46
|
useClass: SkyAvatarResourcesProvider,
|
|
@@ -48,7 +48,7 @@ export class SkyAvatarResourcesModule {
|
|
|
48
48
|
},
|
|
49
49
|
], imports: [SkyI18nModule] }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarResourcesModule, decorators: [{
|
|
52
52
|
type: NgModule,
|
|
53
53
|
args: [{
|
|
54
54
|
exports: [SkyI18nModule],
|
|
@@ -49,9 +49,9 @@ class SkyAvatarResourcesProvider {
|
|
|
49
49
|
* Import into any component library module that needs to use resource strings.
|
|
50
50
|
*/
|
|
51
51
|
class SkyAvatarResourcesModule {
|
|
52
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
53
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
54
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
52
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
53
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarResourcesModule, exports: [SkyI18nModule] }); }
|
|
54
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarResourcesModule, providers: [
|
|
55
55
|
{
|
|
56
56
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
57
57
|
useClass: SkyAvatarResourcesProvider,
|
|
@@ -59,7 +59,7 @@ class SkyAvatarResourcesModule {
|
|
|
59
59
|
},
|
|
60
60
|
], imports: [SkyI18nModule] }); }
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarResourcesModule, decorators: [{
|
|
63
63
|
type: NgModule,
|
|
64
64
|
args: [{
|
|
65
65
|
exports: [SkyI18nModule],
|
|
@@ -111,10 +111,10 @@ class SkyAvatarAdapterService {
|
|
|
111
111
|
this.#blobUrl = undefined;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
115
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
115
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarAdapterService }); }
|
|
116
116
|
}
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarAdapterService, decorators: [{
|
|
118
118
|
type: Injectable
|
|
119
119
|
}] });
|
|
120
120
|
|
|
@@ -183,10 +183,10 @@ class SkyAvatarInnerComponent {
|
|
|
183
183
|
this.#adapter.updateImage(this.#elementRef, this.src);
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
187
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
186
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarInnerComponent, deps: [{ token: i0.ElementRef }, { token: SkyAvatarAdapterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
187
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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 @if (src) {\n <div class=\"sky-screen-reader-only\">\n {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n </div>\n }\n <div\n class=\"sky-avatar-initials\"\n [hidden]=\"src || !name\"\n [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n >\n @if (size === 'small') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-body-sm': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n } @else if (size === 'medium') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n } @else if (size === 'large') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-2': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n }\n </div>\n</div>\n", styles: [".sky-avatar-colors-1{background-color:var(--sky-category-color-light-blue)}.sky-avatar-colors-2{background-color:var(--sky-category-color-teal)}.sky-avatar-colors-3{background-color:var(--sky-category-color-purple)}.sky-avatar-colors-4{background-color:var(--sky-category-color-orange)}.sky-avatar-colors-5{background-color:var(--sky-category-color-blue)}.sky-avatar-colors-6{background-color:var(--sky-category-color-yellow)}.sky-avatar-colors-7{background-color:var(--sky-category-color-red)}.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:var(--sky-text-color-default);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-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-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}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
188
188
|
}
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarInnerComponent, decorators: [{
|
|
190
190
|
type: Component,
|
|
191
191
|
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 @if (src) {\n <div class=\"sky-screen-reader-only\">\n {{ 'skyux_avatar_inner_description' | skyLibResources: name }}\n </div>\n }\n <div\n class=\"sky-avatar-initials\"\n [hidden]=\"src || !name\"\n [ngClass]=\"'sky-avatar-colors-' + (colorIndex + 1)\"\n >\n @if (size === 'small') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-body-sm': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n } @else if (size === 'medium') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n } @else if (size === 'large') {\n <div\n class=\"sky-avatar-initials-inner\"\n [skyThemeClass]=\"{\n 'sky-font-display-2': 'modern'\n }\"\n >\n {{ initials }}\n </div>\n }\n </div>\n</div>\n", styles: [".sky-avatar-colors-1{background-color:var(--sky-category-color-light-blue)}.sky-avatar-colors-2{background-color:var(--sky-category-color-teal)}.sky-avatar-colors-3{background-color:var(--sky-category-color-purple)}.sky-avatar-colors-4{background-color:var(--sky-category-color-orange)}.sky-avatar-colors-5{background-color:var(--sky-category-color-blue)}.sky-avatar-colors-6{background-color:var(--sky-category-color-yellow)}.sky-avatar-colors-7{background-color:var(--sky-category-color-red)}.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:var(--sky-text-color-default);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-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-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}\n"] }]
|
|
192
192
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: SkyAvatarAdapterService }], propDecorators: { src: [{
|
|
@@ -301,10 +301,10 @@ class SkyAvatarComponent {
|
|
|
301
301
|
// TODO: Need to implement the async `getString` method in a breaking change.
|
|
302
302
|
return this.#resourcesService.getStringForLocale({ locale: 'en-US' }, key, ...args);
|
|
303
303
|
}
|
|
304
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
305
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
304
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarComponent, deps: [{ token: i1.SkyErrorModalService }, { token: i2.SkyFileSizePipe }, { token: i3$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
305
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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 @if (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\" />\n </sky-file-drop>\n </div>\n } @else {\n <div>\n <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n </div>\n }\n</div>\n\n<ng-template #innerTemplate>\n <sky-avatar-inner\n [name]=\"name\"\n [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n [src]=\"src\"\n />\n</ng-template>\n", styles: [".sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-theme-modern .sky-file-drop:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.λ8, selector: "sky-file-drop", inputs: ["fileUploadAriaLabel", "linkUploadAriaLabel", "linkUploadHintText", "minFileSize", "maxFileSize", "multiple", "validateFn", "acceptedTypes", "acceptedTypesErrorMessage", "noClick", "allowLinks", "labelText", "labelHidden", "hintText", "required", "helpPopoverContent", "helpPopoverTitle", "stacked", "helpKey"], outputs: ["filesChanged", "linkInputBlur", "linkChanged"] }, { kind: "component", type: SkyAvatarInnerComponent, selector: "sky-avatar-inner", inputs: ["src", "name", "size"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
306
306
|
}
|
|
307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
307
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarComponent, decorators: [{
|
|
308
308
|
type: Component,
|
|
309
309
|
args: [{ selector: 'sky-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sky-avatar\">\n @if (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\" />\n </sky-file-drop>\n </div>\n } @else {\n <div>\n <ng-container *ngTemplateOutlet=\"innerTemplate\" />\n </div>\n }\n</div>\n\n<ng-template #innerTemplate>\n <sky-avatar-inner\n [name]=\"name\"\n [size]=\"size ?? (sizeDefault | async) ?? 'large'\"\n [src]=\"src\"\n />\n</ng-template>\n", styles: [".sky-avatar .sky-file-drop-col{flex-basis:initial}.sky-theme-modern .sky-file-drop:focus{outline:none}\n"] }]
|
|
310
310
|
}], ctorParameters: () => [{ type: i1.SkyErrorModalService }, { type: i2.SkyFileSizePipe }, { type: i3$1.SkyLibResourcesService }], propDecorators: { canChange: [{
|
|
@@ -322,19 +322,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
|
|
|
322
322
|
}] } });
|
|
323
323
|
|
|
324
324
|
class SkyAvatarModule {
|
|
325
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
326
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
325
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
326
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarModule, declarations: [SkyAvatarInnerComponent, SkyAvatarComponent], imports: [CommonModule,
|
|
327
327
|
SkyAvatarResourcesModule,
|
|
328
328
|
SkyErrorModule,
|
|
329
329
|
SkyFileAttachmentsModule,
|
|
330
330
|
SkyThemeModule], exports: [SkyAvatarComponent] }); }
|
|
331
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
331
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarModule, providers: [SkyFileSizePipe], imports: [CommonModule,
|
|
332
332
|
SkyAvatarResourcesModule,
|
|
333
333
|
SkyErrorModule,
|
|
334
334
|
SkyFileAttachmentsModule,
|
|
335
335
|
SkyThemeModule] }); }
|
|
336
336
|
}
|
|
337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAvatarModule, decorators: [{
|
|
338
338
|
type: NgModule,
|
|
339
339
|
args: [{
|
|
340
340
|
declarations: [SkyAvatarInnerComponent, SkyAvatarComponent],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/avatar",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.10.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -36,15 +36,15 @@
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@angular/common": "^18.2.
|
|
40
|
-
"@angular/core": "^18.2.
|
|
41
|
-
"@angular/platform-browser": "^18.2.
|
|
42
|
-
"@skyux-sdk/testing": "11.
|
|
43
|
-
"@skyux/core": "11.
|
|
44
|
-
"@skyux/errors": "11.
|
|
45
|
-
"@skyux/forms": "11.
|
|
46
|
-
"@skyux/i18n": "11.
|
|
47
|
-
"@skyux/theme": "11.
|
|
39
|
+
"@angular/common": "^18.2.8",
|
|
40
|
+
"@angular/core": "^18.2.8",
|
|
41
|
+
"@angular/platform-browser": "^18.2.8",
|
|
42
|
+
"@skyux-sdk/testing": "11.10.0",
|
|
43
|
+
"@skyux/core": "11.10.0",
|
|
44
|
+
"@skyux/errors": "11.10.0",
|
|
45
|
+
"@skyux/forms": "11.10.0",
|
|
46
|
+
"@skyux/i18n": "11.10.0",
|
|
47
|
+
"@skyux/theme": "11.10.0"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"tslib": "^2.6.3"
|