@skyux/icon 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 +60 -60
- package/esm2022/lib/modules/icon/icon-class-list.pipe.mjs +3 -3
- package/esm2022/lib/modules/icon/icon-resolver.service.mjs +3 -3
- package/esm2022/lib/modules/icon/icon-stack.component.mjs +3 -3
- package/esm2022/lib/modules/icon/icon-svg-resolver.service.mjs +3 -3
- package/esm2022/lib/modules/icon/icon-svg.component.mjs +3 -3
- package/esm2022/lib/modules/icon/icon.component.mjs +3 -3
- package/esm2022/lib/modules/icon/icon.module.mjs +4 -4
- package/fesm2022/skyux-icon.mjs +22 -22
- package/package.json +6 -6
package/documentation.json
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"fileName": "projects/icon/src/modules/icon/icon.module.ts",
|
|
35
35
|
"line": 14,
|
|
36
36
|
"character": 13,
|
|
37
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
37
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/src/lib/modules/icon/icon.module.ts#L14"
|
|
38
38
|
}
|
|
39
39
|
],
|
|
40
40
|
"decorators": [
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"fileName": "projects/icon/src/modules/icon/icon.component.ts",
|
|
86
86
|
"line": 59,
|
|
87
87
|
"character": 9,
|
|
88
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
88
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/src/lib/modules/icon/icon.component.ts#L59"
|
|
89
89
|
}
|
|
90
90
|
],
|
|
91
91
|
"type": {
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
"fileName": "projects/icon/src/modules/icon/icon.component.ts",
|
|
134
134
|
"line": 26,
|
|
135
135
|
"character": 9,
|
|
136
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
136
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/src/lib/modules/icon/icon.component.ts#L26"
|
|
137
137
|
}
|
|
138
138
|
],
|
|
139
139
|
"type": {
|
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
"fileName": "projects/icon/src/modules/icon/icon.component.ts",
|
|
204
204
|
"line": 43,
|
|
205
205
|
"character": 9,
|
|
206
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
206
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/src/lib/modules/icon/icon.component.ts#L43"
|
|
207
207
|
}
|
|
208
208
|
],
|
|
209
209
|
"type": {
|
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
"fileName": "projects/icon/src/modules/icon/icon.component.ts",
|
|
248
248
|
"line": 50,
|
|
249
249
|
"character": 9,
|
|
250
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
250
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/src/lib/modules/icon/icon.component.ts#L50"
|
|
251
251
|
}
|
|
252
252
|
],
|
|
253
253
|
"type": {
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
"fileName": "projects/icon/src/modules/icon/icon.component.ts",
|
|
282
282
|
"line": 66,
|
|
283
283
|
"character": 9,
|
|
284
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
284
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/src/lib/modules/icon/icon.component.ts#L66"
|
|
285
285
|
}
|
|
286
286
|
],
|
|
287
287
|
"type": {
|
|
@@ -320,7 +320,7 @@
|
|
|
320
320
|
"fileName": "projects/icon/src/modules/icon/icon.component.ts",
|
|
321
321
|
"line": 18,
|
|
322
322
|
"character": 13,
|
|
323
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
323
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/src/lib/modules/icon/icon.component.ts#L18"
|
|
324
324
|
}
|
|
325
325
|
],
|
|
326
326
|
"decorators": [
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
"fileName": "projects/icon/src/modules/icon/types/icon-type.ts",
|
|
353
353
|
"line": 4,
|
|
354
354
|
"character": 12,
|
|
355
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
355
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/src/lib/modules/icon/types/icon-type.ts#L4"
|
|
356
356
|
}
|
|
357
357
|
],
|
|
358
358
|
"type": {
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
"fileName": "projects/icon/src/modules/icon/types/icon-variant-type.ts",
|
|
381
381
|
"line": 1,
|
|
382
382
|
"character": 12,
|
|
383
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
383
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/src/lib/modules/icon/types/icon-variant-type.ts#L1"
|
|
384
384
|
}
|
|
385
385
|
],
|
|
386
386
|
"type": {
|
|
@@ -489,7 +489,7 @@
|
|
|
489
489
|
"fileName": "projects/icon/src/testing/icon/icon-harness.ts",
|
|
490
490
|
"line": 28,
|
|
491
491
|
"character": 15,
|
|
492
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
492
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L28"
|
|
493
493
|
}
|
|
494
494
|
],
|
|
495
495
|
"signatures": [
|
|
@@ -512,7 +512,7 @@
|
|
|
512
512
|
"fileName": "libs/components/icon/testing/src/icon/icon-harness.ts",
|
|
513
513
|
"line": 28,
|
|
514
514
|
"character": 15,
|
|
515
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
515
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L28"
|
|
516
516
|
}
|
|
517
517
|
],
|
|
518
518
|
"type": {
|
|
@@ -547,7 +547,7 @@
|
|
|
547
547
|
"fileName": "projects/icon/src/testing/icon/icon-harness.ts",
|
|
548
548
|
"line": 37,
|
|
549
549
|
"character": 15,
|
|
550
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
550
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L37"
|
|
551
551
|
}
|
|
552
552
|
],
|
|
553
553
|
"signatures": [
|
|
@@ -570,7 +570,7 @@
|
|
|
570
570
|
"fileName": "libs/components/icon/testing/src/icon/icon-harness.ts",
|
|
571
571
|
"line": 37,
|
|
572
572
|
"character": 15,
|
|
573
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
573
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L37"
|
|
574
574
|
}
|
|
575
575
|
],
|
|
576
576
|
"type": {
|
|
@@ -605,7 +605,7 @@
|
|
|
605
605
|
"fileName": "projects/icon/src/testing/icon/icon-harness.ts",
|
|
606
606
|
"line": 54,
|
|
607
607
|
"character": 15,
|
|
608
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
608
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L54"
|
|
609
609
|
}
|
|
610
610
|
],
|
|
611
611
|
"signatures": [
|
|
@@ -647,7 +647,7 @@
|
|
|
647
647
|
"fileName": "libs/components/icon/testing/src/icon/icon-harness.ts",
|
|
648
648
|
"line": 54,
|
|
649
649
|
"character": 15,
|
|
650
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
650
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L54"
|
|
651
651
|
}
|
|
652
652
|
],
|
|
653
653
|
"type": {
|
|
@@ -682,7 +682,7 @@
|
|
|
682
682
|
"fileName": "projects/icon/src/testing/icon/icon-harness.ts",
|
|
683
683
|
"line": 61,
|
|
684
684
|
"character": 15,
|
|
685
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
685
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L61"
|
|
686
686
|
}
|
|
687
687
|
],
|
|
688
688
|
"signatures": [
|
|
@@ -705,7 +705,7 @@
|
|
|
705
705
|
"fileName": "libs/components/icon/testing/src/icon/icon-harness.ts",
|
|
706
706
|
"line": 61,
|
|
707
707
|
"character": 15,
|
|
708
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
708
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L61"
|
|
709
709
|
}
|
|
710
710
|
],
|
|
711
711
|
"type": {
|
|
@@ -824,7 +824,7 @@
|
|
|
824
824
|
"fileName": "projects/icon/src/testing/icon/icon-harness.ts",
|
|
825
825
|
"line": 76,
|
|
826
826
|
"character": 15,
|
|
827
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
827
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L76"
|
|
828
828
|
}
|
|
829
829
|
],
|
|
830
830
|
"signatures": [
|
|
@@ -847,7 +847,7 @@
|
|
|
847
847
|
"fileName": "libs/components/icon/testing/src/icon/icon-harness.ts",
|
|
848
848
|
"line": 76,
|
|
849
849
|
"character": 15,
|
|
850
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
850
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L76"
|
|
851
851
|
}
|
|
852
852
|
],
|
|
853
853
|
"type": {
|
|
@@ -883,7 +883,7 @@
|
|
|
883
883
|
"fileName": "projects/icon/src/testing/icon/icon-harness.ts",
|
|
884
884
|
"line": 19,
|
|
885
885
|
"character": 16,
|
|
886
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
886
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L19"
|
|
887
887
|
}
|
|
888
888
|
],
|
|
889
889
|
"signatures": [
|
|
@@ -922,7 +922,7 @@
|
|
|
922
922
|
"fileName": "libs/components/icon/testing/src/icon/icon-harness.ts",
|
|
923
923
|
"line": 19,
|
|
924
924
|
"character": 16,
|
|
925
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
925
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L19"
|
|
926
926
|
}
|
|
927
927
|
],
|
|
928
928
|
"parameters": [
|
|
@@ -987,7 +987,7 @@
|
|
|
987
987
|
"fileName": "projects/icon/src/testing/icon/icon-harness.ts",
|
|
988
988
|
"line": 9,
|
|
989
989
|
"character": 13,
|
|
990
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
990
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness.ts#L9"
|
|
991
991
|
}
|
|
992
992
|
],
|
|
993
993
|
"extendedTypes": [
|
|
@@ -1080,7 +1080,7 @@
|
|
|
1080
1080
|
"fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
|
|
1081
1081
|
"line": 11,
|
|
1082
1082
|
"character": 2,
|
|
1083
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1083
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/core/testing/src/shared/harness-filters.ts#L11"
|
|
1084
1084
|
}
|
|
1085
1085
|
],
|
|
1086
1086
|
"type": {
|
|
@@ -1156,7 +1156,7 @@
|
|
|
1156
1156
|
"fileName": "projects/icon/src/testing/icon/icon-harness-filters.ts",
|
|
1157
1157
|
"line": 7,
|
|
1158
1158
|
"character": 17,
|
|
1159
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1159
|
+
"url": "https://github.com/blackbaud/skyux/blob/50748fd/libs/components/icon/testing/src/icon/icon-harness-filters.ts#L7"
|
|
1160
1160
|
}
|
|
1161
1161
|
],
|
|
1162
1162
|
"extendedTypes": [
|
|
@@ -1361,27 +1361,27 @@
|
|
|
1361
1361
|
],
|
|
1362
1362
|
"codeExampleDependencies": {
|
|
1363
1363
|
"/projects/icon/documentation/code-examples/icon-button": {
|
|
1364
|
-
"@angular-devkit/core": "18.2.
|
|
1365
|
-
"@angular-devkit/schematics": "18.2.
|
|
1366
|
-
"@angular/animations": "18.2.
|
|
1367
|
-
"@angular/cdk": "18.2.
|
|
1368
|
-
"@angular/cli": "18.2.
|
|
1369
|
-
"@angular/common": "18.2.
|
|
1370
|
-
"@angular/core": "18.2.
|
|
1371
|
-
"@angular/platform-browser": "18.2.
|
|
1372
|
-
"@angular/router": "18.2.
|
|
1364
|
+
"@angular-devkit/core": "18.2.8",
|
|
1365
|
+
"@angular-devkit/schematics": "18.2.8",
|
|
1366
|
+
"@angular/animations": "18.2.8",
|
|
1367
|
+
"@angular/cdk": "18.2.8",
|
|
1368
|
+
"@angular/cli": "18.2.8",
|
|
1369
|
+
"@angular/common": "18.2.8",
|
|
1370
|
+
"@angular/core": "18.2.8",
|
|
1371
|
+
"@angular/platform-browser": "18.2.8",
|
|
1372
|
+
"@angular/router": "18.2.8",
|
|
1373
1373
|
"@blackbaud/skyux-design-tokens": "0.0.36",
|
|
1374
1374
|
"@schematics/angular": "18.2.4",
|
|
1375
|
-
"@skyux-sdk/testing": "11.
|
|
1376
|
-
"@skyux/assets": "11.
|
|
1377
|
-
"@skyux/core": "11.
|
|
1378
|
-
"@skyux/help-inline": "11.
|
|
1379
|
-
"@skyux/i18n": "11.
|
|
1380
|
-
"@skyux/icon": "11.
|
|
1375
|
+
"@skyux-sdk/testing": "11.10.0",
|
|
1376
|
+
"@skyux/assets": "11.10.0",
|
|
1377
|
+
"@skyux/core": "11.10.0",
|
|
1378
|
+
"@skyux/help-inline": "11.10.0",
|
|
1379
|
+
"@skyux/i18n": "11.10.0",
|
|
1380
|
+
"@skyux/icon": "11.10.0",
|
|
1381
1381
|
"@skyux/icons": "7.8.0",
|
|
1382
|
-
"@skyux/indicators": "11.
|
|
1383
|
-
"@skyux/popovers": "11.
|
|
1384
|
-
"@skyux/theme": "11.
|
|
1382
|
+
"@skyux/indicators": "11.10.0",
|
|
1383
|
+
"@skyux/popovers": "11.10.0",
|
|
1384
|
+
"@skyux/theme": "11.10.0",
|
|
1385
1385
|
"@types/node": "20.14.12",
|
|
1386
1386
|
"axe-core": "4.10.0",
|
|
1387
1387
|
"fontfaceobserver": "2.3.0",
|
|
@@ -1391,27 +1391,27 @@
|
|
|
1391
1391
|
"zone.js": "0.14.10"
|
|
1392
1392
|
},
|
|
1393
1393
|
"/projects/icon/documentation/code-examples/basic": {
|
|
1394
|
-
"@angular-devkit/core": "18.2.
|
|
1395
|
-
"@angular-devkit/schematics": "18.2.
|
|
1396
|
-
"@angular/animations": "18.2.
|
|
1397
|
-
"@angular/cdk": "18.2.
|
|
1398
|
-
"@angular/cli": "18.2.
|
|
1399
|
-
"@angular/common": "18.2.
|
|
1400
|
-
"@angular/core": "18.2.
|
|
1401
|
-
"@angular/platform-browser": "18.2.
|
|
1402
|
-
"@angular/router": "18.2.
|
|
1394
|
+
"@angular-devkit/core": "18.2.8",
|
|
1395
|
+
"@angular-devkit/schematics": "18.2.8",
|
|
1396
|
+
"@angular/animations": "18.2.8",
|
|
1397
|
+
"@angular/cdk": "18.2.8",
|
|
1398
|
+
"@angular/cli": "18.2.8",
|
|
1399
|
+
"@angular/common": "18.2.8",
|
|
1400
|
+
"@angular/core": "18.2.8",
|
|
1401
|
+
"@angular/platform-browser": "18.2.8",
|
|
1402
|
+
"@angular/router": "18.2.8",
|
|
1403
1403
|
"@blackbaud/skyux-design-tokens": "0.0.36",
|
|
1404
1404
|
"@schematics/angular": "18.2.4",
|
|
1405
|
-
"@skyux-sdk/testing": "11.
|
|
1406
|
-
"@skyux/assets": "11.
|
|
1407
|
-
"@skyux/core": "11.
|
|
1408
|
-
"@skyux/help-inline": "11.
|
|
1409
|
-
"@skyux/i18n": "11.
|
|
1410
|
-
"@skyux/icon": "11.
|
|
1405
|
+
"@skyux-sdk/testing": "11.10.0",
|
|
1406
|
+
"@skyux/assets": "11.10.0",
|
|
1407
|
+
"@skyux/core": "11.10.0",
|
|
1408
|
+
"@skyux/help-inline": "11.10.0",
|
|
1409
|
+
"@skyux/i18n": "11.10.0",
|
|
1410
|
+
"@skyux/icon": "11.10.0",
|
|
1411
1411
|
"@skyux/icons": "7.8.0",
|
|
1412
|
-
"@skyux/indicators": "11.
|
|
1413
|
-
"@skyux/popovers": "11.
|
|
1414
|
-
"@skyux/theme": "11.
|
|
1412
|
+
"@skyux/indicators": "11.10.0",
|
|
1413
|
+
"@skyux/popovers": "11.10.0",
|
|
1414
|
+
"@skyux/theme": "11.10.0",
|
|
1415
1415
|
"@types/node": "20.14.12",
|
|
1416
1416
|
"axe-core": "4.10.0",
|
|
1417
1417
|
"fontfaceobserver": "2.3.0",
|
|
@@ -23,10 +23,10 @@ export class SkyIconClassListPipe {
|
|
|
23
23
|
}
|
|
24
24
|
return classList;
|
|
25
25
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
27
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconClassListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
27
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
|
|
30
30
|
type: Pipe,
|
|
31
31
|
args: [{
|
|
32
32
|
name: 'skyIconClassList',
|
|
@@ -67,10 +67,10 @@ export class SkyIconResolverService {
|
|
|
67
67
|
iconType,
|
|
68
68
|
};
|
|
69
69
|
}
|
|
70
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
71
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
70
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
71
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' }); }
|
|
72
72
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconResolverService, decorators: [{
|
|
74
74
|
type: Injectable,
|
|
75
75
|
args: [{
|
|
76
76
|
providedIn: 'root',
|
|
@@ -10,10 +10,10 @@ export class SkyIconStackComponent {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
this.themeSvc = inject(SkyThemeService, { optional: true });
|
|
12
12
|
}
|
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0, template: "<span\n aria-hidden=\"true\"\n class=\"sky-icon-stack fa-stack\"\n [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n <i\n *ngIf=\"baseIcon\"\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"\n baseIcon.icon\n | skyIconClassList: (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n <i\n *ngIf=\"topIcon\"\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"\n topIcon.icon\n | skyIconClassList: (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:.5px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:1.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SkyIconClassListPipe, name: "skyIconClassList" }] }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconStackComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
18
|
args: [{ selector: 'sky-icon-stack', template: "<span\n aria-hidden=\"true\"\n class=\"sky-icon-stack fa-stack\"\n [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n <i\n *ngIf=\"baseIcon\"\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"\n baseIcon.icon\n | skyIconClassList: (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n <i\n *ngIf=\"topIcon\"\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"\n topIcon.icon\n | skyIconClassList: (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:.5px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:1.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"] }]
|
|
19
19
|
}], propDecorators: { size: [{
|
|
@@ -73,10 +73,10 @@ export class SkyIconSvgResolverService {
|
|
|
73
73
|
href = `${href}-${nearestSize}-${variant}`;
|
|
74
74
|
return href;
|
|
75
75
|
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
77
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
76
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
77
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgResolverService, providedIn: 'root' }); }
|
|
78
78
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgResolverService, decorators: [{
|
|
80
80
|
type: Injectable,
|
|
81
81
|
args: [{
|
|
82
82
|
providedIn: 'root',
|
|
@@ -33,10 +33,10 @@ export class SkyIconSvgComponent {
|
|
|
33
33
|
}
|
|
34
34
|
#resolverSvc;
|
|
35
35
|
#iconInfo;
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.8", type: SkyIconSvgComponent, isStandalone: true, selector: "sky-icon-svg", inputs: { iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: true, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, iconVariant: { classPropertyName: "iconVariant", publicName: "iconVariant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<svg\n aria-hidden=\"true\"\n class=\"sky-icon-svg-img\"\n [ngClass]=\"iconSize() && 'sky-icon-svg-img-' + iconSize()\"\n>\n <use [attr.xlink:href]=\"iconHref()\"></use>\n</svg>\n", styles: [":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n", ":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'sky-icon-svg', standalone: true, imports: [NgClass, NgStyle], template: "<svg\n aria-hidden=\"true\"\n class=\"sky-icon-svg-img\"\n [ngClass]=\"iconSize() && 'sky-icon-svg-img-' + iconSize()\"\n>\n <use [attr.xlink:href]=\"iconHref()\"></use>\n</svg>\n", styles: [":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n", ":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n"] }]
|
|
42
42
|
}] });
|
|
@@ -8,10 +8,10 @@ export class SkyIconComponent {
|
|
|
8
8
|
constructor() {
|
|
9
9
|
this.themeSvc = inject(SkyThemeService, { optional: true });
|
|
10
10
|
}
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SkyIconComponent, selector: "sky-icon", inputs: { icon: "icon", iconName: "iconName", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0, template: "@if (iconName) {\n <sky-icon-svg\n [iconName]=\"iconName\"\n [iconSize]=\"size\"\n [iconVariant]=\"variant\"\n />\n} @else {\n <i\n *ngIf=\"icon\"\n aria-hidden=\"true\"\n class=\"sky-icon\"\n [attr.data-sky-icon]=\"icon\"\n [attr.data-sky-icon-type]=\"iconType\"\n [attr.data-sky-icon-variant]=\"variant\"\n [ngClass]=\"\n icon\n | skyIconClassList\n : (themeSvc?.settingsChange | async)?.currentSettings\n : size\n : fixedWidth\n : variant\n \"\n ></i>\n}\n", styles: [":host{display:inline-block}i{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SkyIconSvgComponent, selector: "sky-icon-svg", inputs: ["iconName", "iconSize", "iconVariant"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyIconClassListPipe, name: "skyIconClassList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'sky-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (iconName) {\n <sky-icon-svg\n [iconName]=\"iconName\"\n [iconSize]=\"size\"\n [iconVariant]=\"variant\"\n />\n} @else {\n <i\n *ngIf=\"icon\"\n aria-hidden=\"true\"\n class=\"sky-icon\"\n [attr.data-sky-icon]=\"icon\"\n [attr.data-sky-icon-type]=\"iconType\"\n [attr.data-sky-icon-variant]=\"variant\"\n [ngClass]=\"\n icon\n | skyIconClassList\n : (themeSvc?.settingsChange | async)?.currentSettings\n : size\n : fixedWidth\n : variant\n \"\n ></i>\n}\n", styles: [":host{display:inline-block}i{display:inherit}\n"] }]
|
|
17
17
|
}], propDecorators: { icon: [{
|
|
@@ -6,11 +6,11 @@ import { SkyIconSvgComponent } from './icon-svg.component';
|
|
|
6
6
|
import { SkyIconComponent } from './icon.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class SkyIconModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule, SkyIconSvgComponent], exports: [SkyIconComponent, SkyIconStackComponent] }); }
|
|
11
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconModule, imports: [CommonModule] }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
|
package/fesm2022/skyux-icon.mjs
CHANGED
|
@@ -72,10 +72,10 @@ class SkyIconResolverService {
|
|
|
72
72
|
iconType,
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
76
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
75
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
76
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconResolverService, decorators: [{
|
|
79
79
|
type: Injectable,
|
|
80
80
|
args: [{
|
|
81
81
|
providedIn: 'root',
|
|
@@ -104,10 +104,10 @@ class SkyIconClassListPipe {
|
|
|
104
104
|
}
|
|
105
105
|
return classList;
|
|
106
106
|
}
|
|
107
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
108
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.
|
|
107
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconClassListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
108
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" }); }
|
|
109
109
|
}
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
|
|
111
111
|
type: Pipe,
|
|
112
112
|
args: [{
|
|
113
113
|
name: 'skyIconClassList',
|
|
@@ -121,10 +121,10 @@ class SkyIconStackComponent {
|
|
|
121
121
|
constructor() {
|
|
122
122
|
this.themeSvc = inject(SkyThemeService, { optional: true });
|
|
123
123
|
}
|
|
124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
125
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
125
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0, template: "<span\n aria-hidden=\"true\"\n class=\"sky-icon-stack fa-stack\"\n [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n <i\n *ngIf=\"baseIcon\"\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"\n baseIcon.icon\n | skyIconClassList: (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n <i\n *ngIf=\"topIcon\"\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"\n topIcon.icon\n | skyIconClassList: (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:.5px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:1.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }] }); }
|
|
126
126
|
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconStackComponent, decorators: [{
|
|
128
128
|
type: Component,
|
|
129
129
|
args: [{ selector: 'sky-icon-stack', template: "<span\n aria-hidden=\"true\"\n class=\"sky-icon-stack fa-stack\"\n [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n <i\n *ngIf=\"baseIcon\"\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"\n baseIcon.icon\n | skyIconClassList: (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n <i\n *ngIf=\"topIcon\"\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"\n topIcon.icon\n | skyIconClassList: (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:.5px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:1.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"] }]
|
|
130
130
|
}], propDecorators: { size: [{
|
|
@@ -208,10 +208,10 @@ class SkyIconSvgResolverService {
|
|
|
208
208
|
href = `${href}-${nearestSize}-${variant}`;
|
|
209
209
|
return href;
|
|
210
210
|
}
|
|
211
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
212
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
211
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
212
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgResolverService, providedIn: 'root' }); }
|
|
213
213
|
}
|
|
214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgResolverService, decorators: [{
|
|
215
215
|
type: Injectable,
|
|
216
216
|
args: [{
|
|
217
217
|
providedIn: 'root',
|
|
@@ -247,10 +247,10 @@ class SkyIconSvgComponent {
|
|
|
247
247
|
}
|
|
248
248
|
#resolverSvc;
|
|
249
249
|
#iconInfo;
|
|
250
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
251
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.
|
|
250
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
251
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.8", type: SkyIconSvgComponent, isStandalone: true, selector: "sky-icon-svg", inputs: { iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: true, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, iconVariant: { classPropertyName: "iconVariant", publicName: "iconVariant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<svg\n aria-hidden=\"true\"\n class=\"sky-icon-svg-img\"\n [ngClass]=\"iconSize() && 'sky-icon-svg-img-' + iconSize()\"\n>\n <use [attr.xlink:href]=\"iconHref()\"></use>\n</svg>\n", styles: [":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n", ":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
252
252
|
}
|
|
253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconSvgComponent, decorators: [{
|
|
254
254
|
type: Component,
|
|
255
255
|
args: [{ selector: 'sky-icon-svg', standalone: true, imports: [NgClass, NgStyle], template: "<svg\n aria-hidden=\"true\"\n class=\"sky-icon-svg-img\"\n [ngClass]=\"iconSize() && 'sky-icon-svg-img-' + iconSize()\"\n>\n <use [attr.xlink:href]=\"iconHref()\"></use>\n</svg>\n", styles: [":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n", ":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n"] }]
|
|
256
256
|
}] });
|
|
@@ -259,10 +259,10 @@ class SkyIconComponent {
|
|
|
259
259
|
constructor() {
|
|
260
260
|
this.themeSvc = inject(SkyThemeService, { optional: true });
|
|
261
261
|
}
|
|
262
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
263
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
262
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
263
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SkyIconComponent, selector: "sky-icon", inputs: { icon: "icon", iconName: "iconName", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0, template: "@if (iconName) {\n <sky-icon-svg\n [iconName]=\"iconName\"\n [iconSize]=\"size\"\n [iconVariant]=\"variant\"\n />\n} @else {\n <i\n *ngIf=\"icon\"\n aria-hidden=\"true\"\n class=\"sky-icon\"\n [attr.data-sky-icon]=\"icon\"\n [attr.data-sky-icon-type]=\"iconType\"\n [attr.data-sky-icon-variant]=\"variant\"\n [ngClass]=\"\n icon\n | skyIconClassList\n : (themeSvc?.settingsChange | async)?.currentSettings\n : size\n : fixedWidth\n : variant\n \"\n ></i>\n}\n", styles: [":host{display:inline-block}i{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconSvgComponent, selector: "sky-icon-svg", inputs: ["iconName", "iconSize", "iconVariant"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
264
264
|
}
|
|
265
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconComponent, decorators: [{
|
|
266
266
|
type: Component,
|
|
267
267
|
args: [{ selector: 'sky-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (iconName) {\n <sky-icon-svg\n [iconName]=\"iconName\"\n [iconSize]=\"size\"\n [iconVariant]=\"variant\"\n />\n} @else {\n <i\n *ngIf=\"icon\"\n aria-hidden=\"true\"\n class=\"sky-icon\"\n [attr.data-sky-icon]=\"icon\"\n [attr.data-sky-icon-type]=\"iconType\"\n [attr.data-sky-icon-variant]=\"variant\"\n [ngClass]=\"\n icon\n | skyIconClassList\n : (themeSvc?.settingsChange | async)?.currentSettings\n : size\n : fixedWidth\n : variant\n \"\n ></i>\n}\n", styles: [":host{display:inline-block}i{display:inherit}\n"] }]
|
|
268
268
|
}], propDecorators: { icon: [{
|
|
@@ -280,11 +280,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
|
|
|
280
280
|
}] } });
|
|
281
281
|
|
|
282
282
|
class SkyIconModule {
|
|
283
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
284
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
285
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
283
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
284
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule, SkyIconSvgComponent], exports: [SkyIconComponent, SkyIconStackComponent] }); }
|
|
285
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconModule, imports: [CommonModule] }); }
|
|
286
286
|
}
|
|
287
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIconModule, decorators: [{
|
|
288
288
|
type: NgModule,
|
|
289
289
|
args: [{
|
|
290
290
|
declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/icon",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.10.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@angular/cdk": "^18.2.
|
|
40
|
-
"@angular/common": "^18.2.
|
|
41
|
-
"@angular/core": "^18.2.
|
|
42
|
-
"@skyux/core": "11.
|
|
43
|
-
"@skyux/theme": "11.
|
|
39
|
+
"@angular/cdk": "^18.2.8",
|
|
40
|
+
"@angular/common": "^18.2.8",
|
|
41
|
+
"@angular/core": "^18.2.8",
|
|
42
|
+
"@skyux/core": "11.10.0",
|
|
43
|
+
"@skyux/theme": "11.10.0"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"tslib": "^2.6.3"
|