@fluentui/react-avatar 9.0.0-alpha.83 → 9.0.0-alpha.84

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.
Files changed (60) hide show
  1. package/CHANGELOG.json +67 -8
  2. package/CHANGELOG.md +24 -9
  3. package/lib/Avatar.js.map +1 -1
  4. package/lib/common/isConformant.js.map +1 -1
  5. package/lib/components/Avatar/Avatar.js.map +1 -1
  6. package/lib/components/Avatar/Avatar.types.js.map +1 -1
  7. package/lib/components/Avatar/index.js.map +1 -1
  8. package/lib/components/Avatar/renderAvatar.js.map +1 -1
  9. package/lib/components/Avatar/useAvatar.js +1 -0
  10. package/lib/components/Avatar/useAvatar.js.map +1 -1
  11. package/lib/components/Avatar/useAvatarStyles.js.map +1 -1
  12. package/lib/index.js.map +1 -1
  13. package/lib/utils/getInitials.js.map +1 -1
  14. package/lib/utils/index.js.map +1 -1
  15. package/lib-commonjs/Avatar.js.map +1 -1
  16. package/lib-commonjs/common/isConformant.js.map +1 -1
  17. package/lib-commonjs/components/Avatar/Avatar.js.map +1 -1
  18. package/lib-commonjs/components/Avatar/Avatar.types.js.map +1 -1
  19. package/lib-commonjs/components/Avatar/index.js.map +1 -1
  20. package/lib-commonjs/components/Avatar/renderAvatar.js.map +1 -1
  21. package/lib-commonjs/components/Avatar/useAvatar.js +1 -0
  22. package/lib-commonjs/components/Avatar/useAvatar.js.map +1 -1
  23. package/lib-commonjs/components/Avatar/useAvatarStyles.js.map +1 -1
  24. package/lib-commonjs/index.js.map +1 -1
  25. package/lib-commonjs/utils/getInitials.js.map +1 -1
  26. package/lib-commonjs/utils/index.js.map +1 -1
  27. package/package.json +8 -8
  28. package/lib-amd/Avatar.d.ts +0 -1
  29. package/lib-amd/Avatar.js +0 -6
  30. package/lib-amd/Avatar.js.map +0 -1
  31. package/lib-amd/common/isConformant.d.ts +0 -4
  32. package/lib-amd/common/isConformant.js +0 -16
  33. package/lib-amd/common/isConformant.js.map +0 -1
  34. package/lib-amd/components/Avatar/Avatar.d.ts +0 -15
  35. package/lib-amd/components/Avatar/Avatar.js +0 -12
  36. package/lib-amd/components/Avatar/Avatar.js.map +0 -1
  37. package/lib-amd/components/Avatar/Avatar.types.d.ts +0 -109
  38. package/lib-amd/components/Avatar/Avatar.types.js +0 -5
  39. package/lib-amd/components/Avatar/Avatar.types.js.map +0 -1
  40. package/lib-amd/components/Avatar/index.d.ts +0 -5
  41. package/lib-amd/components/Avatar/index.js +0 -10
  42. package/lib-amd/components/Avatar/index.js.map +0 -1
  43. package/lib-amd/components/Avatar/renderAvatar.d.ts +0 -2
  44. package/lib-amd/components/Avatar/renderAvatar.js +0 -15
  45. package/lib-amd/components/Avatar/renderAvatar.js.map +0 -1
  46. package/lib-amd/components/Avatar/useAvatar.d.ts +0 -7
  47. package/lib-amd/components/Avatar/useAvatar.js +0 -141
  48. package/lib-amd/components/Avatar/useAvatar.js.map +0 -1
  49. package/lib-amd/components/Avatar/useAvatarStyles.d.ts +0 -2
  50. package/lib-amd/components/Avatar/useAvatarStyles.js +0 -416
  51. package/lib-amd/components/Avatar/useAvatarStyles.js.map +0 -1
  52. package/lib-amd/index.d.ts +0 -1
  53. package/lib-amd/index.js +0 -6
  54. package/lib-amd/index.js.map +0 -1
  55. package/lib-amd/utils/getInitials.d.ts +0 -9
  56. package/lib-amd/utils/getInitials.js +0 -79
  57. package/lib-amd/utils/getInitials.js.map +0 -1
  58. package/lib-amd/utils/index.d.ts +0 -1
  59. package/lib-amd/utils/index.js +0 -7
  60. package/lib-amd/utils/index.js.map +0 -1
