@skyux/icon 12.0.0-alpha.7 → 12.0.0-alpha.9
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 +56 -56
- package/fesm2022/skyux-icon.mjs +23 -23
- 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/8022b0d/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": 60,
|
|
87
87
|
"character": 9,
|
|
88
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
88
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/src/lib/modules/icon/icon.component.ts#L60"
|
|
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": 27,
|
|
135
135
|
"character": 9,
|
|
136
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
136
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/src/lib/modules/icon/icon.component.ts#L27"
|
|
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": 44,
|
|
205
205
|
"character": 9,
|
|
206
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
206
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/src/lib/modules/icon/icon.component.ts#L44"
|
|
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": 51,
|
|
249
249
|
"character": 9,
|
|
250
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
250
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/src/lib/modules/icon/icon.component.ts#L51"
|
|
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": 67,
|
|
283
283
|
"character": 9,
|
|
284
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
284
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/src/lib/modules/icon/icon.component.ts#L67"
|
|
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": 19,
|
|
322
322
|
"character": 13,
|
|
323
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
323
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/src/lib/modules/icon/icon.component.ts#L19"
|
|
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/8022b0d/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/8022b0d/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/modules/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/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L28"
|
|
493
493
|
}
|
|
494
494
|
],
|
|
495
495
|
"signatures": [
|
|
@@ -512,7 +512,7 @@
|
|
|
512
512
|
"fileName": "libs/components/icon/testing/src/modules/icon/icon-harness.ts",
|
|
513
513
|
"line": 28,
|
|
514
514
|
"character": 2,
|
|
515
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
515
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L28"
|
|
516
516
|
}
|
|
517
517
|
],
|
|
518
518
|
"type": {
|
|
@@ -547,7 +547,7 @@
|
|
|
547
547
|
"fileName": "projects/icon/src/testing/modules/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/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L37"
|
|
551
551
|
}
|
|
552
552
|
],
|
|
553
553
|
"signatures": [
|
|
@@ -570,7 +570,7 @@
|
|
|
570
570
|
"fileName": "libs/components/icon/testing/src/modules/icon/icon-harness.ts",
|
|
571
571
|
"line": 37,
|
|
572
572
|
"character": 2,
|
|
573
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
573
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L37"
|
|
574
574
|
}
|
|
575
575
|
],
|
|
576
576
|
"type": {
|
|
@@ -605,7 +605,7 @@
|
|
|
605
605
|
"fileName": "projects/icon/src/testing/modules/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/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L54"
|
|
609
609
|
}
|
|
610
610
|
],
|
|
611
611
|
"signatures": [
|
|
@@ -647,7 +647,7 @@
|
|
|
647
647
|
"fileName": "libs/components/icon/testing/src/modules/icon/icon-harness.ts",
|
|
648
648
|
"line": 54,
|
|
649
649
|
"character": 2,
|
|
650
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
650
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L54"
|
|
651
651
|
}
|
|
652
652
|
],
|
|
653
653
|
"type": {
|
|
@@ -682,7 +682,7 @@
|
|
|
682
682
|
"fileName": "projects/icon/src/testing/modules/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/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L61"
|
|
686
686
|
}
|
|
687
687
|
],
|
|
688
688
|
"signatures": [
|
|
@@ -705,7 +705,7 @@
|
|
|
705
705
|
"fileName": "libs/components/icon/testing/src/modules/icon/icon-harness.ts",
|
|
706
706
|
"line": 61,
|
|
707
707
|
"character": 2,
|
|
708
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
708
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L61"
|
|
709
709
|
}
|
|
710
710
|
],
|
|
711
711
|
"type": {
|
|
@@ -824,7 +824,7 @@
|
|
|
824
824
|
"fileName": "projects/icon/src/testing/modules/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/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L76"
|
|
828
828
|
}
|
|
829
829
|
],
|
|
830
830
|
"signatures": [
|
|
@@ -847,7 +847,7 @@
|
|
|
847
847
|
"fileName": "libs/components/icon/testing/src/modules/icon/icon-harness.ts",
|
|
848
848
|
"line": 76,
|
|
849
849
|
"character": 2,
|
|
850
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
850
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L76"
|
|
851
851
|
}
|
|
852
852
|
],
|
|
853
853
|
"type": {
|
|
@@ -883,7 +883,7 @@
|
|
|
883
883
|
"fileName": "projects/icon/src/testing/modules/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/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L19"
|
|
887
887
|
}
|
|
888
888
|
],
|
|
889
889
|
"signatures": [
|
|
@@ -922,7 +922,7 @@
|
|
|
922
922
|
"fileName": "libs/components/icon/testing/src/modules/icon/icon-harness.ts",
|
|
923
923
|
"line": 19,
|
|
924
924
|
"character": 2,
|
|
925
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
925
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness.ts#L19"
|
|
926
926
|
}
|
|
927
927
|
],
|
|
928
928
|
"parameters": [
|
|
@@ -987,7 +987,7 @@
|
|
|
987
987
|
"fileName": "projects/icon/src/testing/modules/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/8022b0d/libs/components/icon/testing/src/modules/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": 10,
|
|
1082
1082
|
"character": 2,
|
|
1083
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1083
|
+
"url": "https://github.com/blackbaud/skyux/blob/8022b0d/libs/components/core/testing/src/shared/harness-filters.ts#L10"
|
|
1084
1084
|
}
|
|
1085
1085
|
],
|
|
1086
1086
|
"type": {
|
|
@@ -1156,7 +1156,7 @@
|
|
|
1156
1156
|
"fileName": "projects/icon/src/testing/modules/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/8022b0d/libs/components/icon/testing/src/modules/icon/icon-harness-filters.ts#L7"
|
|
1160
1160
|
}
|
|
1161
1161
|
],
|
|
1162
1162
|
"extendedTypes": [
|
|
@@ -1361,23 +1361,23 @@
|
|
|
1361
1361
|
],
|
|
1362
1362
|
"codeExampleDependencies": {
|
|
1363
1363
|
"/projects/icon/documentation/code-examples/icon-button": {
|
|
1364
|
-
"@angular-devkit/core": "19.
|
|
1365
|
-
"@angular-devkit/schematics": "19.
|
|
1366
|
-
"@angular/animations": "19.
|
|
1367
|
-
"@angular/cdk": "19.
|
|
1368
|
-
"@angular/cli": "19.
|
|
1369
|
-
"@angular/common": "19.
|
|
1370
|
-
"@angular/core": "19.
|
|
1371
|
-
"@angular/platform-browser": "19.
|
|
1372
|
-
"@angular/router": "19.
|
|
1364
|
+
"@angular-devkit/core": "19.2.1",
|
|
1365
|
+
"@angular-devkit/schematics": "19.2.1",
|
|
1366
|
+
"@angular/animations": "19.2.1",
|
|
1367
|
+
"@angular/cdk": "19.2.2",
|
|
1368
|
+
"@angular/cli": "19.2.1",
|
|
1369
|
+
"@angular/common": "19.2.1",
|
|
1370
|
+
"@angular/core": "19.2.1",
|
|
1371
|
+
"@angular/platform-browser": "19.2.1",
|
|
1372
|
+
"@angular/router": "19.2.1",
|
|
1373
1373
|
"@blackbaud/skyux-design-tokens": "0.0.45",
|
|
1374
|
-
"@schematics/angular": "19.
|
|
1375
|
-
"@skyux/assets": "12.0.0-alpha.
|
|
1376
|
-
"@skyux/core": "12.0.0-alpha.
|
|
1377
|
-
"@skyux/i18n": "12.0.0-alpha.
|
|
1378
|
-
"@skyux/icon": "12.0.0-alpha.
|
|
1379
|
-
"@skyux/icons": "7.
|
|
1380
|
-
"@skyux/theme": "12.0.0-alpha.
|
|
1374
|
+
"@schematics/angular": "19.2.1",
|
|
1375
|
+
"@skyux/assets": "12.0.0-alpha.9",
|
|
1376
|
+
"@skyux/core": "12.0.0-alpha.9",
|
|
1377
|
+
"@skyux/i18n": "12.0.0-alpha.9",
|
|
1378
|
+
"@skyux/icon": "12.0.0-alpha.9",
|
|
1379
|
+
"@skyux/icons": "7.14.1",
|
|
1380
|
+
"@skyux/theme": "12.0.0-alpha.9",
|
|
1381
1381
|
"@types/node": "20.14.12",
|
|
1382
1382
|
"ajv": "8.17.1",
|
|
1383
1383
|
"fontfaceobserver": "2.3.0",
|
|
@@ -1388,23 +1388,23 @@
|
|
|
1388
1388
|
"zone.js": "0.15.0"
|
|
1389
1389
|
},
|
|
1390
1390
|
"/projects/icon/documentation/code-examples/basic": {
|
|
1391
|
-
"@angular-devkit/core": "19.
|
|
1392
|
-
"@angular-devkit/schematics": "19.
|
|
1393
|
-
"@angular/animations": "19.
|
|
1394
|
-
"@angular/cdk": "19.
|
|
1395
|
-
"@angular/cli": "19.
|
|
1396
|
-
"@angular/common": "19.
|
|
1397
|
-
"@angular/core": "19.
|
|
1398
|
-
"@angular/platform-browser": "19.
|
|
1399
|
-
"@angular/router": "19.
|
|
1391
|
+
"@angular-devkit/core": "19.2.1",
|
|
1392
|
+
"@angular-devkit/schematics": "19.2.1",
|
|
1393
|
+
"@angular/animations": "19.2.1",
|
|
1394
|
+
"@angular/cdk": "19.2.2",
|
|
1395
|
+
"@angular/cli": "19.2.1",
|
|
1396
|
+
"@angular/common": "19.2.1",
|
|
1397
|
+
"@angular/core": "19.2.1",
|
|
1398
|
+
"@angular/platform-browser": "19.2.1",
|
|
1399
|
+
"@angular/router": "19.2.1",
|
|
1400
1400
|
"@blackbaud/skyux-design-tokens": "0.0.45",
|
|
1401
|
-
"@schematics/angular": "19.
|
|
1402
|
-
"@skyux/assets": "12.0.0-alpha.
|
|
1403
|
-
"@skyux/core": "12.0.0-alpha.
|
|
1404
|
-
"@skyux/i18n": "12.0.0-alpha.
|
|
1405
|
-
"@skyux/icon": "12.0.0-alpha.
|
|
1406
|
-
"@skyux/icons": "7.
|
|
1407
|
-
"@skyux/theme": "12.0.0-alpha.
|
|
1401
|
+
"@schematics/angular": "19.2.1",
|
|
1402
|
+
"@skyux/assets": "12.0.0-alpha.9",
|
|
1403
|
+
"@skyux/core": "12.0.0-alpha.9",
|
|
1404
|
+
"@skyux/i18n": "12.0.0-alpha.9",
|
|
1405
|
+
"@skyux/icon": "12.0.0-alpha.9",
|
|
1406
|
+
"@skyux/icons": "7.14.1",
|
|
1407
|
+
"@skyux/theme": "12.0.0-alpha.9",
|
|
1408
1408
|
"@types/node": "20.14.12",
|
|
1409
1409
|
"ajv": "8.17.1",
|
|
1410
1410
|
"fontfaceobserver": "2.3.0",
|
package/fesm2022/skyux-icon.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i1 from '@angular/common';
|
|
2
2
|
import { NgClass, CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { inject, Injectable, Pipe,
|
|
4
|
+
import { inject, Injectable, Pipe, Input, Component, input, computed, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
5
5
|
import { SkyThemeIconManifestService, SkyThemeService } from '@skyux/theme';
|
|
6
6
|
import { toSignal, toObservable } from '@angular/core/rxjs-interop';
|
|
7
7
|
import { switchMap, catchError, of } from 'rxjs';
|
|
@@ -72,10 +72,10 @@ class SkyIconResolverService {
|
|
|
72
72
|
iconType,
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
76
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.
|
|
75
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
76
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", 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: "19.
|
|
108
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.
|
|
107
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconClassListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
108
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyIconClassListPipe, isStandalone: false, name: "skyIconClassList" }); }
|
|
109
109
|
}
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
|
|
111
111
|
type: Pipe,
|
|
112
112
|
args: [{
|
|
113
113
|
name: 'skyIconClassList',
|
|
@@ -122,10 +122,10 @@ class SkyIconStackComponent {
|
|
|
122
122
|
constructor() {
|
|
123
123
|
this.themeSvc = inject(SkyThemeService, { optional: true });
|
|
124
124
|
}
|
|
125
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
126
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyIconStackComponent, isStandalone: false, 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 @if (baseIcon) {\n <i\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"\n baseIcon.icon\n | skyIconClassList\n : (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n }\n @if (topIcon) {\n <i\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"\n topIcon.icon\n | skyIconClassList\n : (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n }\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: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }] }); }
|
|
127
127
|
}
|
|
128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconStackComponent, decorators: [{
|
|
129
129
|
type: Component,
|
|
130
130
|
args: [{ selector: 'sky-icon-stack', standalone: false, 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 @if (baseIcon) {\n <i\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"\n baseIcon.icon\n | skyIconClassList\n : (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n }\n @if (topIcon) {\n <i\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"\n topIcon.icon\n | skyIconClassList\n : (themeSvc?.settingsChange | async)?.currentSettings\n \"\n ></i>\n }\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"] }]
|
|
131
131
|
}], propDecorators: { size: [{
|
|
@@ -209,10 +209,10 @@ class SkyIconSvgResolverService {
|
|
|
209
209
|
href = `${href}-${nearestSize}-${variant}`;
|
|
210
210
|
return href;
|
|
211
211
|
}
|
|
212
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
213
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.
|
|
212
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
213
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgResolverService, providedIn: 'root' }); }
|
|
214
214
|
}
|
|
215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgResolverService, decorators: [{
|
|
216
216
|
type: Injectable,
|
|
217
217
|
args: [{
|
|
218
218
|
providedIn: 'root',
|
|
@@ -248,10 +248,10 @@ class SkyIconSvgComponent {
|
|
|
248
248
|
}
|
|
249
249
|
#resolverSvc;
|
|
250
250
|
#iconInfo;
|
|
251
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
252
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
252
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", 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 [attr.data-sky-icon]=\"iconName()\"\n [attr.data-sky-icon-variant]=\"iconVariant()\"\n>\n <use [attr.xlink:href]=\"iconHref()\" />\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"] }] }); }
|
|
253
253
|
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgComponent, decorators: [{
|
|
255
255
|
type: Component,
|
|
256
256
|
args: [{ selector: 'sky-icon-svg', imports: [NgClass], template: "<svg\n aria-hidden=\"true\"\n class=\"sky-icon-svg-img\"\n [ngClass]=\"iconSize() && 'sky-icon-svg-img-' + iconSize()\"\n [attr.data-sky-icon]=\"iconName()\"\n [attr.data-sky-icon-variant]=\"iconVariant()\"\n>\n <use [attr.xlink:href]=\"iconHref()\" />\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"] }]
|
|
257
257
|
}] });
|
|
@@ -260,10 +260,10 @@ class SkyIconComponent {
|
|
|
260
260
|
constructor() {
|
|
261
261
|
this.themeSvc = inject(SkyThemeService, { optional: true });
|
|
262
262
|
}
|
|
263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
264
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.
|
|
263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
264
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyIconComponent, isStandalone: false, 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 if (icon) {\n <i\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: "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 }); }
|
|
265
265
|
}
|
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconComponent, decorators: [{
|
|
267
267
|
type: Component,
|
|
268
268
|
args: [{ selector: 'sky-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (iconName) {\n <sky-icon-svg\n [iconName]=\"iconName\"\n [iconSize]=\"size\"\n [iconVariant]=\"variant\"\n />\n} @else if (icon) {\n <i\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"] }]
|
|
269
269
|
}], propDecorators: { icon: [{
|
|
@@ -281,11 +281,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
281
281
|
}] } });
|
|
282
282
|
|
|
283
283
|
class SkyIconModule {
|
|
284
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
285
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
286
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
284
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
285
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule, SkyIconSvgComponent], exports: [SkyIconComponent, SkyIconStackComponent] }); }
|
|
286
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconModule, imports: [CommonModule] }); }
|
|
287
287
|
}
|
|
288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconModule, decorators: [{
|
|
289
289
|
type: NgModule,
|
|
290
290
|
args: [{
|
|
291
291
|
declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/icon",
|
|
3
|
-
"version": "12.0.0-alpha.
|
|
3
|
+
"version": "12.0.0-alpha.9",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
|
-
"@angular/cdk": "^19.
|
|
36
|
-
"@angular/common": "^19.
|
|
37
|
-
"@angular/core": "^19.
|
|
38
|
-
"@skyux/core": "12.0.0-alpha.
|
|
39
|
-
"@skyux/theme": "12.0.0-alpha.
|
|
35
|
+
"@angular/cdk": "^19.2.2",
|
|
36
|
+
"@angular/common": "^19.2.1",
|
|
37
|
+
"@angular/core": "^19.2.1",
|
|
38
|
+
"@skyux/core": "12.0.0-alpha.9",
|
|
39
|
+
"@skyux/theme": "12.0.0-alpha.9"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"tslib": "^2.8.1"
|