@skyux/icon 10.31.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/README.md +3 -0
- package/documentation.json +467 -0
- package/esm2022/index.mjs +4 -0
- package/esm2022/lib/icon/icon-class-list.pipe.mjs +35 -0
- package/esm2022/lib/icon/icon-resolver.service.mjs +79 -0
- package/esm2022/lib/icon/icon-stack-item.mjs +2 -0
- package/esm2022/lib/icon/icon-stack.component.mjs +26 -0
- package/esm2022/lib/icon/icon.component.mjs +27 -0
- package/esm2022/lib/icon/icon.module.mjs +20 -0
- package/esm2022/lib/icon/types/icon-resolved.mjs +2 -0
- package/esm2022/lib/icon/types/icon-type.mjs +2 -0
- package/esm2022/lib/icon/types/icon-variant-type.mjs +2 -0
- package/esm2022/skyux-icon.mjs +5 -0
- package/esm2022/testing/icon/icon-harness-filters.mjs +2 -0
- package/esm2022/testing/icon/icon-harness.mjs +87 -0
- package/esm2022/testing/index.mjs +2 -0
- package/esm2022/testing/skyux-icon-testing.mjs +5 -0
- package/fesm2022/skyux-icon-testing.mjs +94 -0
- package/fesm2022/skyux-icon-testing.mjs.map +1 -0
- package/fesm2022/skyux-icon.mjs +177 -0
- package/fesm2022/skyux-icon.mjs.map +1 -0
- package/index.d.ts +6 -0
- package/lib/icon/icon-class-list.pipe.d.ts +13 -0
- package/lib/icon/icon-resolver.service.d.ts +14 -0
- package/lib/icon/icon-stack-item.d.ts +20 -0
- package/lib/icon/icon-stack.component.d.ts +24 -0
- package/lib/icon/icon.component.d.ts +41 -0
- package/lib/icon/icon.module.d.ts +10 -0
- package/lib/icon/types/icon-resolved.d.ts +7 -0
- package/lib/icon/types/icon-type.d.ts +4 -0
- package/lib/icon/types/icon-variant-type.d.ts +1 -0
- package/package.json +51 -0
- package/testing/icon/icon-harness-filters.d.ts +6 -0
- package/testing/icon/icon-harness.d.ts +39 -0
- package/testing/index.d.ts +2 -0
package/README.md
ADDED
|
@@ -0,0 +1,467 @@
|
|
|
1
|
+
{
|
|
2
|
+
"anchorIds": {
|
|
3
|
+
"SkyIconModule": "class-skyiconmodule",
|
|
4
|
+
"SkyIconComponent": "class-skyiconcomponent",
|
|
5
|
+
"SkyIconType": "type-alias-skyicontype",
|
|
6
|
+
"SkyIconVariantType": "type-alias-skyiconvarianttype"
|
|
7
|
+
},
|
|
8
|
+
"typedoc": {
|
|
9
|
+
"id": 0,
|
|
10
|
+
"name": "@skyux/icon",
|
|
11
|
+
"variant": "project",
|
|
12
|
+
"kind": 1,
|
|
13
|
+
"flags": {},
|
|
14
|
+
"children": [
|
|
15
|
+
{
|
|
16
|
+
"id": 4,
|
|
17
|
+
"name": "SkyIconModule",
|
|
18
|
+
"variant": "declaration",
|
|
19
|
+
"kind": 128,
|
|
20
|
+
"flags": {},
|
|
21
|
+
"children": [],
|
|
22
|
+
"groups": [
|
|
23
|
+
{
|
|
24
|
+
"title": "Constructors",
|
|
25
|
+
"children": [
|
|
26
|
+
5
|
|
27
|
+
]
|
|
28
|
+
}
|
|
29
|
+
],
|
|
30
|
+
"sources": [
|
|
31
|
+
{
|
|
32
|
+
"fileName": "projects/icon/src/icon/icon.module.ts",
|
|
33
|
+
"line": 13,
|
|
34
|
+
"character": 13,
|
|
35
|
+
"url": "https://github.com/blackbaud/skyux/blob/2c8663e/libs/components/icon/src/lib/icon/icon.module.ts#L13"
|
|
36
|
+
}
|
|
37
|
+
],
|
|
38
|
+
"decorators": [
|
|
39
|
+
{
|
|
40
|
+
"name": "NgModule",
|
|
41
|
+
"arguments": {
|
|
42
|
+
"obj": "@NgModule({\n declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],\n imports: [CommonModule],\n exports: [SkyIconComponent, SkyIconStackComponent],\n})"
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"id": 9,
|
|
49
|
+
"name": "SkyIconComponent",
|
|
50
|
+
"variant": "declaration",
|
|
51
|
+
"kind": 128,
|
|
52
|
+
"flags": {},
|
|
53
|
+
"children": [
|
|
54
|
+
{
|
|
55
|
+
"id": 15,
|
|
56
|
+
"name": "fixedWidth",
|
|
57
|
+
"variant": "declaration",
|
|
58
|
+
"kind": 1024,
|
|
59
|
+
"flags": {
|
|
60
|
+
"isPublic": true
|
|
61
|
+
},
|
|
62
|
+
"comment": {
|
|
63
|
+
"summary": [
|
|
64
|
+
{
|
|
65
|
+
"kind": "text",
|
|
66
|
+
"text": "Whether to enforce a fixed width based on icon size. By default, icons of a specified size share a\nconsistent height, but their widths vary and can throw off vertical alignment. Use a fixed width when\nyou stack icons vertically, such as in lists."
|
|
67
|
+
}
|
|
68
|
+
],
|
|
69
|
+
"blockTags": [
|
|
70
|
+
{
|
|
71
|
+
"tag": "@default",
|
|
72
|
+
"content": [
|
|
73
|
+
{
|
|
74
|
+
"kind": "code",
|
|
75
|
+
"text": "```ts\nfalse\n```"
|
|
76
|
+
}
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
]
|
|
80
|
+
},
|
|
81
|
+
"sources": [
|
|
82
|
+
{
|
|
83
|
+
"fileName": "projects/icon/src/icon/icon.component.ts",
|
|
84
|
+
"line": 52,
|
|
85
|
+
"character": 9,
|
|
86
|
+
"url": "https://github.com/blackbaud/skyux/blob/2c8663e/libs/components/icon/src/lib/icon/icon.component.ts#L52"
|
|
87
|
+
}
|
|
88
|
+
],
|
|
89
|
+
"type": {
|
|
90
|
+
"type": "intrinsic",
|
|
91
|
+
"name": "boolean"
|
|
92
|
+
},
|
|
93
|
+
"decorators": [
|
|
94
|
+
{
|
|
95
|
+
"name": "Input"
|
|
96
|
+
}
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"id": 12,
|
|
101
|
+
"name": "icon",
|
|
102
|
+
"variant": "declaration",
|
|
103
|
+
"kind": 1024,
|
|
104
|
+
"flags": {
|
|
105
|
+
"isPublic": true
|
|
106
|
+
},
|
|
107
|
+
"comment": {
|
|
108
|
+
"summary": [
|
|
109
|
+
{
|
|
110
|
+
"kind": "text",
|
|
111
|
+
"text": "The name of\n[the Font Awesome 4.7 icon](https://fontawesome.com/v4.7/icons/) or the SKY UX icon to\ndisplay. When specifying a Font Awesome icon, do not prefix the name with "
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"kind": "code",
|
|
115
|
+
"text": "`fa-`"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"kind": "text",
|
|
119
|
+
"text": "."
|
|
120
|
+
}
|
|
121
|
+
],
|
|
122
|
+
"blockTags": [
|
|
123
|
+
{
|
|
124
|
+
"tag": "@required",
|
|
125
|
+
"content": []
|
|
126
|
+
}
|
|
127
|
+
]
|
|
128
|
+
},
|
|
129
|
+
"sources": [
|
|
130
|
+
{
|
|
131
|
+
"fileName": "projects/icon/src/icon/icon.component.ts",
|
|
132
|
+
"line": 26,
|
|
133
|
+
"character": 9,
|
|
134
|
+
"url": "https://github.com/blackbaud/skyux/blob/2c8663e/libs/components/icon/src/lib/icon/icon.component.ts#L26"
|
|
135
|
+
}
|
|
136
|
+
],
|
|
137
|
+
"type": {
|
|
138
|
+
"type": "intrinsic",
|
|
139
|
+
"name": "string"
|
|
140
|
+
},
|
|
141
|
+
"decorators": [
|
|
142
|
+
{
|
|
143
|
+
"name": "Input"
|
|
144
|
+
}
|
|
145
|
+
]
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"id": 13,
|
|
149
|
+
"name": "iconType",
|
|
150
|
+
"variant": "declaration",
|
|
151
|
+
"kind": 1024,
|
|
152
|
+
"flags": {
|
|
153
|
+
"isPublic": true
|
|
154
|
+
},
|
|
155
|
+
"comment": {
|
|
156
|
+
"summary": [
|
|
157
|
+
{
|
|
158
|
+
"kind": "text",
|
|
159
|
+
"text": "The type of icon to display. Specifying "
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"kind": "code",
|
|
163
|
+
"text": "`\"fa\"`"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"kind": "text",
|
|
167
|
+
"text": " displays a Font Awesome icon,\nwhile specifying "
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"kind": "code",
|
|
171
|
+
"text": "`\"skyux\"`"
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"kind": "text",
|
|
175
|
+
"text": " displays an icon from the custom SKY UX icon font. Note that\nthe custom SKY UX icon font is currently in beta."
|
|
176
|
+
}
|
|
177
|
+
],
|
|
178
|
+
"blockTags": [
|
|
179
|
+
{
|
|
180
|
+
"tag": "@default",
|
|
181
|
+
"content": [
|
|
182
|
+
{
|
|
183
|
+
"kind": "code",
|
|
184
|
+
"text": "```ts\n\"fa\"\n```"
|
|
185
|
+
}
|
|
186
|
+
]
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"tag": "@deprecated",
|
|
190
|
+
"content": [
|
|
191
|
+
{
|
|
192
|
+
"kind": "text",
|
|
193
|
+
"text": "The icon component now automatically infers which type of icon to use based on the current theme. This input will be removed in a future version."
|
|
194
|
+
}
|
|
195
|
+
]
|
|
196
|
+
}
|
|
197
|
+
]
|
|
198
|
+
},
|
|
199
|
+
"sources": [
|
|
200
|
+
{
|
|
201
|
+
"fileName": "projects/icon/src/icon/icon.component.ts",
|
|
202
|
+
"line": 36,
|
|
203
|
+
"character": 9,
|
|
204
|
+
"url": "https://github.com/blackbaud/skyux/blob/2c8663e/libs/components/icon/src/lib/icon/icon.component.ts#L36"
|
|
205
|
+
}
|
|
206
|
+
],
|
|
207
|
+
"type": {
|
|
208
|
+
"type": "reference",
|
|
209
|
+
"target": 7,
|
|
210
|
+
"name": "SkyIconType",
|
|
211
|
+
"package": "@skyux/icon"
|
|
212
|
+
},
|
|
213
|
+
"decorators": [
|
|
214
|
+
{
|
|
215
|
+
"name": "Input"
|
|
216
|
+
}
|
|
217
|
+
]
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"id": 14,
|
|
221
|
+
"name": "size",
|
|
222
|
+
"variant": "declaration",
|
|
223
|
+
"kind": 1024,
|
|
224
|
+
"flags": {
|
|
225
|
+
"isPublic": true
|
|
226
|
+
},
|
|
227
|
+
"comment": {
|
|
228
|
+
"summary": [
|
|
229
|
+
{
|
|
230
|
+
"kind": "text",
|
|
231
|
+
"text": "The size of the icon using\n[Font Awesome sizes](https://fontawesome.com/v4/examples/). Do not prefix the size with "
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"kind": "code",
|
|
235
|
+
"text": "`fa-`"
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"kind": "text",
|
|
239
|
+
"text": "."
|
|
240
|
+
}
|
|
241
|
+
]
|
|
242
|
+
},
|
|
243
|
+
"sources": [
|
|
244
|
+
{
|
|
245
|
+
"fileName": "projects/icon/src/icon/icon.component.ts",
|
|
246
|
+
"line": 43,
|
|
247
|
+
"character": 9,
|
|
248
|
+
"url": "https://github.com/blackbaud/skyux/blob/2c8663e/libs/components/icon/src/lib/icon/icon.component.ts#L43"
|
|
249
|
+
}
|
|
250
|
+
],
|
|
251
|
+
"type": {
|
|
252
|
+
"type": "intrinsic",
|
|
253
|
+
"name": "string"
|
|
254
|
+
},
|
|
255
|
+
"decorators": [
|
|
256
|
+
{
|
|
257
|
+
"name": "Input"
|
|
258
|
+
}
|
|
259
|
+
]
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"id": 16,
|
|
263
|
+
"name": "variant",
|
|
264
|
+
"variant": "declaration",
|
|
265
|
+
"kind": 1024,
|
|
266
|
+
"flags": {
|
|
267
|
+
"isPublic": true
|
|
268
|
+
},
|
|
269
|
+
"comment": {
|
|
270
|
+
"summary": [
|
|
271
|
+
{
|
|
272
|
+
"kind": "text",
|
|
273
|
+
"text": "The icon variant. If the variant doesn't exist for the\nspecified icon, the normal icon is displayed. This property only applies when using SKY UX icons."
|
|
274
|
+
}
|
|
275
|
+
]
|
|
276
|
+
},
|
|
277
|
+
"sources": [
|
|
278
|
+
{
|
|
279
|
+
"fileName": "projects/icon/src/icon/icon.component.ts",
|
|
280
|
+
"line": 59,
|
|
281
|
+
"character": 9,
|
|
282
|
+
"url": "https://github.com/blackbaud/skyux/blob/2c8663e/libs/components/icon/src/lib/icon/icon.component.ts#L59"
|
|
283
|
+
}
|
|
284
|
+
],
|
|
285
|
+
"type": {
|
|
286
|
+
"type": "reference",
|
|
287
|
+
"target": 8,
|
|
288
|
+
"name": "SkyIconVariantType",
|
|
289
|
+
"package": "@skyux/icon"
|
|
290
|
+
},
|
|
291
|
+
"decorators": [
|
|
292
|
+
{
|
|
293
|
+
"name": "Input"
|
|
294
|
+
}
|
|
295
|
+
]
|
|
296
|
+
}
|
|
297
|
+
],
|
|
298
|
+
"groups": [
|
|
299
|
+
{
|
|
300
|
+
"title": "Constructors",
|
|
301
|
+
"children": [
|
|
302
|
+
10
|
|
303
|
+
]
|
|
304
|
+
},
|
|
305
|
+
{
|
|
306
|
+
"title": "Properties",
|
|
307
|
+
"children": [
|
|
308
|
+
15,
|
|
309
|
+
12,
|
|
310
|
+
13,
|
|
311
|
+
14,
|
|
312
|
+
16
|
|
313
|
+
]
|
|
314
|
+
}
|
|
315
|
+
],
|
|
316
|
+
"sources": [
|
|
317
|
+
{
|
|
318
|
+
"fileName": "projects/icon/src/icon/icon.component.ts",
|
|
319
|
+
"line": 18,
|
|
320
|
+
"character": 13,
|
|
321
|
+
"url": "https://github.com/blackbaud/skyux/blob/2c8663e/libs/components/icon/src/lib/icon/icon.component.ts#L18"
|
|
322
|
+
}
|
|
323
|
+
],
|
|
324
|
+
"decorators": [
|
|
325
|
+
{
|
|
326
|
+
"name": "Component",
|
|
327
|
+
"arguments": {
|
|
328
|
+
"obj": "@Component({\n selector: 'sky-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})"
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
]
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
"id": 7,
|
|
335
|
+
"name": "SkyIconType",
|
|
336
|
+
"variant": "declaration",
|
|
337
|
+
"kind": 2097152,
|
|
338
|
+
"flags": {},
|
|
339
|
+
"comment": {
|
|
340
|
+
"summary": [],
|
|
341
|
+
"blockTags": [
|
|
342
|
+
{
|
|
343
|
+
"tag": "@deprecated",
|
|
344
|
+
"content": []
|
|
345
|
+
}
|
|
346
|
+
]
|
|
347
|
+
},
|
|
348
|
+
"sources": [
|
|
349
|
+
{
|
|
350
|
+
"fileName": "projects/icon/src/icon/types/icon-type.ts",
|
|
351
|
+
"line": 4,
|
|
352
|
+
"character": 12,
|
|
353
|
+
"url": "https://github.com/blackbaud/skyux/blob/2c8663e/libs/components/icon/src/lib/icon/types/icon-type.ts#L4"
|
|
354
|
+
}
|
|
355
|
+
],
|
|
356
|
+
"type": {
|
|
357
|
+
"type": "union",
|
|
358
|
+
"types": [
|
|
359
|
+
{
|
|
360
|
+
"type": "literal",
|
|
361
|
+
"value": "fa"
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
"type": "literal",
|
|
365
|
+
"value": "skyux"
|
|
366
|
+
}
|
|
367
|
+
]
|
|
368
|
+
}
|
|
369
|
+
},
|
|
370
|
+
{
|
|
371
|
+
"id": 8,
|
|
372
|
+
"name": "SkyIconVariantType",
|
|
373
|
+
"variant": "declaration",
|
|
374
|
+
"kind": 2097152,
|
|
375
|
+
"flags": {},
|
|
376
|
+
"sources": [
|
|
377
|
+
{
|
|
378
|
+
"fileName": "projects/icon/src/icon/types/icon-variant-type.ts",
|
|
379
|
+
"line": 1,
|
|
380
|
+
"character": 12,
|
|
381
|
+
"url": "https://github.com/blackbaud/skyux/blob/2c8663e/libs/components/icon/src/lib/icon/types/icon-variant-type.ts#L1"
|
|
382
|
+
}
|
|
383
|
+
],
|
|
384
|
+
"type": {
|
|
385
|
+
"type": "union",
|
|
386
|
+
"types": [
|
|
387
|
+
{
|
|
388
|
+
"type": "literal",
|
|
389
|
+
"value": "line"
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
"type": "literal",
|
|
393
|
+
"value": "solid"
|
|
394
|
+
}
|
|
395
|
+
]
|
|
396
|
+
}
|
|
397
|
+
}
|
|
398
|
+
],
|
|
399
|
+
"groups": [
|
|
400
|
+
{
|
|
401
|
+
"title": "Classes",
|
|
402
|
+
"children": [
|
|
403
|
+
4,
|
|
404
|
+
9
|
|
405
|
+
]
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"title": "Type Aliases",
|
|
409
|
+
"children": [
|
|
410
|
+
7,
|
|
411
|
+
8
|
|
412
|
+
]
|
|
413
|
+
}
|
|
414
|
+
],
|
|
415
|
+
"packageName": "@skyux/icon",
|
|
416
|
+
"readme": [
|
|
417
|
+
{
|
|
418
|
+
"kind": "text",
|
|
419
|
+
"text": "# icon\n\nThis library was generated with [Nx](https://nx.dev)."
|
|
420
|
+
}
|
|
421
|
+
],
|
|
422
|
+
"symbolIdMap": {
|
|
423
|
+
"0": {
|
|
424
|
+
"sourceFileName": "libs/components/icon/src/index.ts",
|
|
425
|
+
"qualifiedName": ""
|
|
426
|
+
},
|
|
427
|
+
"4": {
|
|
428
|
+
"sourceFileName": "libs/components/icon/src/lib/icon/icon.module.ts",
|
|
429
|
+
"qualifiedName": "SkyIconModule"
|
|
430
|
+
},
|
|
431
|
+
"7": {
|
|
432
|
+
"sourceFileName": "libs/components/icon/src/lib/icon/types/icon-type.ts",
|
|
433
|
+
"qualifiedName": "SkyIconType"
|
|
434
|
+
},
|
|
435
|
+
"8": {
|
|
436
|
+
"sourceFileName": "libs/components/icon/src/lib/icon/types/icon-variant-type.ts",
|
|
437
|
+
"qualifiedName": "SkyIconVariantType"
|
|
438
|
+
},
|
|
439
|
+
"9": {
|
|
440
|
+
"sourceFileName": "libs/components/icon/src/lib/icon/icon.component.ts",
|
|
441
|
+
"qualifiedName": "SkyIconComponent"
|
|
442
|
+
},
|
|
443
|
+
"12": {
|
|
444
|
+
"sourceFileName": "libs/components/icon/src/lib/icon/icon.component.ts",
|
|
445
|
+
"qualifiedName": "SkyIconComponent.icon"
|
|
446
|
+
},
|
|
447
|
+
"13": {
|
|
448
|
+
"sourceFileName": "libs/components/icon/src/lib/icon/icon.component.ts",
|
|
449
|
+
"qualifiedName": "SkyIconComponent.iconType"
|
|
450
|
+
},
|
|
451
|
+
"14": {
|
|
452
|
+
"sourceFileName": "libs/components/icon/src/lib/icon/icon.component.ts",
|
|
453
|
+
"qualifiedName": "SkyIconComponent.size"
|
|
454
|
+
},
|
|
455
|
+
"15": {
|
|
456
|
+
"sourceFileName": "libs/components/icon/src/lib/icon/icon.component.ts",
|
|
457
|
+
"qualifiedName": "SkyIconComponent.fixedWidth"
|
|
458
|
+
},
|
|
459
|
+
"16": {
|
|
460
|
+
"sourceFileName": "libs/components/icon/src/lib/icon/icon.component.ts",
|
|
461
|
+
"qualifiedName": "SkyIconComponent.variant"
|
|
462
|
+
}
|
|
463
|
+
}
|
|
464
|
+
},
|
|
465
|
+
"codeExamples": [],
|
|
466
|
+
"codeExampleDependencies": {}
|
|
467
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { SkyIconModule } from './lib/icon/icon.module';
|
|
2
|
+
export { SkyIconComponent as λ1 } from './lib/icon/icon.component';
|
|
3
|
+
export { SkyIconStackComponent as λ2 } from './lib/icon/icon-stack.component';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaWNvbi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBSXZELE9BQU8sRUFBRSxnQkFBZ0IsSUFBSSxFQUFFLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRSxPQUFPLEVBQUUscUJBQXFCLElBQUksRUFBRSxFQUFFLE1BQU0saUNBQWlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBTa3lJY29uU3RhY2tJdGVtIH0gZnJvbSAnLi9saWIvaWNvbi9pY29uLXN0YWNrLWl0ZW0nO1xuZXhwb3J0IHsgU2t5SWNvbk1vZHVsZSB9IGZyb20gJy4vbGliL2ljb24vaWNvbi5tb2R1bGUnO1xuZXhwb3J0IHsgU2t5SWNvblR5cGUgfSBmcm9tICcuL2xpYi9pY29uL3R5cGVzL2ljb24tdHlwZSc7XG5leHBvcnQgeyBTa3lJY29uVmFyaWFudFR5cGUgfSBmcm9tICcuL2xpYi9pY29uL3R5cGVzL2ljb24tdmFyaWFudC10eXBlJztcblxuZXhwb3J0IHsgU2t5SWNvbkNvbXBvbmVudCBhcyDOuzEgfSBmcm9tICcuL2xpYi9pY29uL2ljb24uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUljb25TdGFja0NvbXBvbmVudCBhcyDOuzIgfSBmcm9tICcuL2xpYi9pY29uL2ljb24tc3RhY2suY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Pipe, inject } from '@angular/core';
|
|
2
|
+
import { SkyIconResolverService } from './icon-resolver.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
export class SkyIconClassListPipe {
|
|
8
|
+
#resolver = inject(SkyIconResolverService);
|
|
9
|
+
transform(icon, themeSettings, size, fixedWidth, variant) {
|
|
10
|
+
let classList;
|
|
11
|
+
const { icon: resolvedIcon, iconType: resolvedIconType } = this.#resolver.resolveIcon(icon, variant, themeSettings);
|
|
12
|
+
if (resolvedIconType === 'skyux') {
|
|
13
|
+
classList = ['sky-i-' + resolvedIcon];
|
|
14
|
+
}
|
|
15
|
+
else {
|
|
16
|
+
classList = ['fa', 'fa-' + resolvedIcon];
|
|
17
|
+
}
|
|
18
|
+
if (size) {
|
|
19
|
+
classList.push('fa-' + size);
|
|
20
|
+
}
|
|
21
|
+
if (fixedWidth) {
|
|
22
|
+
classList.push('fa-fw');
|
|
23
|
+
}
|
|
24
|
+
return classList;
|
|
25
|
+
}
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyIconClassListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
27
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" }); }
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
|
|
30
|
+
type: Pipe,
|
|
31
|
+
args: [{
|
|
32
|
+
name: 'skyIconClassList',
|
|
33
|
+
}]
|
|
34
|
+
}] });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1jbGFzcy1saXN0LnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaWNvbi9zcmMvbGliL2ljb24vaWNvbi1jbGFzcy1saXN0LnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzVELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUdqRTs7R0FFRztBQUlILE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsU0FBUyxHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBRXBDLFNBQVMsQ0FDZCxJQUFZLEVBQ1osYUFBZ0MsRUFDaEMsSUFBYSxFQUNiLFVBQW9CLEVBQ3BCLE9BQTRCO1FBRTVCLElBQUksU0FBbUIsQ0FBQztRQUV4QixNQUFNLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUUsR0FDdEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxhQUFhLENBQUMsQ0FBQztRQUUzRCxJQUFJLGdCQUFnQixLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQ2pDLFNBQVMsR0FBRyxDQUFDLFFBQVEsR0FBRyxZQUFZLENBQUMsQ0FBQztRQUN4QyxDQUFDO2FBQU0sQ0FBQztZQUNOLFNBQVMsR0FBRyxDQUFDLElBQUksRUFBRSxLQUFLLEdBQUcsWUFBWSxDQUFDLENBQUM7UUFDM0MsQ0FBQztRQUVELElBQUksSUFBSSxFQUFFLENBQUM7WUFDVCxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsQ0FBQztRQUMvQixDQUFDO1FBRUQsSUFBSSxVQUFVLEVBQUUsQ0FBQztZQUNmLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDMUIsQ0FBQztRQUVELE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7OEdBOUJVLG9CQUFvQjs0R0FBcEIsb0JBQW9COzsyRkFBcEIsb0JBQW9CO2tCQUhoQyxJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxrQkFBa0I7aUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lUaGVtZVNldHRpbmdzIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU2t5SWNvblJlc29sdmVyU2VydmljZSB9IGZyb20gJy4vaWNvbi1yZXNvbHZlci5zZXJ2aWNlJztcbmltcG9ydCB7IFNreUljb25WYXJpYW50VHlwZSB9IGZyb20gJy4vdHlwZXMvaWNvbi12YXJpYW50LXR5cGUnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5AUGlwZSh7XG4gIG5hbWU6ICdza3lJY29uQ2xhc3NMaXN0Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5SWNvbkNsYXNzTGlzdFBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgI3Jlc29sdmVyID0gaW5qZWN0KFNreUljb25SZXNvbHZlclNlcnZpY2UpO1xuXG4gIHB1YmxpYyB0cmFuc2Zvcm0oXG4gICAgaWNvbjogc3RyaW5nLFxuICAgIHRoZW1lU2V0dGluZ3M/OiBTa3lUaGVtZVNldHRpbmdzLFxuICAgIHNpemU/OiBzdHJpbmcsXG4gICAgZml4ZWRXaWR0aD86IGJvb2xlYW4sXG4gICAgdmFyaWFudD86IFNreUljb25WYXJpYW50VHlwZSxcbiAgKTogc3RyaW5nW10ge1xuICAgIGxldCBjbGFzc0xpc3Q6IHN0cmluZ1tdO1xuXG4gICAgY29uc3QgeyBpY29uOiByZXNvbHZlZEljb24sIGljb25UeXBlOiByZXNvbHZlZEljb25UeXBlIH0gPVxuICAgICAgdGhpcy4jcmVzb2x2ZXIucmVzb2x2ZUljb24oaWNvbiwgdmFyaWFudCwgdGhlbWVTZXR0aW5ncyk7XG5cbiAgICBpZiAocmVzb2x2ZWRJY29uVHlwZSA9PT0gJ3NreXV4Jykge1xuICAgICAgY2xhc3NMaXN0ID0gWydza3ktaS0nICsgcmVzb2x2ZWRJY29uXTtcbiAgICB9IGVsc2Uge1xuICAgICAgY2xhc3NMaXN0ID0gWydmYScsICdmYS0nICsgcmVzb2x2ZWRJY29uXTtcbiAgICB9XG5cbiAgICBpZiAoc2l6ZSkge1xuICAgICAgY2xhc3NMaXN0LnB1c2goJ2ZhLScgKyBzaXplKTtcbiAgICB9XG5cbiAgICBpZiAoZml4ZWRXaWR0aCkge1xuICAgICAgY2xhc3NMaXN0LnB1c2goJ2ZhLWZ3Jyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzTGlzdDtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { Injectable, inject } from '@angular/core';
|
|
2
|
+
import { SkyThemeIconManifestService, } from '@skyux/theme';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
export class SkyIconResolverService {
|
|
8
|
+
#glyphMap = new Map();
|
|
9
|
+
#manifestSvc = inject(SkyThemeIconManifestService);
|
|
10
|
+
constructor() {
|
|
11
|
+
// Map the icons by name for more efficient lookup.
|
|
12
|
+
for (const glyph of this.#manifestSvc.getManifest().glyphs) {
|
|
13
|
+
// TODO: keep this until `faName` is removed just in case any icons get added with the wrong shape
|
|
14
|
+
if (glyph.faName && !glyph.faNames) {
|
|
15
|
+
glyph.faNames = [glyph.faName];
|
|
16
|
+
}
|
|
17
|
+
this.#glyphMap.set(glyph.name, glyph);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
resolveIcon(icon, variant, themeSettings) {
|
|
21
|
+
let iconType = 'fa';
|
|
22
|
+
const variantIcon = variant && `${icon}-${variant}`;
|
|
23
|
+
const lineIcon = `${icon}-line`;
|
|
24
|
+
// Get the specified variant, or fall back to the icon name.
|
|
25
|
+
// If the pure icon name doesn't exist, try the line variant.
|
|
26
|
+
let glyph = this.#glyphMap.get(variantIcon) ??
|
|
27
|
+
this.#glyphMap.get(icon) ??
|
|
28
|
+
this.#glyphMap.get(lineIcon) ??
|
|
29
|
+
Array.from(this.#glyphMap.values()).find((glyph) => glyph.aliases?.includes(variantIcon) ||
|
|
30
|
+
glyph.aliases?.includes(lineIcon) ||
|
|
31
|
+
glyph.aliases?.includes(icon));
|
|
32
|
+
// If still no icon is found, search through the icons that match the FA name.
|
|
33
|
+
if (!glyph) {
|
|
34
|
+
let glyphs = Array.from(this.#glyphMap.values()).filter((g) => g.faNames?.includes(icon));
|
|
35
|
+
if (glyphs.length) {
|
|
36
|
+
if (glyphs.length > 1) {
|
|
37
|
+
// If multiples are found, make sure we select the correct variant, if requested.
|
|
38
|
+
// The icons are ordered such that the "default" variant will be the first one.
|
|
39
|
+
if (variant) {
|
|
40
|
+
const variantGlyph = glyphs.find((g) => g.name.endsWith(variant));
|
|
41
|
+
if (variantGlyph) {
|
|
42
|
+
glyphs = [variantGlyph];
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
glyph = glyphs[0];
|
|
47
|
+
}
|
|
48
|
+
// If none of the above works, no matching icon was found
|
|
49
|
+
}
|
|
50
|
+
if (glyph) {
|
|
51
|
+
// If a glyph is found, use it for modern theme or if no FA fallback exists.
|
|
52
|
+
if (themeSettings?.theme.name === 'modern' || !glyph.faNames?.length) {
|
|
53
|
+
icon = glyph.name;
|
|
54
|
+
iconType = 'skyux';
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
// For default theme, use a known FA fallback.
|
|
58
|
+
// If the icon name requested is already a FA icon, just use it. Otherwise use the first one.
|
|
59
|
+
if (!glyph.faNames?.includes(icon)) {
|
|
60
|
+
icon = glyph.faNames[0];
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
// If no SKY UX glyph is found, assume icon is part of FA and pass it along.
|
|
65
|
+
return {
|
|
66
|
+
icon,
|
|
67
|
+
iconType,
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyIconResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
71
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' }); }
|
|
72
|
+
}
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyIconResolverService, decorators: [{
|
|
74
|
+
type: Injectable,
|
|
75
|
+
args: [{
|
|
76
|
+
providedIn: 'root',
|
|
77
|
+
}]
|
|
78
|
+
}], ctorParameters: () => [] });
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1yZXNvbHZlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ljb24vc3JjL2xpYi9pY29uL2ljb24tcmVzb2x2ZXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBRUwsMkJBQTJCLEdBRTVCLE1BQU0sY0FBYyxDQUFDOztBQUt0Qjs7R0FFRztBQUlILE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsU0FBUyxHQUFHLElBQUksR0FBRyxFQUFxQyxDQUFDO0lBRXpELFlBQVksR0FBRyxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQztJQUVuRDtRQUNFLG1EQUFtRDtRQUNuRCxLQUFLLE1BQU0sS0FBSyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDM0Qsa0dBQWtHO1lBQ2xHLElBQUksS0FBSyxDQUFDLE1BQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDbkMsS0FBSyxDQUFDLE9BQU8sR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNqQyxDQUFDO1lBQ0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztRQUN4QyxDQUFDO0lBQ0gsQ0FBQztJQUVNLFdBQVcsQ0FDaEIsSUFBWSxFQUNaLE9BQTRCLEVBQzVCLGFBQWdDO1FBRWhDLElBQUksUUFBUSxHQUFHLElBQUksQ0FBQztRQUNwQixNQUFNLFdBQVcsR0FBRyxPQUFPLElBQUksR0FBRyxJQUFJLElBQUksT0FBTyxFQUFFLENBQUM7UUFDcEQsTUFBTSxRQUFRLEdBQUcsR0FBRyxJQUFJLE9BQU8sQ0FBQztRQUVoQyw0REFBNEQ7UUFDNUQsNkRBQTZEO1FBQzdELElBQUksS0FBSyxHQUNQLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFdBQXFCLENBQUM7WUFDekMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQztZQUM1QixLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQ3RDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FDUixLQUFLLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxXQUFxQixDQUFDO2dCQUM5QyxLQUFLLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxRQUFRLENBQUM7Z0JBQ2pDLEtBQUssQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUNoQyxDQUFDO1FBRUosOEVBQThFO1FBQzlFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNYLElBQUksTUFBTSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQzVELENBQUMsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUMxQixDQUFDO1lBQ0YsSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ2xCLElBQUksTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztvQkFDdEIsaUZBQWlGO29CQUNqRiwrRUFBK0U7b0JBQy9FLElBQUksT0FBTyxFQUFFLENBQUM7d0JBQ1osTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzt3QkFDbEUsSUFBSSxZQUFZLEVBQUUsQ0FBQzs0QkFDakIsTUFBTSxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7d0JBQzFCLENBQUM7b0JBQ0gsQ0FBQztnQkFDSCxDQUFDO2dCQUNELEtBQUssR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDcEIsQ0FBQztZQUNELHlEQUF5RDtRQUMzRCxDQUFDO1FBRUQsSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUNWLDRFQUE0RTtZQUM1RSxJQUFJLGFBQWEsRUFBRSxLQUFLLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0JBQ3JFLElBQUksR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDO2dCQUNsQixRQUFRLEdBQUcsT0FBTyxDQUFDO1lBQ3JCLENBQUM7aUJBQU0sQ0FBQztnQkFDTiw4Q0FBOEM7Z0JBQzlDLDZGQUE2RjtnQkFDN0YsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7b0JBQ25DLElBQUksR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUMxQixDQUFDO1lBQ0gsQ0FBQztRQUNILENBQUM7UUFFRCw0RUFBNEU7UUFDNUUsT0FBTztZQUNMLElBQUk7WUFDSixRQUFRO1NBQ1QsQ0FBQztJQUNKLENBQUM7OEdBOUVVLHNCQUFzQjtrSEFBdEIsc0JBQXNCLGNBRnJCLE1BQU07OzJGQUVQLHNCQUFzQjtrQkFIbEMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNreVRoZW1lSWNvbk1hbmlmZXN0R2x5cGgsXG4gIFNreVRoZW1lSWNvbk1hbmlmZXN0U2VydmljZSxcbiAgU2t5VGhlbWVTZXR0aW5ncyxcbn0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU2t5SWNvblJlc29sdmVkIH0gZnJvbSAnLi90eXBlcy9pY29uLXJlc29sdmVkJztcbmltcG9ydCB0eXBlIHsgU2t5SWNvblZhcmlhbnRUeXBlIH0gZnJvbSAnLi90eXBlcy9pY29uLXZhcmlhbnQtdHlwZSc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lJY29uUmVzb2x2ZXJTZXJ2aWNlIHtcbiAgI2dseXBoTWFwID0gbmV3IE1hcDxzdHJpbmcsIFNreVRoZW1lSWNvbk1hbmlmZXN0R2x5cGg+KCk7XG5cbiAgI21hbmlmZXN0U3ZjID0gaW5qZWN0KFNreVRoZW1lSWNvbk1hbmlmZXN0U2VydmljZSk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgLy8gTWFwIHRoZSBpY29ucyBieSBuYW1lIGZvciBtb3JlIGVmZmljaWVudCBsb29rdXAuXG4gICAgZm9yIChjb25zdCBnbHlwaCBvZiB0aGlzLiNtYW5pZmVzdFN2Yy5nZXRNYW5pZmVzdCgpLmdseXBocykge1xuICAgICAgLy8gVE9ETzoga2VlcCB0aGlzIHVudGlsIGBmYU5hbWVgIGlzIHJlbW92ZWQganVzdCBpbiBjYXNlIGFueSBpY29ucyBnZXQgYWRkZWQgd2l0aCB0aGUgd3Jvbmcgc2hhcGVcbiAgICAgIGlmIChnbHlwaC5mYU5hbWUgJiYgIWdseXBoLmZhTmFtZXMpIHtcbiAgICAgICAgZ2x5cGguZmFOYW1lcyA9IFtnbHlwaC5mYU5hbWVdO1xuICAgICAgfVxuICAgICAgdGhpcy4jZ2x5cGhNYXAuc2V0KGdseXBoLm5hbWUsIGdseXBoKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcmVzb2x2ZUljb24oXG4gICAgaWNvbjogc3RyaW5nLFxuICAgIHZhcmlhbnQ/OiBTa3lJY29uVmFyaWFudFR5cGUsXG4gICAgdGhlbWVTZXR0aW5ncz86IFNreVRoZW1lU2V0dGluZ3MsXG4gICk6IFNreUljb25SZXNvbHZlZCB7XG4gICAgbGV0IGljb25UeXBlID0gJ2ZhJztcbiAgICBjb25zdCB2YXJpYW50SWNvbiA9IHZhcmlhbnQgJiYgYCR7aWNvbn0tJHt2YXJpYW50fWA7XG4gICAgY29uc3QgbGluZUljb24gPSBgJHtpY29ufS1saW5lYDtcblxuICAgIC8vIEdldCB0aGUgc3BlY2lmaWVkIHZhcmlhbnQsIG9yIGZhbGwgYmFjayB0byB0aGUgaWNvbiBuYW1lLlxuICAgIC8vIElmIHRoZSBwdXJlIGljb24gbmFtZSBkb2Vzbid0IGV4aXN0LCB0cnkgdGhlIGxpbmUgdmFyaWFudC5cbiAgICBsZXQgZ2x5cGggPVxuICAgICAgdGhpcy4jZ2x5cGhNYXAuZ2V0KHZhcmlhbnRJY29uIGFzIHN0cmluZykgPz9cbiAgICAgIHRoaXMuI2dseXBoTWFwLmdldChpY29uKSA/P1xuICAgICAgdGhpcy4jZ2x5cGhNYXAuZ2V0KGxpbmVJY29uKSA/P1xuICAgICAgQXJyYXkuZnJvbSh0aGlzLiNnbHlwaE1hcC52YWx1ZXMoKSkuZmluZChcbiAgICAgICAgKGdseXBoKSA9PlxuICAgICAgICAgIGdseXBoLmFsaWFzZXM/LmluY2x1ZGVzKHZhcmlhbnRJY29uIGFzIHN0cmluZykgfHxcbiAgICAgICAgICBnbHlwaC5hbGlhc2VzPy5pbmNsdWRlcyhsaW5lSWNvbikgfHxcbiAgICAgICAgICBnbHlwaC5hbGlhc2VzPy5pbmNsdWRlcyhpY29uKSxcbiAgICAgICk7XG5cbiAgICAvLyBJZiBzdGlsbCBubyBpY29uIGlzIGZvdW5kLCBzZWFyY2ggdGhyb3VnaCB0aGUgaWNvbnMgdGhhdCBtYXRjaCB0aGUgRkEgbmFtZS5cbiAgICBpZiAoIWdseXBoKSB7XG4gICAgICBsZXQgZ2x5cGhzID0gQXJyYXkuZnJvbSh0aGlzLiNnbHlwaE1hcC52YWx1ZXMoKSkuZmlsdGVyKChnKSA9PlxuICAgICAgICBnLmZhTmFtZXM/LmluY2x1ZGVzKGljb24pLFxuICAgICAgKTtcbiAgICAgIGlmIChnbHlwaHMubGVuZ3RoKSB7XG4gICAgICAgIGlmIChnbHlwaHMubGVuZ3RoID4gMSkge1xuICAgICAgICAgIC8vIElmIG11bHRpcGxlcyBhcmUgZm91bmQsIG1ha2Ugc3VyZSB3ZSBzZWxlY3QgdGhlIGNvcnJlY3QgdmFyaWFudCwgaWYgcmVxdWVzdGVkLlxuICAgICAgICAgIC8vIFRoZSBpY29ucyBhcmUgb3JkZXJlZCBzdWNoIHRoYXQgdGhlIFwiZGVmYXVsdFwiIHZhcmlhbnQgd2lsbCBiZSB0aGUgZmlyc3Qgb25lLlxuICAgICAgICAgIGlmICh2YXJpYW50KSB7XG4gICAgICAgICAgICBjb25zdCB2YXJpYW50R2x5cGggPSBnbHlwaHMuZmluZCgoZykgPT4gZy5uYW1lLmVuZHNXaXRoKHZhcmlhbnQpKTtcbiAgICAgICAgICAgIGlmICh2YXJpYW50R2x5cGgpIHtcbiAgICAgICAgICAgICAgZ2x5cGhzID0gW3ZhcmlhbnRHbHlwaF07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGdseXBoID0gZ2x5cGhzWzBdO1xuICAgICAgfVxuICAgICAgLy8gSWYgbm9uZSBvZiB0aGUgYWJvdmUgd29ya3MsIG5vIG1hdGNoaW5nIGljb24gd2FzIGZvdW5kXG4gICAgfVxuXG4gICAgaWYgKGdseXBoKSB7XG4gICAgICAvLyBJZiBhIGdseXBoIGlzIGZvdW5kLCB1c2UgaXQgZm9yIG1vZGVybiB0aGVtZSBvciBpZiBubyBGQSBmYWxsYmFjayBleGlzdHMuXG4gICAgICBpZiAodGhlbWVTZXR0aW5ncz8udGhlbWUubmFtZSA9PT0gJ21vZGVybicgfHwgIWdseXBoLmZhTmFtZXM/Lmxlbmd0aCkge1xuICAgICAgICBpY29uID0gZ2x5cGgubmFtZTtcbiAgICAgICAgaWNvblR5cGUgPSAnc2t5dXgnO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gRm9yIGRlZmF1bHQgdGhlbWUsIHVzZSBhIGtub3duIEZBIGZhbGxiYWNrLlxuICAgICAgICAvLyBJZiB0aGUgaWNvbiBuYW1lIHJlcXVlc3RlZCBpcyBhbHJlYWR5IGEgRkEgaWNvbiwganVzdCB1c2UgaXQuIE90aGVyd2lzZSB1c2UgdGhlIGZpcnN0IG9uZS5cbiAgICAgICAgaWYgKCFnbHlwaC5mYU5hbWVzPy5pbmNsdWRlcyhpY29uKSkge1xuICAgICAgICAgIGljb24gPSBnbHlwaC5mYU5hbWVzWzBdO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLy8gSWYgbm8gU0tZIFVYIGdseXBoIGlzIGZvdW5kLCBhc3N1bWUgaWNvbiBpcyBwYXJ0IG9mIEZBIGFuZCBwYXNzIGl0IGFsb25nLlxuICAgIHJldHVybiB7XG4gICAgICBpY29uLFxuICAgICAgaWNvblR5cGUsXG4gICAgfTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zdGFjay1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ljb24vc3JjL2xpYi9pY29uL2ljb24tc3RhY2staXRlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2t5SWNvblR5cGUgfSBmcm9tICcuL3R5cGVzL2ljb24tdHlwZSc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU2t5SWNvblN0YWNrSXRlbSB7XG4gIC8qKlxuICAgKiBUaGUgbmFtZSBvZlxuICAgKiBbdGhlIEZvbnQgQXdlc29tZSA0LjcgaWNvbl0oaHR0cHM6Ly9mb250YXdlc29tZS5jb20vdjQuNy9pY29ucy8pIHRvXG4gICAqIGRpc3BsYXkuIERvIG5vdCBzcGVjaWZ5IHRoZSBgZmEgZmEtYCBjbGFzc2VzLlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIGljb246IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIHR5cGUgb2YgaWNvbiB0byBkaXNwbGF5LiBTcGVjaWZ5aW5nIGBmYWAgZGlzcGxheXMgYSBGb250IEF3ZXNvbWUgaWNvbixcbiAgICogd2hpbGUgc3BlY2lmeWluZyBgc2t5dXhgIGRpc3BsYXlzIGFuIGljb24gZnJvbSB0aGUgY3VzdG9tIFNLWSBVWCBpY29uIGZvbnQuIE5vdGUgdGhhdFxuICAgKiB0aGUgY3VzdG9tIFNLWSBVWCBpY29uIGZvbnQgaXMgY3VycmVudGx5IGluIGJldGEuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBpY29uVHlwZT86IFNreUljb25UeXBlO1xufVxuIl19
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component, Input, inject } from '@angular/core';
|
|
2
|
+
import { SkyThemeService } from '@skyux/theme';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "./icon-class-list.pipe";
|
|
6
|
+
/**
|
|
7
|
+
* @internal
|
|
8
|
+
*/
|
|
9
|
+
export class SkyIconStackComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.themeSvc = inject(SkyThemeService, { optional: true });
|
|
12
|
+
}
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyIconStackComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
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
|
+
}], propDecorators: { size: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], baseIcon: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], topIcon: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zdGFjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaWNvbi9zcmMvbGliL2ljb24vaWNvbi1zdGFjay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaWNvbi9zcmMvbGliL2ljb24vaWNvbi1zdGFjay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7OztBQUkvQzs7R0FFRztBQU1ILE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUF5QlksYUFBUSxHQUFHLE1BQU0sQ0FBQyxlQUFlLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztLQUNsRTs4R0FyQlkscUJBQXFCO2tHQUFyQixxQkFBcUIsMEhDYmxDLDZrQkFzQkE7OzJGRFRhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBVW5CLElBQUk7c0JBRFYsS0FBSztnQkFPQyxRQUFRO3NCQURkLEtBQUs7Z0JBT0MsT0FBTztzQkFEYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lUaGVtZVNlcnZpY2UgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTa3lJY29uU3RhY2tJdGVtIH0gZnJvbSAnLi9pY29uLXN0YWNrLWl0ZW0nO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktaWNvbi1zdGFjaycsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLXN0YWNrLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi1zdGFjay5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lJY29uU3RhY2tDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGljb24gdXNpbmdcbiAgICogW0ZvbnQgQXdlc29tZSBzaXplc10oaHR0cHM6Ly9mb250YXdlc29tZS5jb20vdjQvZXhhbXBsZXMvKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzaXplOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBpY29uIHRvIGRpc3BsYXkgYXQgdGhlIGJvdHRvbSBvZiB0aGUgc3RhY2suXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYmFzZUljb246IFNreUljb25TdGFja0l0ZW0gfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBpY29uIHRvIGRpc3BsYXkgYXQgdGhlIHRvcCBvZiB0aGUgc3RhY2suXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdG9wSWNvbjogU2t5SWNvblN0YWNrSXRlbSB8IHVuZGVmaW5lZDtcblxuICBwcm90ZWN0ZWQgdGhlbWVTdmMgPSBpbmplY3QoU2t5VGhlbWVTZXJ2aWNlLCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xufVxuIiwiPHNwYW5cbiAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgY2xhc3M9XCJza3ktaWNvbi1zdGFjayBmYS1zdGFja1wiXG4gIFtuZ0NsYXNzXT1cInNpemUgPyAnZmEtJyArIHNpemUgKyAnIHNreS1pY29uLXN0YWNrLXNpemUtJyArIHNpemUgOiAnJ1wiXG4+XG4gIDxpXG4gICAgKm5nSWY9XCJiYXNlSWNvblwiXG4gICAgY2xhc3M9XCJza3ktaWNvbiBmYS1zdGFjay0yeFwiXG4gICAgW25nQ2xhc3NdPVwiXG4gICAgICBiYXNlSWNvbi5pY29uXG4gICAgICAgIHwgc2t5SWNvbkNsYXNzTGlzdDogKHRoZW1lU3ZjPy5zZXR0aW5nc0NoYW5nZSB8IGFzeW5jKT8uY3VycmVudFNldHRpbmdzXG4gICAgXCJcbiAgPjwvaT5cbiAgPGlcbiAgICAqbmdJZj1cInRvcEljb25cIlxuICAgIGNsYXNzPVwic2t5LWljb24gZmEtc3RhY2stMXggZmEtaW52ZXJzZSBza3ktaWNvbi1pbnZlcnNlXCJcbiAgICBbbmdDbGFzc109XCJcbiAgICAgIHRvcEljb24uaWNvblxuICAgICAgICB8IHNreUljb25DbGFzc0xpc3Q6ICh0aGVtZVN2Yz8uc2V0dGluZ3NDaGFuZ2UgfCBhc3luYyk/LmN1cnJlbnRTZXR0aW5nc1xuICAgIFwiXG4gID48L2k+XG48L3NwYW4+XG4iXX0=
|