@@ -1,416 +0,0 @@
1
- define(["require", "exports", "tslib", "@fluentui/react-make-styles"], function (require, exports, tslib_1, react_make_styles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useAvatarStyles = void 0;
5
- //
6
- // TODO: All animation constants should go to theme or globals?
7
- // https://github.com/microsoft/fluentui/issues/16372#issuecomment-778240665
8
- var animationDuration = {
9
- duration50: '50ms',
10
- duration100: '100ms',
11
- duration150: '150ms',
12
- duration200: '200ms',
13
- duration300: '300ms',
14
- duration400: '400ms',
15
- duration500: '500ms',
16
- };
17
- var animationTiming = {
18
- ultraFast: animationDuration.duration50,
19
- faster: animationDuration.duration100,
20
- fast: animationDuration.duration150,
21
- normal: animationDuration.duration200,
22
- slow: animationDuration.duration300,
23
- slower: animationDuration.duration400,
24
- ultraSlow: animationDuration.duration500,
25
- };
26
- var animationLines = {
27
- decelerateMax: 'cubic-bezier(0.00,0.00,0.00,1.00)',
28
- decelerateMid: 'cubic-bezier(0.10,0.90,0.20,1.00)',
29
- decelerateMin: 'cubic-bezier(0.33,0.00,0.10,1.00)',
30
- accelerateMax: 'cubic-bezier(1.00,0.00,1.00,1.00)',
31
- accelerateMid: 'cubic-bezier(0.90,0.10,1.00,0.20)',
32
- accelerateMin: 'cubic-bezier(0.80,0.00,0.78,1.00)',
33
- maxEasyEase: 'cubic-bezier(0.80,0.00,0.20,1.00)',
34
- easyEase: 'cubic-bezier(0.33,0.00,0.67,1.00)',
35
- linear: 'linear',
36
- };
37
- var animations = {
38
- fastOutSlowInMax: animationLines.decelerateMax,
39
- fastOutSlowInMid: animationLines.decelerateMid,
40
- fastOutSlowInMin: animationLines.decelerateMin,
41
- slowOutFastInMax: animationLines.accelerateMax,
42
- slowOutFastInMid: animationLines.accelerateMid,
43
- slowOutFastInMin: animationLines.accelerateMin,
44
- fastEase: animationLines.maxEasyEase,
45
- normalEase: animationLines.easyEase,
46
- nullEasing: animationLines.linear,
47
- };
48
- var useStyles = react_make_styles_1.makeStyles({
49
- root: function (theme) { return ({
50
- display: 'inline-block',
51
- flexShrink: 0,
52
- position: 'relative',
53
- verticalAlign: 'middle',
54
- borderRadius: theme.global.borderRadius.circular,
55
- fontFamily: theme.global.type.fontFamilies.base,
56
- fontWeight: theme.global.type.fontWeights.semibold,
57
- boxShadow: "0 0 0 " + theme.global.strokeWidth.thin + " " + theme.alias.color.neutral.transparentStroke + " inset",
58
- }); },
59
- textCaption2: function (theme) { return ({
60
- fontSize: theme.global.type.fontSizes.base[100],
61
- fontWeight: theme.global.type.fontWeights.regular,
62
- }); },
63
- textCaption1Strong: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[200] }); },
64
- textBody1Strong: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[300] }); },
65
- textSubtitle2: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[400] }); },
66
- textSubtitle1: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[500] }); },
67
- textTitle: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[600] }); },
68
- squareSmall: function (theme) { return ({ borderRadius: theme.global.borderRadius.small }); },
69
- squareMedium: function (theme) { return ({ borderRadius: theme.global.borderRadius.medium }); },
70
- squareLarge: function (theme) { return ({ borderRadius: theme.global.borderRadius.large }); },
71
- squareXLarge: function (theme) { return ({ borderRadius: theme.global.borderRadius.xLarge }); },
72
- activeOrInactive: {
73
- transform: 'perspective(1px)',
74
- transition: "transform " + animationTiming.ultraSlow + " " + animations.fastEase + ", " +
75
- ("opacity " + animationTiming.faster + " " + animations.nullEasing),
76
- ':before': {
77
- content: '""',
78
- position: 'absolute',
79
- top: 0,
80
- left: 0,
81
- bottom: 0,
82
- right: 0,
83
- borderRadius: 'inherit',
84
- transition: "margin " + animationTiming.ultraSlow + " " + animations.fastEase + ", " +
85
- ("opacity " + animationTiming.slower + " " + animations.nullEasing),
86
- },
87
- },
88
- ring: function (theme) { return ({
89
- ':before': {
90
- borderColor: theme.alias.color.neutral.brandBackgroundStatic,
91
- borderStyle: 'solid',
92
- },
93
- }); },
94
- ringThick: function (theme) { return ({
95
- ':before': {
96
- margin: "calc(-2 * " + theme.global.strokeWidth.thick + ")",
97
- borderWidth: theme.global.strokeWidth.thick,
98
- },
99
- }); },
100
- ringThicker: function (theme) { return ({
101
- ':before': {
102
- margin: "calc(-2 * " + theme.global.strokeWidth.thicker + ")",
103
- borderWidth: theme.global.strokeWidth.thicker,
104
- },
105
- }); },
106
- ringThickest: function (theme) { return ({
107
- ':before': {
108
- margin: "calc(-2 * " + theme.global.strokeWidth.thickest + ")",
109
- borderWidth: theme.global.strokeWidth.thickest,
110
- },
111
- }); },
112
- shadow4: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow4 } }); },
113
- shadow8: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow8 } }); },
114
- shadow16: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow16 } }); },
115
- shadow28: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow28 } }); },
116
- // TODO: use proper tokens instead of "rgba(0,120,212,0.3)"
117
- glow4: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow4 + ", 0 0 4px 2px rgba(0,120,212,0.3)" } }); },
118
- glow8: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow8 + ", 0 0 8px 2px rgba(0,120,212,0.3)" } }); },
119
- glow16: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow16 + ", 0 0 8px 2px rgba(0,120,212,0.3)" } }); },
120
- glow28: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow28 + ", 0 0 28px 4px rgba(0,120,212,0.3)" } }); },
121
- inactive: {
122
- opacity: '0.8',
123
- transform: 'scale(0.875)',
124
- transition: "transform " + animationTiming.ultraSlow + " " + animations.fastOutSlowInMin + ", " +
125
- ("opacity " + animationTiming.faster + " " + animations.nullEasing),
126
- ':before': {
127
- margin: 0,
128
- opacity: 0,
129
- transition: "margin " + animationTiming.ultraSlow + " " + animations.fastOutSlowInMin + ", " +
130
- ("opacity " + animationTiming.slower + " " + animations.nullEasing),
131
- },
132
- },
133
- badge: function (theme) { return ({
134
- position: 'absolute',
135
- bottom: 0,
136
- right: 0,
137
- boxShadow: "0 0 0 " + theme.global.strokeWidth.thin + " " + theme.alias.color.neutral.neutralBackground1,
138
- }); },
139
- badgeLarge: function (theme) { return ({
140
- boxShadow: "0 0 0 " + theme.global.strokeWidth.thick + " " + theme.alias.color.neutral.neutralBackground1,
141
- }); },
142
- image: {
143
- position: 'absolute',
144
- top: 0,
145
- left: 0,
146
- width: '100%',
147
- height: '100%',
148
- borderRadius: 'inherit',
149
- objectFit: 'cover',
150
- verticalAlign: 'top',
151
- },
152
- iconLabel: {
153
- position: 'absolute',
154
- top: 0,
155
- left: 0,
156
- width: '100%',
157
- height: '100%',
158
- lineHeight: 1,
159
- display: 'flex',
160
- alignItems: 'center',
161
- justifyContent: 'center',
162
- verticalAlign: 'center',
163
- textAlign: 'center',
164
- borderRadius: 'inherit',
165
- },
166
- });
167
- var useSizeStyles = react_make_styles_1.makeStyles({
168
- 20: { width: '20px', height: '20px' },
169
- 24: { width: '24px', height: '24px' },
170
- 28: { width: '28px', height: '28px' },
171
- 32: { width: '32px', height: '32px' },
172
- 36: { width: '36px', height: '36px' },
173
- 40: { width: '40px', height: '40px' },
174
- 48: { width: '48px', height: '48px' },
175
- 56: { width: '56px', height: '56px' },
176
- 64: { width: '64px', height: '64px' },
177
- 72: { width: '72px', height: '72px' },
178
- 96: { width: '96px', height: '96px' },
179
- 120: { width: '120px', height: '120px' },
180
- 128: { width: '128px', height: '128px' },
181
- });
182
- var useColorStyles = react_make_styles_1.makeStyles({
183
- neutral: function (theme) { return ({
184
- color: theme.alias.color.neutral.neutralForeground3,
185
- background: theme.alias.color.neutral.neutralBackground6,
186
- }); },
187
- brand: function (theme) { return ({
188
- color: theme.alias.color.neutral.neutralForegroundInverted,
189
- background: theme.alias.color.neutral.brandBackgroundStatic,
190
- }); },
191
- darkRed: function (theme) { return ({
192
- color: theme.alias.color.darkRed.foreground2,
193
- background: theme.alias.color.darkRed.background2,
194
- }); },
195
- cranberry: function (theme) { return ({
196
- color: theme.alias.color.cranberry.foreground2,
197
- background: theme.alias.color.cranberry.background2,
198
- }); },
199
- red: function (theme) { return ({
200
- color: theme.alias.color.red.foreground2,
201
- background: theme.alias.color.red.background2,
202
- }); },
203
- pumpkin: function (theme) { return ({
204
- color: theme.alias.color.pumpkin.foreground2,
205
- background: theme.alias.color.pumpkin.background2,
206
- }); },
207
- peach: function (theme) { return ({
208
- color: theme.alias.color.peach.foreground2,
209
- background: theme.alias.color.peach.background2,
210
- }); },
211
- marigold: function (theme) { return ({
212
- color: theme.alias.color.marigold.foreground2,
213
- background: theme.alias.color.marigold.background2,
214
- }); },
215
- gold: function (theme) { return ({
216
- color: theme.alias.color.gold.foreground2,
217
- background: theme.alias.color.gold.background2,
218
- }); },
219
- brass: function (theme) { return ({
220
- color: theme.alias.color.brass.foreground2,
221
- background: theme.alias.color.brass.background2,
222
- }); },
223
- brown: function (theme) { return ({
224
- color: theme.alias.color.brown.foreground2,
225
- background: theme.alias.color.brown.background2,
226
- }); },
227
- forest: function (theme) { return ({
228
- color: theme.alias.color.forest.foreground2,
229
- background: theme.alias.color.forest.background2,
230
- }); },
231
- seafoam: function (theme) { return ({
232
- color: theme.alias.color.seafoam.foreground2,
233
- background: theme.alias.color.seafoam.background2,
234
- }); },
235
- darkGreen: function (theme) { return ({
236
- color: theme.alias.color.darkGreen.foreground2,
237
- background: theme.alias.color.darkGreen.background2,
238
- }); },
239
- lightTeal: function (theme) { return ({
240
- color: theme.alias.color.lightTeal.foreground2,
241
- background: theme.alias.color.lightTeal.background2,
242
- }); },
243
- teal: function (theme) { return ({
244
- color: theme.alias.color.teal.foreground2,
245
- background: theme.alias.color.teal.background2,
246
- }); },
247
- steel: function (theme) { return ({
248
- color: theme.alias.color.steel.foreground2,
249
- background: theme.alias.color.steel.background2,
250
- }); },
251
- blue: function (theme) { return ({
252
- color: theme.alias.color.blue.foreground2,
253
- background: theme.alias.color.blue.background2,
254
- }); },
255
- royalBlue: function (theme) { return ({
256
- color: theme.alias.color.royalBlue.foreground2,
257
- background: theme.alias.color.royalBlue.background2,
258
- }); },
259
- cornflower: function (theme) { return ({
260
- color: theme.alias.color.cornflower.foreground2,
261
- background: theme.alias.color.cornflower.background2,
262
- }); },
263
- navy: function (theme) { return ({
264
- color: theme.alias.color.navy.foreground2,
265
- background: theme.alias.color.navy.background2,
266
- }); },
267
- lavender: function (theme) { return ({
268
- color: theme.alias.color.lavender.foreground2,
269
- background: theme.alias.color.lavender.background2,
270
- }); },
271
- purple: function (theme) { return ({
272
- color: theme.alias.color.purple.foreground2,
273
- background: theme.alias.color.purple.background2,
274
- }); },
275
- grape: function (theme) { return ({
276
- color: theme.alias.color.grape.foreground2,
277
- background: theme.alias.color.grape.background2,
278
- }); },
279
- lilac: function (theme) { return ({
280
- color: theme.alias.color.lilac.foreground2,
281
- background: theme.alias.color.lilac.background2,
282
- }); },
283
- pink: function (theme) { return ({
284
- color: theme.alias.color.pink.foreground2,
285
- background: theme.alias.color.pink.background2,
286
- }); },
287
- magenta: function (theme) { return ({
288
- color: theme.alias.color.magenta.foreground2,
289
- background: theme.alias.color.magenta.background2,
290
- }); },
291
- plum: function (theme) { return ({
292
- color: theme.alias.color.plum.foreground2,
293
- background: theme.alias.color.plum.background2,
294
- }); },
295
- beige: function (theme) { return ({
296
- color: theme.alias.color.beige.foreground2,
297
- background: theme.alias.color.beige.background2,
298
- }); },
299
- mink: function (theme) { return ({
300
- color: theme.alias.color.mink.foreground2,
301
- background: theme.alias.color.mink.background2,
302
- }); },
303
- platinum: function (theme) { return ({
304
- color: theme.alias.color.platinum.foreground2,
305
- background: theme.alias.color.platinum.background2,
306
- }); },
307
- anchor: function (theme) { return ({
308
- color: theme.alias.color.anchor.foreground2,
309
- background: theme.alias.color.anchor.background2,
310
- }); },
311
- });
312
- var useAvatarStyles = function (state) {
313
- var size = state.size, square = state.square, active = state.active, activeDisplay = state.activeDisplay;
314
- // 'colorful' should have been replaced with a color name by useAvatar, but if not default to darkRed
315
- var color = state.color === 'colorful' ? 'darkRed' : state.color;
316
- var styles = useStyles();
317
- var sizeStyles = useSizeStyles();
318
- var colorStyles = useColorStyles();
319
- var rootClasses = [styles.root, sizeStyles[size], colorStyles[color]];
320
- if (size <= 24) {
321
- rootClasses.push(styles.textCaption2);
322
- }
323
- else if (size <= 28) {
324
- rootClasses.push(styles.textCaption1Strong);
325
- }
326
- else if (size <= 40) {
327
- rootClasses.push(styles.textBody1Strong);
328
- }
329
- else if (size <= 56) {
330
- rootClasses.push(styles.textSubtitle2);
331
- }
332
- else if (size <= 96) {
333
- rootClasses.push(styles.textSubtitle1);
334
- }
335
- else {
336
- rootClasses.push(styles.textTitle);
337
- }
338
- if (square) {
339
- if (size <= 24) {
340
- rootClasses.push(styles.squareSmall);
341
- }
342
- else if (size <= 48) {
343
- rootClasses.push(styles.squareMedium);
344
- }
345
- else if (size <= 72) {
346
- rootClasses.push(styles.squareLarge);
347
- }
348
- else {
349
- rootClasses.push(styles.squareXLarge);
350
- }
351
- }
352
- if (active === 'active' || active === 'inactive') {
353
- rootClasses.push(styles.activeOrInactive);
354
- if (activeDisplay.includes('ring')) {
355
- rootClasses.push(styles.ring);
356
- if (size <= 48) {
357
- rootClasses.push(styles.ringThick);
358
- }
359
- else if (size <= 64) {
360
- rootClasses.push(styles.ringThicker);
361
- }
362
- else {
363
- rootClasses.push(styles.ringThickest);
364
- }
365
- }
366
- if (activeDisplay.includes('shadow')) {
367
- if (size <= 28) {
368
- rootClasses.push(styles.shadow4);
369
- }
370
- else if (size <= 48) {
371
- rootClasses.push(styles.shadow8);
372
- }
373
- else if (size <= 64) {
374
- rootClasses.push(styles.shadow16);
375
- }
376
- else {
377
- rootClasses.push(styles.shadow28);
378
- }
379
- }
380
- if (activeDisplay.includes('glow')) {
381
- if (size <= 28) {
382
- rootClasses.push(styles.glow4);
383
- }
384
- else if (size <= 48) {
385
- rootClasses.push(styles.glow8);
386
- }
387
- else if (size <= 64) {
388
- rootClasses.push(styles.glow16);
389
- }
390
- else {
391
- rootClasses.push(styles.glow28);
392
- }
393
- }
394
- // Note: The inactive style overrides some of the activeDisplay styles and must be applied after them
395
- if (active === 'inactive') {
396
- rootClasses.push(styles.inactive);
397
- }
398
- }
399
- state.className = react_make_styles_1.mergeClasses.apply(void 0, tslib_1.__spreadArrays(rootClasses, [state.className]));
400
- if (state.badge) {
401
- state.badge.className = react_make_styles_1.mergeClasses(styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);
402
- }
403
- if (state.image) {
404
- state.image.className = react_make_styles_1.mergeClasses(styles.image, state.image.className);
405
- }
406
- if (state.label) {
407
- state.label.className = react_make_styles_1.mergeClasses(styles.iconLabel, state.label.className);
408
- }
409
- if (state.icon) {
410
- state.icon.className = react_make_styles_1.mergeClasses(styles.iconLabel, state.icon.className);
411
- }
412
- return state;
413
- };
414
- exports.useAvatarStyles = useAvatarStyles;
415
- });
416
- //# sourceMappingURL=useAvatarStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useAvatarStyles.js","sourceRoot":"../src/","sources":["components/Avatar/useAvatarStyles.ts"],"names":[],"mappings":";;;;IAGA,EAAE;IACF,+DAA+D;IAC/D,4EAA4E;IAE5E,IAAM,iBAAiB,GAAG;QACxB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,OAAO;KACrB,CAAC;IAEF,IAAM,eAAe,GAAG;QACtB,SAAS,EAAE,iBAAiB,CAAC,UAAU;QACvC,MAAM,EAAE,iBAAiB,CAAC,WAAW;QACrC,IAAI,EAAE,iBAAiB,CAAC,WAAW;QACnC,MAAM,EAAE,iBAAiB,CAAC,WAAW;QACrC,IAAI,EAAE,iBAAiB,CAAC,WAAW;QACnC,MAAM,EAAE,iBAAiB,CAAC,WAAW;QACrC,SAAS,EAAE,iBAAiB,CAAC,WAAW;KACzC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,aAAa,EAAE,mCAAmC;QAClD,aAAa,EAAE,mCAAmC;QAClD,aAAa,EAAE,mCAAmC;QAClD,aAAa,EAAE,mCAAmC;QAClD,aAAa,EAAE,mCAAmC;QAClD,aAAa,EAAE,mCAAmC;QAClD,WAAW,EAAE,mCAAmC;QAChD,QAAQ,EAAE,mCAAmC;QAC7C,MAAM,EAAE,QAAQ;KACjB,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,gBAAgB,EAAE,cAAc,CAAC,aAAa;QAC9C,gBAAgB,EAAE,cAAc,CAAC,aAAa;QAC9C,gBAAgB,EAAE,cAAc,CAAC,aAAa;QAC9C,gBAAgB,EAAE,cAAc,CAAC,aAAa;QAC9C,gBAAgB,EAAE,cAAc,CAAC,aAAa;QAC9C,gBAAgB,EAAE,cAAc,CAAC,aAAa;QAC9C,QAAQ,EAAE,cAAc,CAAC,WAAW;QACpC,UAAU,EAAE,cAAc,CAAC,QAAQ;QACnC,UAAU,EAAE,cAAc,CAAC,MAAM;KAClC,CAAC;IAEF,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,OAAO,EAAE,cAAc;YACvB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,UAAU;YACpB,aAAa,EAAE,QAAQ;YACvB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ;YAChD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI;YAC/C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ;YAClD,SAAS,EAAE,WAAS,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,SAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,WAAQ;SACzG,CAAC,EATa,CASb;QAEF,YAAY,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACtB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO;SAClD,CAAC,EAHqB,CAGrB;QACF,kBAAkB,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAArD,CAAqD;QAClF,eAAe,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAArD,CAAqD;QAC/E,aAAa,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAArD,CAAqD;QAC7E,aAAa,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAArD,CAAqD;QAC7E,SAAS,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAArD,CAAqD;QAEzE,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,EAAnD,CAAmD;QACzE,YAAY,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,EAApD,CAAoD;QAC3E,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,EAAnD,CAAmD;QACzE,YAAY,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,EAApD,CAAoD;QAE3E,gBAAgB,EAAE;YAChB,SAAS,EAAE,kBAAkB;YAC7B,UAAU,EACR,eAAa,eAAe,CAAC,SAAS,SAAI,UAAU,CAAC,QAAQ,OAAI;iBACjE,aAAW,eAAe,CAAC,MAAM,SAAI,UAAU,CAAC,UAAY,CAAA;YAE9D,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;gBAER,YAAY,EAAE,SAAS;gBACvB,UAAU,EACR,YAAU,eAAe,CAAC,SAAS,SAAI,UAAU,CAAC,QAAQ,OAAI;qBAC9D,aAAW,eAAe,CAAC,MAAM,SAAI,UAAU,CAAC,UAAY,CAAA;aAC/D;SACF;QAED,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,SAAS,EAAE;gBACT,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB;gBAC5D,WAAW,EAAE,OAAO;aACrB;SACF,CAAC,EALa,CAKb;QACF,SAAS,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACnB,SAAS,EAAE;gBACT,MAAM,EAAE,eAAa,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,MAAG;gBACtD,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK;aAC5C;SACF,CAAC,EALkB,CAKlB;QACF,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACrB,SAAS,EAAE;gBACT,MAAM,EAAE,eAAa,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,MAAG;gBACxD,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO;aAC9C;SACF,CAAC,EALoB,CAKpB;QACF,YAAY,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACtB,SAAS,EAAE;gBACT,MAAM,EAAE,eAAa,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,MAAG;gBACzD,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ;aAC/C;SACF,CAAC,EALqB,CAKrB;QAEF,OAAO,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,EAA1D,CAA0D;QAC5E,OAAO,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,EAA1D,CAA0D;QAC5E,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,EAA3D,CAA2D;QAC9E,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,EAA3D,CAA2D;QAE9E,2DAA2D;QAC3D,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAK,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,sCAAmC,EAAE,EAAE,CAAC,EAAhG,CAAgG;QAChH,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAK,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,sCAAmC,EAAE,EAAE,CAAC,EAAhG,CAAgG;QAChH,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAK,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,sCAAmC,EAAE,EAAE,CAAC,EAAjG,CAAiG;QAClH,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAK,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,uCAAoC,EAAE,EAAE,CAAC,EAAlG,CAAkG;QAEnH,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,cAAc;YACzB,UAAU,EACR,eAAa,eAAe,CAAC,SAAS,SAAI,UAAU,CAAC,gBAAgB,OAAI;iBACzE,aAAW,eAAe,CAAC,MAAM,SAAI,UAAU,CAAC,UAAY,CAAA;YAE9D,SAAS,EAAE;gBACT,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,CAAC;gBACV,UAAU,EACR,YAAU,eAAe,CAAC,SAAS,SAAI,UAAU,CAAC,gBAAgB,OAAI;qBACtE,aAAW,eAAe,CAAC,MAAM,SAAI,UAAU,CAAC,UAAY,CAAA;aAC/D;SACF;QAED,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,WAAS,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,SAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAoB;SACpG,CAAC,EALc,CAKd;QACF,UAAU,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACpB,SAAS,EAAE,WAAS,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,SAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAoB;SACrG,CAAC,EAFmB,CAEnB;QAEF,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YAEd,YAAY,EAAE,SAAS;YACvB,SAAS,EAAE,OAAO;YAClB,aAAa,EAAE,KAAK;SACrB;QAED,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,CAAC;YAEb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,SAAS;SACxB;KACF,CAAC,CAAC;IAEH,IAAM,aAAa,GAAG,8BAAU,CAAC;QAC/B,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;QACxC,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;KACzC,CAAC,CAAC;IAEH,IAAM,cAAc,GAAG,8BAAU,CAAC;QAChC,OAAO,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACjB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;YACnD,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;SACzD,CAAC,EAHgB,CAGhB;QACF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,yBAAyB;YAC1D,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB;SAC5D,CAAC,EAHc,CAGd;QACF,OAAO,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACjB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;YAC5C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;SAClD,CAAC,EAHgB,CAGhB;QACF,SAAS,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;YAC9C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;SACpD,CAAC,EAHkB,CAGlB;QACF,GAAG,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACb,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW;YACxC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW;SAC9C,CAAC,EAHY,CAGZ;QACF,OAAO,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACjB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;YAC5C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;SAClD,CAAC,EAHgB,CAGhB;QACF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;YAC1C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAChD,CAAC,EAHc,CAGd;QACF,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;YAC7C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;SACnD,CAAC,EAHiB,CAGjB;QACF,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YACzC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;SAC/C,CAAC,EAHa,CAGb;QACF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;YAC1C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAChD,CAAC,EAHc,CAGd;QACF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;YAC1C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAChD,CAAC,EAHc,CAGd;QACF,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;YAC3C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;SACjD,CAAC,EAHe,CAGf;QACF,OAAO,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACjB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;YAC5C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;SAClD,CAAC,EAHgB,CAGhB;QACF,SAAS,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;YAC9C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;SACpD,CAAC,EAHkB,CAGlB;QACF,SAAS,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;YAC9C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;SACpD,CAAC,EAHkB,CAGlB;QACF,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YACzC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;SAC/C,CAAC,EAHa,CAGb;QACF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;YAC1C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAChD,CAAC,EAHc,CAGd;QACF,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YACzC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;SAC/C,CAAC,EAHa,CAGb;QACF,SAAS,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;YAC9C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;SACpD,CAAC,EAHkB,CAGlB;QACF,UAAU,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACpB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW;YAC/C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW;SACrD,CAAC,EAHmB,CAGnB;QACF,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YACzC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;SAC/C,CAAC,EAHa,CAGb;QACF,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;YAC7C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;SACnD,CAAC,EAHiB,CAGjB;QACF,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;YAC3C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;SACjD,CAAC,EAHe,CAGf;QACF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;YAC1C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAChD,CAAC,EAHc,CAGd;QACF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;YAC1C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAChD,CAAC,EAHc,CAGd;QACF,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YACzC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;SAC/C,CAAC,EAHa,CAGb;QACF,OAAO,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACjB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;YAC5C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;SAClD,CAAC,EAHgB,CAGhB;QACF,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YACzC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;SAC/C,CAAC,EAHa,CAGb;QACF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;YAC1C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAChD,CAAC,EAHc,CAGd;QACF,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YACzC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;SAC/C,CAAC,EAHa,CAGb;QACF,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;YAC7C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;SACnD,CAAC,EAHiB,CAGjB;QACF,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;YAC3C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;SACjD,CAAC,EAHe,CAGf;KACH,CAAC,CAAC;IAEI,IAAM,eAAe,GAAG,UAAC,KAAkB;QACxC,IAAA,IAAI,GAAoC,KAAK,KAAzC,EAAE,MAAM,GAA4B,KAAK,OAAjC,EAAE,MAAM,GAAoB,KAAK,OAAzB,EAAE,aAAa,GAAK,KAAK,cAAV,CAAW;QACtD,qGAAqG;QACrG,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;QAEnE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,IAAM,UAAU,GAAG,aAAa,EAAE,CAAC;QACnC,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;QAErC,IAAM,WAAW,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAExE,IAAI,IAAI,IAAI,EAAE,EAAE;YACd,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;SACvC;aAAM,IAAI,IAAI,IAAI,EAAE,EAAE;YACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;SAC7C;aAAM,IAAI,IAAI,IAAI,EAAE,EAAE;YACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;SAC1C;aAAM,IAAI,IAAI,IAAI,EAAE,EAAE;YACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;SACxC;aAAM,IAAI,IAAI,IAAI,EAAE,EAAE;YACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;SACxC;aAAM;YACL,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SACpC;QAED,IAAI,MAAM,EAAE;YACV,IAAI,IAAI,IAAI,EAAE,EAAE;gBACd,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;aACtC;iBAAM,IAAI,IAAI,IAAI,EAAE,EAAE;gBACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;aACvC;iBAAM,IAAI,IAAI,IAAI,EAAE,EAAE;gBACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;aACtC;iBAAM;gBACL,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;aACvC;SACF;QAED,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,UAAU,EAAE;YAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;YAE1C,IAAI,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBAClC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBAE9B,IAAI,IAAI,IAAI,EAAE,EAAE;oBACd,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;iBACpC;qBAAM,IAAI,IAAI,IAAI,EAAE,EAAE;oBACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;iBACtC;qBAAM;oBACL,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;iBACvC;aACF;YAED,IAAI,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;gBACpC,IAAI,IAAI,IAAI,EAAE,EAAE;oBACd,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;iBAClC;qBAAM,IAAI,IAAI,IAAI,EAAE,EAAE;oBACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;iBAClC;qBAAM,IAAI,IAAI,IAAI,EAAE,EAAE;oBACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;iBACnC;qBAAM;oBACL,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;iBACnC;aACF;YAED,IAAI,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBAClC,IAAI,IAAI,IAAI,EAAE,EAAE;oBACd,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBAChC;qBAAM,IAAI,IAAI,IAAI,EAAE,EAAE;oBACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBAChC;qBAAM,IAAI,IAAI,IAAI,EAAE,EAAE;oBACrB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;iBACjC;qBAAM;oBACL,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;iBACjC;aACF;YAED,qGAAqG;YACrG,IAAI,MAAM,KAAK,UAAU,EAAE;gBACzB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;aACnC;SACF;QAED,KAAK,CAAC,SAAS,GAAG,gCAAY,sCAAI,WAAW,GAAE,KAAK,CAAC,SAAS,GAAC,CAAC;QAEhE,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,IAAI,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC5G;QAED,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC3E;QAED,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC/E;QAED,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC7E;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IArGW,QAAA,eAAe,mBAqG1B","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport type { AvatarState } from './Avatar.types';\n\n//\n// TODO: All animation constants should go to theme or globals?\n// https://github.com/microsoft/fluentui/issues/16372#issuecomment-778240665\n\nconst animationDuration = {\n duration50: '50ms',\n duration100: '100ms',\n duration150: '150ms',\n duration200: '200ms',\n duration300: '300ms',\n duration400: '400ms',\n duration500: '500ms',\n};\n\nconst animationTiming = {\n ultraFast: animationDuration.duration50,\n faster: animationDuration.duration100,\n fast: animationDuration.duration150,\n normal: animationDuration.duration200,\n slow: animationDuration.duration300,\n slower: animationDuration.duration400,\n ultraSlow: animationDuration.duration500,\n};\n\nconst animationLines = {\n decelerateMax: 'cubic-bezier(0.00,0.00,0.00,1.00)',\n decelerateMid: 'cubic-bezier(0.10,0.90,0.20,1.00)',\n decelerateMin: 'cubic-bezier(0.33,0.00,0.10,1.00)',\n accelerateMax: 'cubic-bezier(1.00,0.00,1.00,1.00)',\n accelerateMid: 'cubic-bezier(0.90,0.10,1.00,0.20)',\n accelerateMin: 'cubic-bezier(0.80,0.00,0.78,1.00)',\n maxEasyEase: 'cubic-bezier(0.80,0.00,0.20,1.00)',\n easyEase: 'cubic-bezier(0.33,0.00,0.67,1.00)',\n linear: 'linear',\n};\n\nconst animations = {\n fastOutSlowInMax: animationLines.decelerateMax,\n fastOutSlowInMid: animationLines.decelerateMid,\n fastOutSlowInMin: animationLines.decelerateMin,\n slowOutFastInMax: animationLines.accelerateMax,\n slowOutFastInMid: animationLines.accelerateMid,\n slowOutFastInMin: animationLines.accelerateMin,\n fastEase: animationLines.maxEasyEase,\n normalEase: animationLines.easyEase,\n nullEasing: animationLines.linear,\n};\n\nconst useStyles = makeStyles({\n root: theme => ({\n display: 'inline-block',\n flexShrink: 0,\n position: 'relative',\n verticalAlign: 'middle',\n borderRadius: theme.global.borderRadius.circular,\n fontFamily: theme.global.type.fontFamilies.base,\n fontWeight: theme.global.type.fontWeights.semibold,\n boxShadow: `0 0 0 ${theme.global.strokeWidth.thin} ${theme.alias.color.neutral.transparentStroke} inset`,\n }),\n\n textCaption2: theme => ({\n fontSize: theme.global.type.fontSizes.base[100],\n fontWeight: theme.global.type.fontWeights.regular,\n }),\n textCaption1Strong: theme => ({ fontSize: theme.global.type.fontSizes.base[200] }),\n textBody1Strong: theme => ({ fontSize: theme.global.type.fontSizes.base[300] }),\n textSubtitle2: theme => ({ fontSize: theme.global.type.fontSizes.base[400] }),\n textSubtitle1: theme => ({ fontSize: theme.global.type.fontSizes.base[500] }),\n textTitle: theme => ({ fontSize: theme.global.type.fontSizes.base[600] }),\n\n squareSmall: theme => ({ borderRadius: theme.global.borderRadius.small }),\n squareMedium: theme => ({ borderRadius: theme.global.borderRadius.medium }),\n squareLarge: theme => ({ borderRadius: theme.global.borderRadius.large }),\n squareXLarge: theme => ({ borderRadius: theme.global.borderRadius.xLarge }),\n\n activeOrInactive: {\n transform: 'perspective(1px)', // Work-around for text pixel snapping at the end of the animation\n transition:\n `transform ${animationTiming.ultraSlow} ${animations.fastEase}, ` +\n `opacity ${animationTiming.faster} ${animations.nullEasing}`,\n\n ':before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n\n borderRadius: 'inherit',\n transition:\n `margin ${animationTiming.ultraSlow} ${animations.fastEase}, ` +\n `opacity ${animationTiming.slower} ${animations.nullEasing}`,\n },\n },\n\n ring: theme => ({\n ':before': {\n borderColor: theme.alias.color.neutral.brandBackgroundStatic,\n borderStyle: 'solid',\n },\n }),\n ringThick: theme => ({\n ':before': {\n margin: `calc(-2 * ${theme.global.strokeWidth.thick})`,\n borderWidth: theme.global.strokeWidth.thick,\n },\n }),\n ringThicker: theme => ({\n ':before': {\n margin: `calc(-2 * ${theme.global.strokeWidth.thicker})`,\n borderWidth: theme.global.strokeWidth.thicker,\n },\n }),\n ringThickest: theme => ({\n ':before': {\n margin: `calc(-2 * ${theme.global.strokeWidth.thickest})`,\n borderWidth: theme.global.strokeWidth.thickest,\n },\n }),\n\n shadow4: theme => ({ ':before': { boxShadow: theme.alias.shadow.shadow4 } }),\n shadow8: theme => ({ ':before': { boxShadow: theme.alias.shadow.shadow8 } }),\n shadow16: theme => ({ ':before': { boxShadow: theme.alias.shadow.shadow16 } }),\n shadow28: theme => ({ ':before': { boxShadow: theme.alias.shadow.shadow28 } }),\n\n // TODO: use proper tokens instead of \"rgba(0,120,212,0.3)\"\n glow4: theme => ({ ':before': { boxShadow: `${theme.alias.shadow.shadow4}, 0 0 4px 2px rgba(0,120,212,0.3)` } }),\n glow8: theme => ({ ':before': { boxShadow: `${theme.alias.shadow.shadow8}, 0 0 8px 2px rgba(0,120,212,0.3)` } }),\n glow16: theme => ({ ':before': { boxShadow: `${theme.alias.shadow.shadow16}, 0 0 8px 2px rgba(0,120,212,0.3)` } }),\n glow28: theme => ({ ':before': { boxShadow: `${theme.alias.shadow.shadow28}, 0 0 28px 4px rgba(0,120,212,0.3)` } }),\n\n inactive: {\n opacity: '0.8',\n transform: 'scale(0.875)',\n transition:\n `transform ${animationTiming.ultraSlow} ${animations.fastOutSlowInMin}, ` +\n `opacity ${animationTiming.faster} ${animations.nullEasing}`,\n\n ':before': {\n margin: 0,\n opacity: 0,\n transition:\n `margin ${animationTiming.ultraSlow} ${animations.fastOutSlowInMin}, ` +\n `opacity ${animationTiming.slower} ${animations.nullEasing}`,\n },\n },\n\n badge: theme => ({\n position: 'absolute',\n bottom: 0,\n right: 0,\n boxShadow: `0 0 0 ${theme.global.strokeWidth.thin} ${theme.alias.color.neutral.neutralBackground1}`,\n }),\n badgeLarge: theme => ({\n boxShadow: `0 0 0 ${theme.global.strokeWidth.thick} ${theme.alias.color.neutral.neutralBackground1}`,\n }),\n\n image: {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n\n borderRadius: 'inherit',\n objectFit: 'cover',\n verticalAlign: 'top',\n },\n\n iconLabel: {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n lineHeight: 1,\n\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'center',\n textAlign: 'center',\n borderRadius: 'inherit',\n },\n});\n\nconst useSizeStyles = makeStyles({\n 20: { width: '20px', height: '20px' },\n 24: { width: '24px', height: '24px' },\n 28: { width: '28px', height: '28px' },\n 32: { width: '32px', height: '32px' },\n 36: { width: '36px', height: '36px' },\n 40: { width: '40px', height: '40px' },\n 48: { width: '48px', height: '48px' },\n 56: { width: '56px', height: '56px' },\n 64: { width: '64px', height: '64px' },\n 72: { width: '72px', height: '72px' },\n 96: { width: '96px', height: '96px' },\n 120: { width: '120px', height: '120px' },\n 128: { width: '128px', height: '128px' },\n});\n\nconst useColorStyles = makeStyles({\n neutral: theme => ({\n color: theme.alias.color.neutral.neutralForeground3,\n background: theme.alias.color.neutral.neutralBackground6,\n }),\n brand: theme => ({\n color: theme.alias.color.neutral.neutralForegroundInverted,\n background: theme.alias.color.neutral.brandBackgroundStatic,\n }),\n darkRed: theme => ({\n color: theme.alias.color.darkRed.foreground2,\n background: theme.alias.color.darkRed.background2,\n }),\n cranberry: theme => ({\n color: theme.alias.color.cranberry.foreground2,\n background: theme.alias.color.cranberry.background2,\n }),\n red: theme => ({\n color: theme.alias.color.red.foreground2,\n background: theme.alias.color.red.background2,\n }),\n pumpkin: theme => ({\n color: theme.alias.color.pumpkin.foreground2,\n background: theme.alias.color.pumpkin.background2,\n }),\n peach: theme => ({\n color: theme.alias.color.peach.foreground2,\n background: theme.alias.color.peach.background2,\n }),\n marigold: theme => ({\n color: theme.alias.color.marigold.foreground2,\n background: theme.alias.color.marigold.background2,\n }),\n gold: theme => ({\n color: theme.alias.color.gold.foreground2,\n background: theme.alias.color.gold.background2,\n }),\n brass: theme => ({\n color: theme.alias.color.brass.foreground2,\n background: theme.alias.color.brass.background2,\n }),\n brown: theme => ({\n color: theme.alias.color.brown.foreground2,\n background: theme.alias.color.brown.background2,\n }),\n forest: theme => ({\n color: theme.alias.color.forest.foreground2,\n background: theme.alias.color.forest.background2,\n }),\n seafoam: theme => ({\n color: theme.alias.color.seafoam.foreground2,\n background: theme.alias.color.seafoam.background2,\n }),\n darkGreen: theme => ({\n color: theme.alias.color.darkGreen.foreground2,\n background: theme.alias.color.darkGreen.background2,\n }),\n lightTeal: theme => ({\n color: theme.alias.color.lightTeal.foreground2,\n background: theme.alias.color.lightTeal.background2,\n }),\n teal: theme => ({\n color: theme.alias.color.teal.foreground2,\n background: theme.alias.color.teal.background2,\n }),\n steel: theme => ({\n color: theme.alias.color.steel.foreground2,\n background: theme.alias.color.steel.background2,\n }),\n blue: theme => ({\n color: theme.alias.color.blue.foreground2,\n background: theme.alias.color.blue.background2,\n }),\n royalBlue: theme => ({\n color: theme.alias.color.royalBlue.foreground2,\n background: theme.alias.color.royalBlue.background2,\n }),\n cornflower: theme => ({\n color: theme.alias.color.cornflower.foreground2,\n background: theme.alias.color.cornflower.background2,\n }),\n navy: theme => ({\n color: theme.alias.color.navy.foreground2,\n background: theme.alias.color.navy.background2,\n }),\n lavender: theme => ({\n color: theme.alias.color.lavender.foreground2,\n background: theme.alias.color.lavender.background2,\n }),\n purple: theme => ({\n color: theme.alias.color.purple.foreground2,\n background: theme.alias.color.purple.background2,\n }),\n grape: theme => ({\n color: theme.alias.color.grape.foreground2,\n background: theme.alias.color.grape.background2,\n }),\n lilac: theme => ({\n color: theme.alias.color.lilac.foreground2,\n background: theme.alias.color.lilac.background2,\n }),\n pink: theme => ({\n color: theme.alias.color.pink.foreground2,\n background: theme.alias.color.pink.background2,\n }),\n magenta: theme => ({\n color: theme.alias.color.magenta.foreground2,\n background: theme.alias.color.magenta.background2,\n }),\n plum: theme => ({\n color: theme.alias.color.plum.foreground2,\n background: theme.alias.color.plum.background2,\n }),\n beige: theme => ({\n color: theme.alias.color.beige.foreground2,\n background: theme.alias.color.beige.background2,\n }),\n mink: theme => ({\n color: theme.alias.color.mink.foreground2,\n background: theme.alias.color.mink.background2,\n }),\n platinum: theme => ({\n color: theme.alias.color.platinum.foreground2,\n background: theme.alias.color.platinum.background2,\n }),\n anchor: theme => ({\n color: theme.alias.color.anchor.foreground2,\n background: theme.alias.color.anchor.background2,\n }),\n});\n\nexport const useAvatarStyles = (state: AvatarState): AvatarState => {\n const { size, square, active, activeDisplay } = state;\n // 'colorful' should have been replaced with a color name by useAvatar, but if not default to darkRed\n const color = state.color === 'colorful' ? 'darkRed' : state.color;\n\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n\n const rootClasses = [styles.root, sizeStyles[size], colorStyles[color]];\n\n if (size <= 24) {\n rootClasses.push(styles.textCaption2);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n rootClasses.push(styles.textBody1Strong);\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle);\n }\n\n if (square) {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n\n if (active === 'active' || active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n\n if (activeDisplay.includes('ring')) {\n rootClasses.push(styles.ring);\n\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n\n if (activeDisplay.includes('shadow')) {\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n\n if (activeDisplay.includes('glow')) {\n if (size <= 28) {\n rootClasses.push(styles.glow4);\n } else if (size <= 48) {\n rootClasses.push(styles.glow8);\n } else if (size <= 64) {\n rootClasses.push(styles.glow16);\n } else {\n rootClasses.push(styles.glow28);\n }\n }\n\n // Note: The inactive style overrides some of the activeDisplay styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n\n state.className = mergeClasses(...rootClasses, state.className);\n\n if (state.badge) {\n state.badge.className = mergeClasses(styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);\n }\n\n if (state.image) {\n state.image.className = mergeClasses(styles.image, state.image.className);\n }\n\n if (state.label) {\n state.label.className = mergeClasses(styles.iconLabel, state.label.className);\n }\n\n if (state.icon) {\n state.icon.className = mergeClasses(styles.iconLabel, state.icon.className);\n }\n\n return state;\n};\n"]}
@@ -1 +0,0 @@
1
- export * from './Avatar';
package/lib-amd/index.js DELETED
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./Avatar"], function (require, exports, tslib_1, Avatar_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Avatar_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './Avatar';\n"]}
@@ -1,9 +0,0 @@
1
- /**
2
- * Regular expressions matching characters to ignore when calculating the initials.
3
- */
4
- /**
5
- * Get (up to 2 characters) initials based on display name of the persona.
6
- *
7
- * @public
8
- */
9
- export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, allowPhoneInitials?: boolean): string;
@@ -1,79 +0,0 @@
1
- /**
2
- * Regular expressions matching characters to ignore when calculating the initials.
3
- */
4
- define(["require", "exports"], function (require, exports) {
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.getInitials = void 0;
8
- /**
9
- * Regular expression matching characters within various types of enclosures, including the enclosures themselves
10
- * so for example, (xyz) [xyz] {xyz} all would be ignored
11
- */
12
- var UNWANTED_ENCLOSURES_REGEX = /[\(\[\{][^\)\]\}]*[\)\]\}]/g;
13
- /**
14
- * Regular expression matching special ASCII characters except space, plus some unicode special characters.
15
- * Applies after unwanted enclosures have been removed
16
- */
17
- var UNWANTED_CHARS_REGEX = /[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g;
18
- /**
19
- * Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed
20
- * and number has been trimmed for whitespaces
21
- */
22
- var PHONENUMBER_REGEX = /^\d+[\d\s]*(:?ext|x|)\s*\d+$/i;
23
- /** Regular expression matching one or more spaces. */
24
- var MULTIPLE_WHITESPACES_REGEX = /\s+/g;
25
- /**
26
- * Regular expression matching languages for which we currently don't support initials.
27
- * Arabic: Arabic, Arabic Supplement, Arabic Extended-A.
28
- * Korean: Hangul Jamo, Hangul Compatibility Jamo, Hangul Jamo Extended-A, Hangul Syllables, Hangul Jamo Extended-B.
29
- * Japanese: Hiragana, Katakana.
30
- * CJK: CJK Unified Ideographs Extension A, CJK Unified Ideographs, CJK Compatibility Ideographs,
31
- * CJK Unified Ideographs Extension B
32
- */
33
- // eslint-disable-next-line @fluentui/max-len
34
- var UNSUPPORTED_TEXT_REGEX = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/;
35
- function getInitialsLatin(displayName, isRtl) {
36
- var initials = '';
37
- var splits = displayName.split(' ');
38
- if (splits.length === 2) {
39
- initials += splits[0].charAt(0).toUpperCase();
40
- initials += splits[1].charAt(0).toUpperCase();
41
- }
42
- else if (splits.length === 3) {
43
- initials += splits[0].charAt(0).toUpperCase();
44
- initials += splits[2].charAt(0).toUpperCase();
45
- }
46
- else if (splits.length !== 0) {
47
- initials += splits[0].charAt(0).toUpperCase();
48
- }
49
- if (isRtl && initials.length > 1) {
50
- return initials.charAt(1) + initials.charAt(0);
51
- }
52
- return initials;
53
- }
54
- function cleanupDisplayName(displayName) {
55
- displayName = displayName.replace(UNWANTED_ENCLOSURES_REGEX, '');
56
- displayName = displayName.replace(UNWANTED_CHARS_REGEX, '');
57
- displayName = displayName.replace(MULTIPLE_WHITESPACES_REGEX, ' ');
58
- displayName = displayName.trim();
59
- return displayName;
60
- }
61
- /**
62
- * Get (up to 2 characters) initials based on display name of the persona.
63
- *
64
- * @public
65
- */
66
- function getInitials(displayName, isRtl, allowPhoneInitials) {
67
- if (!displayName) {
68
- return '';
69
- }
70
- displayName = cleanupDisplayName(displayName);
71
- // For names containing CJK characters, and phone numbers, we don't display initials
72
- if (UNSUPPORTED_TEXT_REGEX.test(displayName) || (!allowPhoneInitials && PHONENUMBER_REGEX.test(displayName))) {
73
- return '';
74
- }
75
- return getInitialsLatin(displayName, isRtl);
76
- }
77
- exports.getInitials = getInitials;
78
- });
79
- //# sourceMappingURL=getInitials.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getInitials.js","sourceRoot":"../src/","sources":["utils/getInitials.ts"],"names":[],"mappings":"AAAA;;GAEG;;;;;IAEH;;;OAGG;IACH,IAAM,yBAAyB,GAAW,6BAA6B,CAAC;IAExE;;;OAGG;IACH,IAAM,oBAAoB,GAAW,4DAA4D,CAAC;IAElG;;;OAGG;IACH,IAAM,iBAAiB,GAAW,+BAA+B,CAAC;IAElE,sDAAsD;IACtD,IAAM,0BAA0B,GAAW,MAAM,CAAC;IAElD;;;;;;;OAOG;IACH,6CAA6C;IAC7C,IAAM,sBAAsB,GAAW,4MAA4M,CAAC;IAEpP,SAAS,gBAAgB,CAAC,WAAmB,EAAE,KAAc;QAC3D,IAAI,QAAQ,GAAG,EAAE,CAAC;QAElB,IAAM,MAAM,GAAa,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEhD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YACvB,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;YAC9C,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SAC/C;aAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9B,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;YAC9C,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SAC/C;aAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9B,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SAC/C;QAED,IAAI,KAAK,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YAChC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SAChD;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,SAAS,kBAAkB,CAAC,WAAmB;QAC7C,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAC;QACjE,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;QAC5D,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,0BAA0B,EAAE,GAAG,CAAC,CAAC;QACnE,WAAW,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC;QAEjC,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;;OAIG;IACH,SAAgB,WAAW,CACzB,WAAsC,EACtC,KAAc,EACd,kBAA4B;QAE5B,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,EAAE,CAAC;SACX;QAED,WAAW,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;QAE9C,oFAAoF;QACpF,IAAI,sBAAsB,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE;YAC5G,OAAO,EAAE,CAAC;SACX;QAED,OAAO,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC9C,CAAC;IAjBD,kCAiBC","sourcesContent":["/**\n * Regular expressions matching characters to ignore when calculating the initials.\n */\n\n/**\n * Regular expression matching characters within various types of enclosures, including the enclosures themselves\n * so for example, (xyz) [xyz] {xyz} all would be ignored\n */\nconst UNWANTED_ENCLOSURES_REGEX: RegExp = /[\\(\\[\\{][^\\)\\]\\}]*[\\)\\]\\}]/g;\n\n/**\n * Regular expression matching special ASCII characters except space, plus some unicode special characters.\n * Applies after unwanted enclosures have been removed\n */\nconst UNWANTED_CHARS_REGEX: RegExp = /[\\0-\\u001F\\!-/:-@\\[-`\\{-\\u00BF\\u0250-\\u036F\\uD800-\\uFFFF]/g;\n\n/**\n * Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed\n * and number has been trimmed for whitespaces\n */\nconst PHONENUMBER_REGEX: RegExp = /^\\d+[\\d\\s]*(:?ext|x|)\\s*\\d+$/i;\n\n/** Regular expression matching one or more spaces. */\nconst MULTIPLE_WHITESPACES_REGEX: RegExp = /\\s+/g;\n\n/**\n * Regular expression matching languages for which we currently don't support initials.\n * Arabic: Arabic, Arabic Supplement, Arabic Extended-A.\n * Korean: Hangul Jamo, Hangul Compatibility Jamo, Hangul Jamo Extended-A, Hangul Syllables, Hangul Jamo Extended-B.\n * Japanese: Hiragana, Katakana.\n * CJK: CJK Unified Ideographs Extension A, CJK Unified Ideographs, CJK Compatibility Ideographs,\n * CJK Unified Ideographs Extension B\n */\n// eslint-disable-next-line @fluentui/max-len\nconst UNSUPPORTED_TEXT_REGEX: RegExp = /[\\u0600-\\u06FF\\u0750-\\u077F\\u08A0-\\u08FF\\u1100-\\u11FF\\u3130-\\u318F\\uA960-\\uA97F\\uAC00-\\uD7AF\\uD7B0-\\uD7FF\\u3040-\\u309F\\u30A0-\\u30FF\\u3400-\\u4DBF\\u4E00-\\u9FFF\\uF900-\\uFAFF]|[\\uD840-\\uD869][\\uDC00-\\uDED6]/;\n\nfunction getInitialsLatin(displayName: string, isRtl: boolean): string {\n let initials = '';\n\n const splits: string[] = displayName.split(' ');\n\n if (splits.length === 2) {\n initials += splits[0].charAt(0).toUpperCase();\n initials += splits[1].charAt(0).toUpperCase();\n } else if (splits.length === 3) {\n initials += splits[0].charAt(0).toUpperCase();\n initials += splits[2].charAt(0).toUpperCase();\n } else if (splits.length !== 0) {\n initials += splits[0].charAt(0).toUpperCase();\n }\n\n if (isRtl && initials.length > 1) {\n return initials.charAt(1) + initials.charAt(0);\n }\n\n return initials;\n}\n\nfunction cleanupDisplayName(displayName: string): string {\n displayName = displayName.replace(UNWANTED_ENCLOSURES_REGEX, '');\n displayName = displayName.replace(UNWANTED_CHARS_REGEX, '');\n displayName = displayName.replace(MULTIPLE_WHITESPACES_REGEX, ' ');\n displayName = displayName.trim();\n\n return displayName;\n}\n\n/**\n * Get (up to 2 characters) initials based on display name of the persona.\n *\n * @public\n */\nexport function getInitials(\n displayName: string | undefined | null,\n isRtl: boolean,\n allowPhoneInitials?: boolean,\n): string {\n if (!displayName) {\n return '';\n }\n\n displayName = cleanupDisplayName(displayName);\n\n // For names containing CJK characters, and phone numbers, we don't display initials\n if (UNSUPPORTED_TEXT_REGEX.test(displayName) || (!allowPhoneInitials && PHONENUMBER_REGEX.test(displayName))) {\n return '';\n }\n\n return getInitialsLatin(displayName, isRtl);\n}\n"]}
@@ -1 +0,0 @@
1
- export { getInitials } from './getInitials';
@@ -1,7 +0,0 @@
1
- define(["require", "exports", "./getInitials"], function (require, exports, getInitials_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.getInitials = void 0;
5
- Object.defineProperty(exports, "getInitials", { enumerable: true, get: function () { return getInitials_1.getInitials; } });
6
- });
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":";;;;IAAS,0GAAA,WAAW,OAAA","sourcesContent":["export { getInitials } from './getInitials';\n"]}