@flywheel-io/vision 2.10.2 → 19.0.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.
Files changed (270) hide show
  1. package/README.md +5 -5
  2. package/components/alert/alert.component.d.ts +1 -1
  3. package/components/alert/alert.module.d.ts +8 -5
  4. package/components/app-icon/app-icon.component.d.ts +1 -1
  5. package/components/app-icon/app-icon.module.d.ts +7 -4
  6. package/components/avatar/avatar.component.d.ts +1 -1
  7. package/components/avatar/avatar.module.d.ts +7 -4
  8. package/components/badge/badge.component.d.ts +1 -1
  9. package/components/badge/badge.module.d.ts +6 -3
  10. package/components/breadcrumbs/breadcrumbs.component.d.ts +1 -1
  11. package/components/breadcrumbs/breadcrumbs.module.d.ts +8 -5
  12. package/components/breadcrumbs/crumb.component.d.ts +1 -1
  13. package/components/button/button.component.d.ts +1 -1
  14. package/components/button/button.directives.d.ts +5 -5
  15. package/components/button/button.module.d.ts +9 -6
  16. package/components/button-group/button-group.component.d.ts +1 -1
  17. package/components/button-group/button-group.module.d.ts +8 -5
  18. package/components/button-toggle/button-toggle-item/button-toggle-item.component.d.ts +1 -1
  19. package/components/button-toggle/button-toggle.component.d.ts +1 -1
  20. package/components/button-toggle/button-toggle.module.d.ts +8 -5
  21. package/components/card/card-attribute/card-attribute.component.d.ts +1 -1
  22. package/components/card/card-author/card-author.component.d.ts +1 -1
  23. package/components/card/card-content/card-content.component.d.ts +1 -1
  24. package/components/card/card-footer/card-footer.component.d.ts +1 -1
  25. package/components/card/card-header/card-header.component.d.ts +1 -1
  26. package/components/card/card.component.d.ts +1 -1
  27. package/components/card/card.module.d.ts +13 -10
  28. package/components/checkbox/checkbox.component.d.ts +1 -1
  29. package/components/checkbox/checkbox.module.d.ts +7 -4
  30. package/components/chip/chip.component.d.ts +1 -1
  31. package/components/chip/chip.module.d.ts +8 -5
  32. package/components/contained-input/contained-input.component.d.ts +1 -1
  33. package/components/contained-input/contained-input.module.d.ts +10 -7
  34. package/components/date-input/date-input.component.d.ts +1 -1
  35. package/components/date-input/date-input.module.d.ts +8 -5
  36. package/components/dialog/dialog-actions.component.d.ts +1 -1
  37. package/components/dialog/dialog-confirm.component.d.ts +1 -1
  38. package/components/dialog/dialog-content.component.d.ts +1 -1
  39. package/components/dialog/dialog-header.component.d.ts +1 -1
  40. package/components/dialog/dialog-simple.component.d.ts +1 -1
  41. package/components/dialog/dialog.component.d.ts +1 -1
  42. package/components/dialog/dialogs.module.d.ts +16 -13
  43. package/components/form-heading/form-heading.component.d.ts +1 -1
  44. package/components/form-heading/form-heading.module.d.ts +9 -6
  45. package/components/icon/icon.component.d.ts +1 -1
  46. package/components/icon/icon.module.d.ts +6 -3
  47. package/components/icon-button/icon-button.component.d.ts +1 -1
  48. package/components/icon-button/icon-button.module.d.ts +7 -4
  49. package/components/layouts/context/context.component.d.ts +1 -1
  50. package/components/layouts/grid/grid.component.d.ts +2 -2
  51. package/components/layouts/layout-group.component.d.ts +1 -1
  52. package/components/layouts/layouts.module.d.ts +12 -9
  53. package/components/layouts/panel/panel.component.d.ts +1 -1
  54. package/components/layouts/sidebar/sidebar.component.d.ts +1 -1
  55. package/components/layouts/toolbar/toolbar.component.d.ts +1 -1
  56. package/components/menu/menu-close-triggers.directive.d.ts +1 -1
  57. package/components/menu/menu-container/menu-container.component.d.ts +1 -1
  58. package/components/menu/menu-header/menu-header.component.d.ts +1 -1
  59. package/components/menu/menu-item/menu-item.component.d.ts +1 -1
  60. package/components/menu/menu-item-group/menu-item-group.component.d.ts +1 -1
  61. package/components/menu/menu-separator/menu-separator.component.d.ts +1 -1
  62. package/components/menu/menu-sub-item/menu-sub-item.component.d.ts +1 -1
  63. package/components/menu/menu.component.d.ts +1 -1
  64. package/components/menu/menu.module.d.ts +22 -19
  65. package/components/navbar/navbar-header/navbar-header.component.d.ts +1 -1
  66. package/components/navbar/navbar-item/navbar-item.component.d.ts +1 -1
  67. package/components/navbar/navbar-sub-item/navbar-sub-item.component.d.ts +1 -1
  68. package/components/navbar/navbar.component.d.ts +1 -1
  69. package/components/navbar/navbar.module.d.ts +16 -13
  70. package/components/number-input/number-input.component.d.ts +1 -1
  71. package/components/number-input/number-input.module.d.ts +8 -5
  72. package/components/paginator/paginator-advanced/paginator-advanced.component.d.ts +1 -1
  73. package/components/paginator/paginator.component.d.ts +1 -1
  74. package/components/paginator/paginator.module.d.ts +12 -9
  75. package/components/phone-input/phone-input.component.d.ts +1 -1
  76. package/components/phone-input/phone-input.module.d.ts +11 -8
  77. package/components/popover/popover-panel/popover-panel.component.d.ts +1 -1
  78. package/components/popover/popover.component.d.ts +2 -2
  79. package/components/popover/popover.module.d.ts +9 -6
  80. package/components/progress/bar/bar.component.d.ts +1 -1
  81. package/components/progress/progress.module.d.ts +7 -4
  82. package/components/progress/spinner/spinner.component.d.ts +1 -1
  83. package/components/radio/radio-group.component.d.ts +1 -1
  84. package/components/radio/radio.component.d.ts +1 -1
  85. package/components/radio/radio.module.d.ts +8 -5
  86. package/components/section-heading/back-button/back-button.component.d.ts +1 -1
  87. package/components/section-heading/section-heading.component.d.ts +1 -1
  88. package/components/section-heading/section-heading.module.d.ts +10 -7
  89. package/components/section-heading/subsection-heading/subsection-heading.component.d.ts +1 -1
  90. package/components/select-menu/multi-select-menu/multi-select-menu.component.d.ts +1 -1
  91. package/components/select-menu/select-menu.component.d.ts +1 -1
  92. package/components/select-menu/select-menu.module.d.ts +15 -12
  93. package/components/shared/pipes/pipes.module.d.ts +4 -1
  94. package/components/shared/pipes/translate.pipe.d.ts +1 -1
  95. package/components/shared/pipes/trusthtml.pipe.d.ts +1 -1
  96. package/components/snackbar/snackbar/snackbar.component.d.ts +2 -2
  97. package/components/snackbar/snackbar-container/snackbar-container.component.d.ts +1 -1
  98. package/components/snackbar/snackbar.module.d.ts +10 -7
  99. package/components/stepper/step.component.d.ts +2 -2
  100. package/components/stepper/stepper.component.d.ts +1 -1
  101. package/components/stepper/stepper.module.d.ts +9 -6
  102. package/components/switch/switch.component.d.ts +1 -1
  103. package/components/switch/switch.module.d.ts +6 -3
  104. package/components/table/row.d.ts +7 -7
  105. package/components/table/table-dense.component.d.ts +1 -1
  106. package/components/table/table.component.d.ts +1 -1
  107. package/components/table/table.module.d.ts +10 -7
  108. package/components/tabs/tab/tab.component.d.ts +1 -1
  109. package/components/tabs/tab-panel/tab-panel.component.d.ts +1 -1
  110. package/components/tabs/tabs.component.d.ts +1 -1
  111. package/components/tabs/tabs.module.d.ts +9 -6
  112. package/components/tag/tag.component.d.ts +1 -1
  113. package/components/tag/tag.module.d.ts +7 -4
  114. package/components/text-input/text-input.component.d.ts +1 -1
  115. package/components/text-input/text-input.module.d.ts +9 -6
  116. package/components/textarea-input/textarea-input.component.d.ts +1 -1
  117. package/components/textarea-input/textarea-input.module.d.ts +9 -6
  118. package/components/tooltip/tooltip-panel/tooltip-panel.component.d.ts +1 -1
  119. package/components/tooltip/tooltip.component.d.ts +1 -1
  120. package/components/tooltip/tooltip.module.d.ts +11 -8
  121. package/components/wrapped-input/wrapped-input.component.d.ts +1 -1
  122. package/components/wrapped-input/wrapped-input.module.d.ts +7 -4
  123. package/fesm2022/flywheel-io-vision.mjs +1087 -836
  124. package/fesm2022/flywheel-io-vision.mjs.map +1 -1
  125. package/package.json +14 -7
  126. package/scss/icons/_icon-font-face.scss +5 -5
  127. package/scss/icons/_icon-glyphs.scss +2 -2
  128. package/scss/icons/_icon-variables.scss +350 -349
  129. package/styles.css +0 -1
  130. package/esm2022/color.utils.mjs +0 -27
  131. package/esm2022/components/alert/alert.component.mjs +0 -34
  132. package/esm2022/components/alert/alert.module.mjs +0 -32
  133. package/esm2022/components/app-icon/app-icon.component.mjs +0 -63
  134. package/esm2022/components/app-icon/app-icon.module.mjs +0 -28
  135. package/esm2022/components/avatar/avatar.component.mjs +0 -82
  136. package/esm2022/components/avatar/avatar.module.mjs +0 -28
  137. package/esm2022/components/avatar-list/avatar-list.component.mjs +0 -87
  138. package/esm2022/components/badge/badge.component.mjs +0 -45
  139. package/esm2022/components/badge/badge.module.mjs +0 -24
  140. package/esm2022/components/breadcrumbs/breadcrumbs.component.mjs +0 -22
  141. package/esm2022/components/breadcrumbs/breadcrumbs.module.mjs +0 -33
  142. package/esm2022/components/breadcrumbs/crumb.component.mjs +0 -34
  143. package/esm2022/components/button/button.component.mjs +0 -59
  144. package/esm2022/components/button/button.directives.mjs +0 -129
  145. package/esm2022/components/button/button.module.mjs +0 -53
  146. package/esm2022/components/button-group/button-group.component.mjs +0 -131
  147. package/esm2022/components/button-group/button-group.module.mjs +0 -32
  148. package/esm2022/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs +0 -56
  149. package/esm2022/components/button-toggle/button-toggle.component.mjs +0 -137
  150. package/esm2022/components/button-toggle/button-toggle.module.mjs +0 -33
  151. package/esm2022/components/card/card-attribute/card-attribute.component.mjs +0 -17
  152. package/esm2022/components/card/card-author/card-author.component.mjs +0 -15
  153. package/esm2022/components/card/card-content/card-content.component.mjs +0 -11
  154. package/esm2022/components/card/card-footer/card-footer.component.mjs +0 -29
  155. package/esm2022/components/card/card-header/card-header.component.mjs +0 -24
  156. package/esm2022/components/card/card.component.mjs +0 -27
  157. package/esm2022/components/card/card.module.mjs +0 -57
  158. package/esm2022/components/checkbox/checkbox.component.mjs +0 -79
  159. package/esm2022/components/checkbox/checkbox.module.mjs +0 -31
  160. package/esm2022/components/chip/chip.component.mjs +0 -55
  161. package/esm2022/components/chip/chip.module.mjs +0 -32
  162. package/esm2022/components/chip-list/chip-list.component.mjs +0 -96
  163. package/esm2022/components/contained-input/contained-input.component.mjs +0 -86
  164. package/esm2022/components/contained-input/contained-input.module.mjs +0 -40
  165. package/esm2022/components/date-input/date-input.component.mjs +0 -139
  166. package/esm2022/components/date-input/date-input.module.mjs +0 -32
  167. package/esm2022/components/dialog/dialog-actions.component.mjs +0 -32
  168. package/esm2022/components/dialog/dialog-confirm.component.mjs +0 -120
  169. package/esm2022/components/dialog/dialog-content.component.mjs +0 -38
  170. package/esm2022/components/dialog/dialog-header.component.mjs +0 -35
  171. package/esm2022/components/dialog/dialog-simple.component.mjs +0 -105
  172. package/esm2022/components/dialog/dialog.component.mjs +0 -93
  173. package/esm2022/components/dialog/dialog.service.mjs +0 -103
  174. package/esm2022/components/dialog/dialogs.module.mjs +0 -75
  175. package/esm2022/components/form-heading/form-heading.component.mjs +0 -30
  176. package/esm2022/components/form-heading/form-heading.module.mjs +0 -36
  177. package/esm2022/components/forms/validators.mjs +0 -81
  178. package/esm2022/components/icon/icon.component.mjs +0 -69
  179. package/esm2022/components/icon/icon.module.mjs +0 -24
  180. package/esm2022/components/icon/icon.types.mjs +0 -352
  181. package/esm2022/components/icon-button/icon-button.component.mjs +0 -40
  182. package/esm2022/components/icon-button/icon-button.module.mjs +0 -28
  183. package/esm2022/components/layouts/context/context.component.mjs +0 -46
  184. package/esm2022/components/layouts/grid/grid.component.mjs +0 -62
  185. package/esm2022/components/layouts/layout-group.component.mjs +0 -36
  186. package/esm2022/components/layouts/layouts.module.mjs +0 -57
  187. package/esm2022/components/layouts/panel/panel.component.mjs +0 -32
  188. package/esm2022/components/layouts/sidebar/sidebar.component.mjs +0 -26
  189. package/esm2022/components/layouts/toolbar/toolbar.component.mjs +0 -21
  190. package/esm2022/components/menu/menu-close-triggers.directive.mjs +0 -44
  191. package/esm2022/components/menu/menu-container/menu-container.component.mjs +0 -126
  192. package/esm2022/components/menu/menu-header/menu-header.component.mjs +0 -11
  193. package/esm2022/components/menu/menu-item/menu-item.component.mjs +0 -152
  194. package/esm2022/components/menu/menu-item-group/menu-item-group.component.mjs +0 -31
  195. package/esm2022/components/menu/menu-separator/menu-separator.component.mjs +0 -11
  196. package/esm2022/components/menu/menu-sub-item/menu-sub-item.component.mjs +0 -103
  197. package/esm2022/components/menu/menu.component.mjs +0 -132
  198. package/esm2022/components/menu/menu.module.mjs +0 -95
  199. package/esm2022/components/navbar/navbar-header/navbar-header.component.mjs +0 -11
  200. package/esm2022/components/navbar/navbar-item/navbar-item.component.mjs +0 -95
  201. package/esm2022/components/navbar/navbar-sub-item/navbar-sub-item.component.mjs +0 -76
  202. package/esm2022/components/navbar/navbar.component.mjs +0 -75
  203. package/esm2022/components/navbar/navbar.module.mjs +0 -67
  204. package/esm2022/components/number-input/number-input.component.mjs +0 -122
  205. package/esm2022/components/number-input/number-input.module.mjs +0 -32
  206. package/esm2022/components/paginator/paginator-advanced/paginator-advanced.component.mjs +0 -123
  207. package/esm2022/components/paginator/paginator.component.mjs +0 -133
  208. package/esm2022/components/paginator/paginator.model.mjs +0 -2
  209. package/esm2022/components/paginator/paginator.module.mjs +0 -49
  210. package/esm2022/components/phone-input/country-code.data.mjs +0 -495
  211. package/esm2022/components/phone-input/phone-input.component.mjs +0 -285
  212. package/esm2022/components/phone-input/phone-input.model.mjs +0 -2
  213. package/esm2022/components/phone-input/phone-input.module.mjs +0 -47
  214. package/esm2022/components/popover/popover-panel/popover-panel.component.mjs +0 -32
  215. package/esm2022/components/popover/popover.component.mjs +0 -164
  216. package/esm2022/components/popover/popover.module.mjs +0 -42
  217. package/esm2022/components/progress/bar/bar.component.mjs +0 -83
  218. package/esm2022/components/progress/progress.module.mjs +0 -29
  219. package/esm2022/components/progress/spinner/spinner.component.mjs +0 -101
  220. package/esm2022/components/radio/radio-group.component.mjs +0 -117
  221. package/esm2022/components/radio/radio.component.mjs +0 -48
  222. package/esm2022/components/radio/radio.module.mjs +0 -36
  223. package/esm2022/components/section-heading/back-button/back-button.component.mjs +0 -30
  224. package/esm2022/components/section-heading/section-heading.component.mjs +0 -31
  225. package/esm2022/components/section-heading/section-heading.module.mjs +0 -42
  226. package/esm2022/components/section-heading/subsection-heading/subsection-heading.component.mjs +0 -19
  227. package/esm2022/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +0 -374
  228. package/esm2022/components/select-menu/select-menu.component.mjs +0 -343
  229. package/esm2022/components/select-menu/select-menu.module.mjs +0 -60
  230. package/esm2022/components/shared/pipes/pipes.module.mjs +0 -36
  231. package/esm2022/components/shared/pipes/translate.pipe.mjs +0 -40
  232. package/esm2022/components/shared/pipes/trusthtml.pipe.mjs +0 -21
  233. package/esm2022/components/shared/services/menu-manager.service.mjs +0 -27
  234. package/esm2022/components/shared/translation.service.mjs +0 -26
  235. package/esm2022/components/snackbar/snackbar/snackbar.component.mjs +0 -95
  236. package/esm2022/components/snackbar/snackbar-container/snackbar-container.component.mjs +0 -63
  237. package/esm2022/components/snackbar/snackbar-message.model.mjs +0 -2
  238. package/esm2022/components/snackbar/snackbar-timer.service.mjs +0 -29
  239. package/esm2022/components/snackbar/snackbar.module.mjs +0 -41
  240. package/esm2022/components/snackbar/snackbar.service.mjs +0 -36
  241. package/esm2022/components/stepper/step.component.mjs +0 -113
  242. package/esm2022/components/stepper/stepper.component.mjs +0 -95
  243. package/esm2022/components/stepper/stepper.module.mjs +0 -41
  244. package/esm2022/components/switch/switch.component.mjs +0 -73
  245. package/esm2022/components/switch/switch.module.mjs +0 -24
  246. package/esm2022/components/table/cell.mjs +0 -151
  247. package/esm2022/components/table/row.mjs +0 -164
  248. package/esm2022/components/table/table-dense.component.mjs +0 -38
  249. package/esm2022/components/table/table.component.mjs +0 -38
  250. package/esm2022/components/table/table.module.mjs +0 -91
  251. package/esm2022/components/tabs/tab/tab.component.mjs +0 -79
  252. package/esm2022/components/tabs/tab-panel/tab-panel.component.mjs +0 -19
  253. package/esm2022/components/tabs/tabs.component.mjs +0 -68
  254. package/esm2022/components/tabs/tabs.module.mjs +0 -38
  255. package/esm2022/components/tag/tag.component.mjs +0 -25
  256. package/esm2022/components/tag/tag.module.mjs +0 -28
  257. package/esm2022/components/text-input/text-input.component.mjs +0 -129
  258. package/esm2022/components/text-input/text-input.module.mjs +0 -35
  259. package/esm2022/components/textarea-input/textarea-input.component.mjs +0 -95
  260. package/esm2022/components/textarea-input/textarea-input.module.mjs +0 -36
  261. package/esm2022/components/tooltip/tooltip-panel/tooltip-panel.component.mjs +0 -92
  262. package/esm2022/components/tooltip/tooltip.component.mjs +0 -59
  263. package/esm2022/components/tooltip/tooltip.directive.mjs +0 -177
  264. package/esm2022/components/tooltip/tooltip.module.mjs +0 -50
  265. package/esm2022/components/typeahead/typeahead.component.mjs +0 -264
  266. package/esm2022/components/wrapped-input/wrapped-input.component.mjs +0 -34
  267. package/esm2022/components/wrapped-input/wrapped-input.module.mjs +0 -28
  268. package/esm2022/directives/menu-register.directive.mjs +0 -38
  269. package/esm2022/flywheel-io-vision.mjs +0 -5
  270. package/esm2022/public-api.mjs +0 -132
package/styles.css CHANGED
@@ -286,7 +286,6 @@ Color Palettes for use with vision's theming system
286
286
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) inset;
287
287
  }
288
288
 
289
- /* stylelint-disable */
290
289
  /* stylelint-disable */
291
290
  /* stylelint-disable */
292
291
  h1 {
@@ -1,27 +0,0 @@
1
- const accesibilityPallete = [
2
- '#1B68FA',
3
- '#D73D3D',
4
- '#FF8C00',
5
- '#C47E09',
6
- '#B080FC',
7
- '#14AE5C',
8
- '#FF6347',
9
- '#F28B8B',
10
- '#FF69B4',
11
- '#748295',
12
- '#9CCEF9',
13
- '#66CDAA',
14
- '#00CED1',
15
- ];
16
- export const hashCode = (str) => {
17
- let hash = 0;
18
- for (let i = 0; i < str.length; i++) {
19
- hash = str.charCodeAt(i) + ((hash << 5) - hash);
20
- }
21
- return Math.abs(hash);
22
- };
23
- export const pickColorViaHash = (seed = '') => {
24
- const hash = hashCode(seed);
25
- return accesibilityPallete[hash % (accesibilityPallete.length - 1)];
26
- };
27
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IudXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29sb3IudXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsTUFBTSxtQkFBbUIsR0FBRztJQUMxQixTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0NBQ1YsQ0FBQTtBQUVELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFDLEdBQVcsRUFBVSxFQUFFO0lBQzlDLElBQUksSUFBSSxHQUFHLENBQUMsQ0FBQztJQUNiLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxHQUFHLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7UUFDcEMsSUFBSSxHQUFHLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBQ0QsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQ3hCLENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsSUFBSSxHQUFHLEVBQUUsRUFBVSxFQUFFO0lBQ3BELE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixPQUFPLG1CQUFtQixDQUFDLElBQUksR0FBRyxDQUFDLG1CQUFtQixDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFBO0FBQ3JFLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIlxuY29uc3QgYWNjZXNpYmlsaXR5UGFsbGV0ZSA9IFtcbiAgJyMxQjY4RkEnLFxuICAnI0Q3M0QzRCcsXG4gICcjRkY4QzAwJyxcbiAgJyNDNDdFMDknLFxuICAnI0IwODBGQycsXG4gICcjMTRBRTVDJyxcbiAgJyNGRjYzNDcnLFxuICAnI0YyOEI4QicsXG4gICcjRkY2OUI0JyxcbiAgJyM3NDgyOTUnLFxuICAnIzlDQ0VGOScsXG4gICcjNjZDREFBJyxcbiAgJyMwMENFRDEnLFxuXVxuXG5leHBvcnQgY29uc3QgaGFzaENvZGUgPSAoc3RyOiBzdHJpbmcpOiBudW1iZXIgPT4ge1xuICBsZXQgaGFzaCA9IDA7XG4gIGZvciAobGV0IGkgPSAwOyBpIDwgc3RyLmxlbmd0aDsgaSsrKSB7XG4gICAgaGFzaCA9IHN0ci5jaGFyQ29kZUF0KGkpICsgKChoYXNoIDw8IDUpIC0gaGFzaCk7XG4gIH1cbiAgcmV0dXJuIE1hdGguYWJzKGhhc2gpO1xufVxuXG5leHBvcnQgY29uc3QgcGlja0NvbG9yVmlhSGFzaCA9IChzZWVkID0gJycpOiBzdHJpbmcgPT4ge1xuICBjb25zdCBoYXNoID0gaGFzaENvZGUoc2VlZCk7XG4gIHJldHVybiBhY2Nlc2liaWxpdHlQYWxsZXRlW2hhc2ggJSAoYWNjZXNpYmlsaXR5UGFsbGV0ZS5sZW5ndGggLSAxKV1cbn1cbiJdfQ==
@@ -1,34 +0,0 @@
1
- import { Component, EventEmitter, Input, Output } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "../icon/icon.component";
5
- import * as i3 from "../icon-button/icon-button.component";
6
- export class FwAlertComponent {
7
- constructor() {
8
- this.severity = 'info';
9
- this.variant = 'standard';
10
- // eslint-disable-next-line @angular-eslint/no-output-native
11
- this.close = new EventEmitter();
12
- }
13
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwAlertComponent, selector: "fw-alert", inputs: { description: "description", icon: "icon", severity: "severity", title: "title", variant: "variant", showClose: "showClose" }, outputs: { close: "close" }, ngImport: i0, template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n <div class=\"fw-alert-text\">\n <h4 *ngIf=\"title\" class=\"vision-h4\">{{ title }}</h4>\n <p *ngIf=\"description\" class=\"vision-p2\">{{ description }}</p>\n <p class=\"vision-p2\">\n <ng-content></ng-content>\n </p>\n </div>\n <div class=\"close-icon\">\n <ng-content select=\"fw-button\"></ng-content>\n <fw-icon-button\n *ngIf=\"showClose\"\n icon=\"close\" size=\"small\"\n [color]=\"variant==='filled'?'overlay':severity\"\n (click)=\"close?close.emit():undefined\">\n </fw-icon-button>\n </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i3.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected", "border"] }] }); }
15
- }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertComponent, decorators: [{
17
- type: Component,
18
- args: [{ selector: 'fw-alert', template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n <div class=\"fw-alert-text\">\n <h4 *ngIf=\"title\" class=\"vision-h4\">{{ title }}</h4>\n <p *ngIf=\"description\" class=\"vision-p2\">{{ description }}</p>\n <p class=\"vision-p2\">\n <ng-content></ng-content>\n </p>\n </div>\n <div class=\"close-icon\">\n <ng-content select=\"fw-button\"></ng-content>\n <fw-icon-button\n *ngIf=\"showClose\"\n icon=\"close\" size=\"small\"\n [color]=\"variant==='filled'?'overlay':severity\"\n (click)=\"close?close.emit():undefined\">\n </fw-icon-button>\n </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"] }]
19
- }], propDecorators: { description: [{
20
- type: Input
21
- }], icon: [{
22
- type: Input
23
- }], severity: [{
24
- type: Input
25
- }], title: [{
26
- type: Input
27
- }], variant: [{
28
- type: Input
29
- }], showClose: [{
30
- type: Input
31
- }], close: [{
32
- type: Output
33
- }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkUsTUFBTSxPQUFPLGdCQUFnQjtJQUw3QjtRQVFXLGFBQVEsR0FBOEMsTUFBTSxDQUFDO1FBRTdELFlBQU8sR0FBd0MsVUFBVSxDQUFDO1FBRW5FLDREQUE0RDtRQUNsRCxVQUFLLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7S0FDaEU7K0dBVFksZ0JBQWdCO21HQUFoQixnQkFBZ0IscU5DVDdCLGtyQkFtQkE7OzRGRFZhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVOzhCQUtYLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEljb25UeXBlIH0gZnJvbSAnLi4vaWNvbi9pY29uLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0FsZXJ0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgc2V2ZXJpdHk/OiAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZXJyb3InID0gJ2luZm8nO1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgdmFyaWFudD86ICdzdGFuZGFyZCcgfCAnb3V0bGluZWQnIHwgJ2ZpbGxlZCcgPSAnc3RhbmRhcmQnO1xuICBASW5wdXQoKSBzaG93Q2xvc2U/OiBib29sZWFuO1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIGNsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG59XG4iLCI8ZGl2IFtuZ0NsYXNzXT1cIlsnZnctYWxlcnQnLCB2YXJpYW50LCBzZXZlcml0eV1cIj5cbiAgPGZ3LWljb24gKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJmdy1hbGVydC1pY29uXCI+e3sgaWNvbiB9fTwvZnctaWNvbj5cbiAgPGRpdiBjbGFzcz1cImZ3LWFsZXJ0LXRleHRcIj5cbiAgICA8aDQgKm5nSWY9XCJ0aXRsZVwiIGNsYXNzPVwidmlzaW9uLWg0XCI+e3sgdGl0bGUgfX08L2g0PlxuICAgIDxwICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBjbGFzcz1cInZpc2lvbi1wMlwiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuICAgIDxwIGNsYXNzPVwidmlzaW9uLXAyXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9wPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNsb3NlLWljb25cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1idXR0b25cIj48L25nLWNvbnRlbnQ+XG4gICAgPGZ3LWljb24tYnV0dG9uXG4gICAgICAqbmdJZj1cInNob3dDbG9zZVwiXG4gICAgICBpY29uPVwiY2xvc2VcIiBzaXplPVwic21hbGxcIlxuICAgICAgW2NvbG9yXT1cInZhcmlhbnQ9PT0nZmlsbGVkJz8nb3ZlcmxheSc6c2V2ZXJpdHlcIlxuICAgICAgKGNsaWNrKT1cImNsb3NlP2Nsb3NlLmVtaXQoKTp1bmRlZmluZWRcIj5cbiAgICA8L2Z3LWljb24tYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
@@ -1,32 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { FwIconModule } from '../icon/icon.module';
4
- import { FwIconButtonModule } from '../icon-button/icon-button.module';
5
- import { FwAlertComponent } from './alert.component';
6
- import * as i0 from "@angular/core";
7
- export class FwAlertModule {
8
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwAlertModule, declarations: [FwAlertComponent], imports: [CommonModule,
10
- FwIconModule,
11
- FwIconButtonModule], exports: [FwAlertComponent] }); }
12
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertModule, imports: [CommonModule,
13
- FwIconModule,
14
- FwIconButtonModule] }); }
15
- }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertModule, decorators: [{
17
- type: NgModule,
18
- args: [{
19
- imports: [
20
- CommonModule,
21
- FwIconModule,
22
- FwIconButtonModule,
23
- ],
24
- exports: [
25
- FwAlertComponent,
26
- ],
27
- declarations: [
28
- FwAlertComponent,
29
- ],
30
- }]
31
- }] });
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFlckQsTUFBTSxPQUFPLGFBQWE7K0dBQWIsYUFBYTtnSEFBYixhQUFhLGlCQUhsQixnQkFBZ0IsYUFSaEIsWUFBWTtZQUNaLFlBQVk7WUFDWixrQkFBa0IsYUFHbEIsZ0JBQWdCO2dIQU1YLGFBQWEsWUFYbEIsWUFBWTtZQUNaLFlBQVk7WUFDWixrQkFBa0I7OzRGQVNiLGFBQWE7a0JBYnpCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixrQkFBa0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxnQkFBZ0I7cUJBQ25CO29CQUNELFlBQVksRUFBRTt3QkFDVixnQkFBZ0I7cUJBQ25CO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndJY29uQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi1idXR0b24vaWNvbi1idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IEZ3QWxlcnRDb21wb25lbnQgfSBmcm9tICcuL2FsZXJ0LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEZ3SWNvbk1vZHVsZSxcbiAgICAgICAgRndJY29uQnV0dG9uTW9kdWxlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBGd0FsZXJ0Q29tcG9uZW50LFxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIEZ3QWxlcnRDb21wb25lbnQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndBbGVydE1vZHVsZSB7XG59XG4iXX0=
@@ -1,63 +0,0 @@
1
- import { Component, HostBinding, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "../icon/icon.component";
5
- export class FwAppIconComponent {
6
- constructor() {
7
- this.color = 'primary';
8
- this.fontColor = 'contrast';
9
- this.size = 'medium';
10
- this.variant = 'interactive';
11
- this.tabindex = '';
12
- this.locked = false;
13
- this.animated = false;
14
- this.role = 'button';
15
- }
16
- get cssClass() {
17
- return ['fw-app-icon', this.size, this.color, this.variant].join(' ');
18
- }
19
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
20
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwAppIconComponent, selector: "fw-app-icon", inputs: { title: "title", icon: "icon", imageUrl: "imageUrl", color: "color", fontColor: "fontColor", size: "size", variant: "variant", badge: "badge", tabindex: "tabindex", locked: "locked", animated: "animated" }, host: { properties: { "tabindex": "this.tabindex", "class.locked": "this.locked", "class.animated": "this.animated", "role": "this.role", "class": "this.cssClass" } }, ngImport: i0, template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid var(--separations-base)}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px;width:16px;min-width:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px;width:20px;min-width:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px;width:32px;min-width:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px;width:48px;min-width:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] }); }
21
- }
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconComponent, decorators: [{
23
- type: Component,
24
- args: [{ selector: 'fw-app-icon', template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid var(--separations-base)}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px;width:16px;min-width:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px;width:20px;min-width:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px;width:32px;min-width:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px;width:48px;min-width:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"] }]
25
- }], propDecorators: { title: [{
26
- type: Input
27
- }], icon: [{
28
- type: Input
29
- }], imageUrl: [{
30
- type: Input
31
- }], color: [{
32
- type: Input
33
- }], fontColor: [{
34
- type: Input
35
- }], size: [{
36
- type: Input
37
- }], variant: [{
38
- type: Input
39
- }], badge: [{
40
- type: Input
41
- }], tabindex: [{
42
- type: HostBinding,
43
- args: ['tabindex']
44
- }, {
45
- type: Input
46
- }], locked: [{
47
- type: HostBinding,
48
- args: ['class.locked']
49
- }, {
50
- type: Input
51
- }], animated: [{
52
- type: HostBinding,
53
- args: ['class.animated']
54
- }, {
55
- type: Input
56
- }], role: [{
57
- type: HostBinding,
58
- args: ['role']
59
- }], cssClass: [{
60
- type: HostBinding,
61
- args: ['class']
62
- }] } });
63
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXBwLWljb24vYXBwLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXBwLWljb24vYXBwLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUzlELE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFTVyxVQUFLLEdBQStELFNBQVMsQ0FBQztRQUM5RSxjQUFTLEdBQXlCLFVBQVUsQ0FBQztRQUM3QyxTQUFJLEdBQWtELFFBQVEsQ0FBQztRQUMvRCxZQUFPLEdBQW9ELGFBQWEsQ0FBQztRQUVoRCxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ1YsV0FBTSxHQUFhLEtBQUssQ0FBQztRQUN2QixhQUFRLEdBQWEsS0FBSyxDQUFDO1FBQzlDLFNBQUksR0FBRyxRQUFRLENBQUM7S0FLdEM7SUFIQyxJQUEwQixRQUFRO1FBQ2hDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDeEUsQ0FBQzsrR0FoQlUsa0JBQWtCO21HQUFsQixrQkFBa0IsbWJDVC9CLCthQVVBOzs0RkREYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsYUFBYTs4QkFLZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQzRCLFFBQVE7c0JBQXpDLFdBQVc7dUJBQUMsVUFBVTs7c0JBQUcsS0FBSztnQkFDTyxNQUFNO3NCQUEzQyxXQUFXO3VCQUFDLGNBQWM7O3NCQUFHLEtBQUs7Z0JBQ0ssUUFBUTtzQkFBL0MsV0FBVzt1QkFBQyxnQkFBZ0I7O3NCQUFHLEtBQUs7Z0JBQ2hCLElBQUk7c0JBQXhCLFdBQVc7dUJBQUMsTUFBTTtnQkFFTyxRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJY29uVHlwZSB9IGZyb20gJy4uL2ljb24vaWNvbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWFwcC1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcC1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXBwLWljb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndBcHBJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgaW1hZ2VVcmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNvbG9yPzogJ3ByaW1hcnknIHwgJ2RhcmsnIHwgJ2xpZ2h0JyB8ICdncmFkaWVudCcgfCAndHJhbnNwYXJlbnQnID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBmb250Q29sb3I/OiAnY29udHJhc3QnIHwgJ2Jhc2UnID0gJ2NvbnRyYXN0JztcbiAgQElucHV0KCkgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAnZXh0cmEtbGFyZ2UnID0gJ21lZGl1bSc7XG4gIEBJbnB1dCgpIHZhcmlhbnQ/OiAnaW50ZXJhY3RpdmUnIHwgJ2hvdmVyJyB8ICdmb2N1c2VkJyB8ICdzdGF0aWMnID0gJ2ludGVyYWN0aXZlJztcbiAgQElucHV0KCkgYmFkZ2U/OiBzdHJpbmc7XG4gIEBIb3N0QmluZGluZygndGFiaW5kZXgnKSBASW5wdXQoKSB0YWJpbmRleCA9ICcnO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmxvY2tlZCcpIEBJbnB1dCgpIGxvY2tlZD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hbmltYXRlZCcpIEBJbnB1dCgpIGFuaW1hdGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ3JvbGUnKSByb2xlID0gJ2J1dHRvbic7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjc3NDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbJ2Z3LWFwcC1pY29uJywgdGhpcy5zaXplLCB0aGlzLmNvbG9yLCB0aGlzLnZhcmlhbnRdLmpvaW4oJyAnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImljb24taGlnaGxpZ2h0XCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJhcHAtYmFkZ2VcIiAqbmdJZj1cImJhZGdlXCI+PHNwYW4+e3sgYmFkZ2UgfX08L3NwYW4+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJhcHAtbG9ja2VkXCIgKm5nSWY9XCJsb2NrZWRcIj5cbiAgICA8ZnctaWNvbj5sb2NrPC9mdy1pY29uPlxuICA8L2Rpdj5cbiAgPGltZyAqbmdJZj1cImltYWdlVXJsXCIgW3NyY109XCJpbWFnZVVybFwiIGFsdD1cIkFwcCBJY29uXCI+XG4gIDxmdy1pY29uICpuZ0lmPVwiaWNvblwiIFtuZ0NsYXNzXT1cImZvbnRDb2xvclwiPnt7IGljb24gfX08L2Z3LWljb24+XG48L2Rpdj5cbjxwIGNsYXNzPVwidmlzaW9uLXAzXCIgKm5nSWY9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9wPlxuIl19
@@ -1,28 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { FwIconModule } from '../icon/icon.module';
4
- import { FwAppIconComponent } from './app-icon.component';
5
- import * as i0 from "@angular/core";
6
- export class FwAppIconModule {
7
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconModule, declarations: [FwAppIconComponent], imports: [CommonModule,
9
- FwIconModule], exports: [FwAppIconComponent] }); }
10
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconModule, imports: [CommonModule,
11
- FwIconModule] }); }
12
- }
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconModule, decorators: [{
14
- type: NgModule,
15
- args: [{
16
- imports: [
17
- CommonModule,
18
- FwIconModule,
19
- ],
20
- exports: [
21
- FwAppIconComponent,
22
- ],
23
- declarations: [
24
- FwAppIconComponent,
25
- ],
26
- }]
27
- }] });
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWljb24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXBwLWljb24vYXBwLWljb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFjMUQsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTtnSEFBZixlQUFlLGlCQUh4QixrQkFBa0IsYUFQbEIsWUFBWTtZQUNaLFlBQVksYUFHWixrQkFBa0I7Z0hBTVQsZUFBZSxZQVZ4QixZQUFZO1lBQ1osWUFBWTs7NEZBU0gsZUFBZTtrQkFaM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7cUJBQ25CO29CQUNELFlBQVksRUFBRTt3QkFDWixrQkFBa0I7cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndBcHBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAtaWNvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZ3SWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZ3QXBwSWNvbkNvbXBvbmVudCxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndBcHBJY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGd0FwcEljb25Nb2R1bGUge1xufVxuIl19
@@ -1,82 +0,0 @@
1
- import { Component, computed, HostBinding, Input, input, model } from '@angular/core';
2
- import { pickColorViaHash } from '../../color.utils';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- import * as i2 from "../icon/icon.component";
6
- const namedColorMap = {
7
- primary: 'var(--primary-base)',
8
- secondary: 'var(--secondary-base)',
9
- red: 'var(--red-base)',
10
- 'light-slate': 'var(--slate-light)',
11
- slate: 'var(--slate-base)',
12
- warning: 'var(--orange-base)',
13
- success: 'var(--green-base)',
14
- };
15
- export class FwAvatarComponent {
16
- constructor() {
17
- this.color = 'primary';
18
- this.variant = 'circular';
19
- this.content = 'icon';
20
- this.size = 'small';
21
- this.initial = '';
22
- this.imageUrl = '';
23
- this.imageAltText = '';
24
- this.icon = 'user';
25
- this.bordered = false;
26
- this.selected = input(false);
27
- this.colorSeed = model();
28
- this.hasedColor = computed(() => pickColorViaHash(this.colorSeed()));
29
- this.colorToDisplay = computed(() => this.colorSeed() ? this.hasedColor() : namedColorMap[this.color]);
30
- this.isImageBroken = false;
31
- }
32
- get classes() {
33
- return [this.size, this.variant, this.content, 'selected'].filter(Boolean).join(' ');
34
- }
35
- ;
36
- get borderClass() {
37
- return this.bordered;
38
- }
39
- get selectedClassApplied() {
40
- return this.selected();
41
- }
42
- loadImage() {
43
- this.isImageBroken = false;
44
- }
45
- errorImage() {
46
- this.isImageBroken = true;
47
- }
48
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
49
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: FwAvatarComponent, selector: "fw-avatar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, initial: { classPropertyName: "initial", publicName: "initial", isSignal: false, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: false, isRequired: false, transformFunction: null }, imageAltText: { classPropertyName: "imageAltText", publicName: "imageAltText", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, colorSeed: { classPropertyName: "colorSeed", publicName: "colorSeed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorSeed: "colorSeedChange" }, host: { properties: { "attr.class": "this.classes", "class.bordered": "this.borderClass", "class.selected": "this.selectedClassApplied" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"content\">\n <div [style.backgroundColor]=\"colorToDisplay()\" *ngSwitchCase=\"'image'\" class=\"avatar\">\n <img\n *ngIf=\"!isImageBroken else displayInitial\"\n [src]=\"imageUrl\"\n [alt]=\"imageAltText\"\n (load)=\"loadImage()\"\n (error)=\"errorImage()\">\n </div>\n <div *ngSwitchCase=\"'icon'\" [style.backgroundColor]=\"colorToDisplay()\" class=\"avatar\">\n <ng-container *ngTemplateOutlet=\"displayIcon\"></ng-container>\n </div>\n <div *ngSwitchCase=\"'initial'\" [style.backgroundColor]=\"colorToDisplay()\" class=\"avatar\">\n <ng-container *ngTemplateOutlet=\"displayInitial\"></ng-container>\n </div>\n</ng-container>\n<ng-template #displayInitial>\n <span class=\"initial\" *ngIf=\"initial else displayIcon\">{{ initial }}</span>\n</ng-template>\n<ng-template #displayIcon>\n <fw-icon>{{ icon }}</fw-icon>\n</ng-template>\n", styles: [":host-context(.selected):after{content:\"\";position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:inherit;top:-6px;left:-6px;border:3px solid var(--primary-base)}:host.bordered:after{content:\"\";position:absolute;width:100%;height:100%;border-radius:inherit;top:-1px;left:-1px;border:1px solid var(--separations-base)}:host{display:block;position:relative;box-sizing:border-box}:host.selected:after{content:\"\";position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:inherit;top:-6px;left:-6px;border:3px solid var(--primary-base)}:host .avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;width:inherit;height:inherit;border-radius:inherit;font-size:inherit;overflow:clip}:host .avatar fw-icon{color:var(--typography-contrast);font-size:inherit}:host .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}:host .avatar .initial{font-family:Inter,sans-serif;font-style:normal;font-weight:500;color:var(--typography-contrast);font-size:inherit}:host.small{width:16px;height:16px;font-size:8px}:host.small .avatar fw-icon{font-size:12px}:host.medium{width:32px;height:32px;font-size:14px}:host.medium .avatar fw-icon{font-size:24px}:host.large{width:48px;height:48px;font-size:22px}:host.large .avatar fw-icon{font-size:32px}:host.x-large{width:96px;height:96px;font-size:36px}:host.x-large .avatar fw-icon{font-size:64px}:host.rounded.small{border-radius:4px}:host.rounded.medium{border-radius:8px}:host.rounded.large{border-radius:12px}:host.rounded.x-large{border-radius:16px}:host.circular{border-radius:64px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] }); }
50
- }
51
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarComponent, decorators: [{
52
- type: Component,
53
- args: [{ selector: 'fw-avatar', template: "<ng-container [ngSwitch]=\"content\">\n <div [style.backgroundColor]=\"colorToDisplay()\" *ngSwitchCase=\"'image'\" class=\"avatar\">\n <img\n *ngIf=\"!isImageBroken else displayInitial\"\n [src]=\"imageUrl\"\n [alt]=\"imageAltText\"\n (load)=\"loadImage()\"\n (error)=\"errorImage()\">\n </div>\n <div *ngSwitchCase=\"'icon'\" [style.backgroundColor]=\"colorToDisplay()\" class=\"avatar\">\n <ng-container *ngTemplateOutlet=\"displayIcon\"></ng-container>\n </div>\n <div *ngSwitchCase=\"'initial'\" [style.backgroundColor]=\"colorToDisplay()\" class=\"avatar\">\n <ng-container *ngTemplateOutlet=\"displayInitial\"></ng-container>\n </div>\n</ng-container>\n<ng-template #displayInitial>\n <span class=\"initial\" *ngIf=\"initial else displayIcon\">{{ initial }}</span>\n</ng-template>\n<ng-template #displayIcon>\n <fw-icon>{{ icon }}</fw-icon>\n</ng-template>\n", styles: [":host-context(.selected):after{content:\"\";position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:inherit;top:-6px;left:-6px;border:3px solid var(--primary-base)}:host.bordered:after{content:\"\";position:absolute;width:100%;height:100%;border-radius:inherit;top:-1px;left:-1px;border:1px solid var(--separations-base)}:host{display:block;position:relative;box-sizing:border-box}:host.selected:after{content:\"\";position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:inherit;top:-6px;left:-6px;border:3px solid var(--primary-base)}:host .avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;width:inherit;height:inherit;border-radius:inherit;font-size:inherit;overflow:clip}:host .avatar fw-icon{color:var(--typography-contrast);font-size:inherit}:host .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}:host .avatar .initial{font-family:Inter,sans-serif;font-style:normal;font-weight:500;color:var(--typography-contrast);font-size:inherit}:host.small{width:16px;height:16px;font-size:8px}:host.small .avatar fw-icon{font-size:12px}:host.medium{width:32px;height:32px;font-size:14px}:host.medium .avatar fw-icon{font-size:24px}:host.large{width:48px;height:48px;font-size:22px}:host.large .avatar fw-icon{font-size:32px}:host.x-large{width:96px;height:96px;font-size:36px}:host.x-large .avatar fw-icon{font-size:64px}:host.rounded.small{border-radius:4px}:host.rounded.medium{border-radius:8px}:host.rounded.large{border-radius:12px}:host.rounded.x-large{border-radius:16px}:host.circular{border-radius:64px}\n"] }]
54
- }], propDecorators: { classes: [{
55
- type: HostBinding,
56
- args: ['attr.class']
57
- }], color: [{
58
- type: Input
59
- }], variant: [{
60
- type: Input
61
- }], content: [{
62
- type: Input
63
- }], size: [{
64
- type: Input
65
- }], initial: [{
66
- type: Input
67
- }], imageUrl: [{
68
- type: Input
69
- }], imageAltText: [{
70
- type: Input
71
- }], icon: [{
72
- type: Input
73
- }], bordered: [{
74
- type: Input
75
- }], borderClass: [{
76
- type: HostBinding,
77
- args: ['class.bordered']
78
- }], selectedClassApplied: [{
79
- type: HostBinding,
80
- args: ['class.selected']
81
- }] } });
82
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFLckQsTUFBTSxhQUFhLEdBQXlDO0lBQzFELE9BQU8sRUFBRSxxQkFBcUI7SUFDOUIsU0FBUyxFQUFFLHVCQUF1QjtJQUNsQyxHQUFHLEVBQUUsaUJBQWlCO0lBQ3RCLGFBQWEsRUFBRSxvQkFBb0I7SUFDbkMsS0FBSyxFQUFFLG1CQUFtQjtJQUMxQixPQUFPLEVBQUUsb0JBQW9CO0lBQzdCLE9BQU8sRUFBRSxtQkFBbUI7Q0FDN0IsQ0FBQztBQU9GLE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFZVyxVQUFLLEdBQXVCLFNBQVMsQ0FBQztRQUN0QyxZQUFPLEdBQXVDLFVBQVUsQ0FBQztRQUN6RCxZQUFPLEdBQWtDLE1BQU0sQ0FBQztRQUNoRCxTQUFJLEdBQThDLE9BQU8sQ0FBQztRQUMxRCxZQUFPLEdBQVksRUFBRSxDQUFDO1FBQ3RCLGFBQVEsR0FBWSxFQUFFLENBQUM7UUFDdkIsaUJBQVksR0FBWSxFQUFFLENBQUM7UUFDM0IsU0FBSSxHQUFjLE1BQU0sQ0FBQztRQUN6QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBTTFCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsY0FBUyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBTTVCLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUVoRSxtQkFBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBRWxHLGtCQUFhLEdBQVksS0FBSyxDQUFDO0tBU2hDO0lBeENDLElBQStCLE9BQU87UUFFcEMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdkYsQ0FBQztJQUFBLENBQUM7SUFhRixJQUFtQyxXQUFXO1FBQzVDLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBS0QsSUFBbUMsb0JBQW9CO1FBQ3JELE9BQU8sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFRRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDN0IsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDOytHQXhDVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw4bURDdEI5Qiw2NEJBc0JBOzs0RkRBYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzs4QkFLVSxPQUFPO3NCQUFyQyxXQUFXO3VCQUFDLFlBQVk7Z0JBTWhCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUU2QixXQUFXO3NCQUE3QyxXQUFXO3VCQUFDLGdCQUFnQjtnQkFPTSxvQkFBb0I7c0JBQXRELFdBQVc7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcsIElucHV0LCBpbnB1dCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgcGlja0NvbG9yVmlhSGFzaCB9IGZyb20gJy4uLy4uL2NvbG9yLnV0aWxzJztcbmltcG9ydCB7IEljb25UeXBlIH0gZnJvbSAnLi4vaWNvbi9pY29uLnR5cGVzJztcblxudHlwZSBBdmF0YXJDb2xvck9wdGlvbiA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3JlZCcgfCAnbGlnaHQtc2xhdGUnIHwgJ3NsYXRlJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuY29uc3QgbmFtZWRDb2xvck1hcDogeyBbSyBpbiBBdmF0YXJDb2xvck9wdGlvbl06IHN0cmluZyB9ID0ge1xuICBwcmltYXJ5OiAndmFyKC0tcHJpbWFyeS1iYXNlKScsXG4gIHNlY29uZGFyeTogJ3ZhcigtLXNlY29uZGFyeS1iYXNlKScsXG4gIHJlZDogJ3ZhcigtLXJlZC1iYXNlKScsXG4gICdsaWdodC1zbGF0ZSc6ICd2YXIoLS1zbGF0ZS1saWdodCknLFxuICBzbGF0ZTogJ3ZhcigtLXNsYXRlLWJhc2UpJyxcbiAgd2FybmluZzogJ3ZhcigtLW9yYW5nZS1iYXNlKScsXG4gIHN1Y2Nlc3M6ICd2YXIoLS1ncmVlbi1iYXNlKScsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1hdmF0YXInLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEZ3QXZhdGFyQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNsYXNzJykgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcblxuICAgIHJldHVybiBbdGhpcy5zaXplLCB0aGlzLnZhcmlhbnQsIHRoaXMuY29udGVudCwgJ3NlbGVjdGVkJ10uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKTtcbiAgfTtcblxuXG4gIEBJbnB1dCgpIGNvbG9yPzogQXZhdGFyQ29sb3JPcHRpb24gPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHZhcmlhbnQ/OiAnY2lyY3VsYXInIHwgJ3JvdW5kZWQnIHwgJ3NxdWFyZScgPSAnY2lyY3VsYXInO1xuICBASW5wdXQoKSBjb250ZW50PzogJ2ltYWdlJyB8ICdpY29uJyB8ICdpbml0aWFsJyA9ICdpY29uJztcbiAgQElucHV0KCkgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAneC1sYXJnZScgPSAnc21hbGwnO1xuICBASW5wdXQoKSBpbml0aWFsPzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGltYWdlVXJsPzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGltYWdlQWx0VGV4dD86IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpY29uPzogSWNvblR5cGUgPSAndXNlcic7XG4gIEBJbnB1dCgpIGJvcmRlcmVkID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ib3JkZXJlZCcpIGdldCBib3JkZXJDbGFzcygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5ib3JkZXJlZDtcbiAgfVxuXG4gIHNlbGVjdGVkID0gaW5wdXQoZmFsc2UpO1xuICBjb2xvclNlZWQgPSBtb2RlbDxzdHJpbmc+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zZWxlY3RlZCcpIGdldCBzZWxlY3RlZENsYXNzQXBwbGllZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zZWxlY3RlZCgpO1xuICB9XG5cbiAgaGFzZWRDb2xvciA9IGNvbXB1dGVkKCgpID0+IHBpY2tDb2xvclZpYUhhc2godGhpcy5jb2xvclNlZWQoKSkpO1xuXG4gIGNvbG9yVG9EaXNwbGF5ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5jb2xvclNlZWQoKSA/IHRoaXMuaGFzZWRDb2xvcigpIDogbmFtZWRDb2xvck1hcFt0aGlzLmNvbG9yXSk7XG5cbiAgaXNJbWFnZUJyb2tlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGxvYWRJbWFnZSgpOiB2b2lkIHtcbiAgICB0aGlzLmlzSW1hZ2VCcm9rZW4gPSBmYWxzZTtcbiAgfVxuXG4gIGVycm9ySW1hZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5pc0ltYWdlQnJva2VuID0gdHJ1ZTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiY29udGVudFwiPlxuICA8ZGl2IFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwiY29sb3JUb0Rpc3BsYXkoKVwiICpuZ1N3aXRjaENhc2U9XCInaW1hZ2UnXCIgY2xhc3M9XCJhdmF0YXJcIj5cbiAgICA8aW1nXG4gICAgICAqbmdJZj1cIiFpc0ltYWdlQnJva2VuIGVsc2UgZGlzcGxheUluaXRpYWxcIlxuICAgICAgW3NyY109XCJpbWFnZVVybFwiXG4gICAgICBbYWx0XT1cImltYWdlQWx0VGV4dFwiXG4gICAgICAobG9hZCk9XCJsb2FkSW1hZ2UoKVwiXG4gICAgICAoZXJyb3IpPVwiZXJyb3JJbWFnZSgpXCI+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCInaWNvbidcIiBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImNvbG9yVG9EaXNwbGF5KClcIiBjbGFzcz1cImF2YXRhclwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkaXNwbGF5SWNvblwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiJ2luaXRpYWwnXCIgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJjb2xvclRvRGlzcGxheSgpXCIgY2xhc3M9XCJhdmF0YXJcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGlzcGxheUluaXRpYWxcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbjxuZy10ZW1wbGF0ZSAjZGlzcGxheUluaXRpYWw+XG4gIDxzcGFuIGNsYXNzPVwiaW5pdGlhbFwiICpuZ0lmPVwiaW5pdGlhbCBlbHNlIGRpc3BsYXlJY29uXCI+e3sgaW5pdGlhbCB9fTwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2Rpc3BsYXlJY29uPlxuICA8ZnctaWNvbj57eyBpY29uIH19PC9mdy1pY29uPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
@@ -1,28 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { FwIconModule } from '../icon/icon.module';
4
- import { FwAvatarComponent } from './avatar.component';
5
- import * as i0 from "@angular/core";
6
- export class FwAvatarModule {
7
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarModule, declarations: [FwAvatarComponent], imports: [CommonModule,
9
- FwIconModule], exports: [FwAvatarComponent] }); }
10
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarModule, imports: [CommonModule,
11
- FwIconModule] }); }
12
- }
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarModule, decorators: [{
14
- type: NgModule,
15
- args: [{
16
- imports: [
17
- CommonModule,
18
- FwIconModule,
19
- ],
20
- exports: [
21
- FwAvatarComponent,
22
- ],
23
- declarations: [
24
- FwAvatarComponent,
25
- ],
26
- }]
27
- }] });
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFjdkQsTUFBTSxPQUFPLGNBQWM7K0dBQWQsY0FBYztnSEFBZCxjQUFjLGlCQUh2QixpQkFBaUIsYUFQakIsWUFBWTtZQUNaLFlBQVksYUFHWixpQkFBaUI7Z0hBTVIsY0FBYyxZQVZ2QixZQUFZO1lBQ1osWUFBWTs7NEZBU0gsY0FBYztrQkFaMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7cUJBQ2xCO29CQUNELFlBQVksRUFBRTt3QkFDWixpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZ3SWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZ3QXZhdGFyQ29tcG9uZW50LFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBGd0F2YXRhckNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndBdmF0YXJNb2R1bGUge1xufVxuIl19
@@ -1,87 +0,0 @@
1
- import { ChangeDetectionStrategy, ChangeDetectorRef, Component, contentChildren, effect, ElementRef, inject, input, signal, viewChild, } from '@angular/core';
2
- import { BehaviorSubject, debounce, distinctUntilChanged, timer } from 'rxjs';
3
- import { FwAvatarComponent } from '../avatar/avatar.component';
4
- import { FwAvatarModule } from '../avatar/avatar.module';
5
- import { FwTooltipModule } from '../tooltip/tooltip.module';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "../tooltip/tooltip.component";
8
- // the nature of this component is to handle a complex layout issue so disabling this lint rule
9
- /* eslint-disable @rx-angular/prefer-no-layout-sensitive-apis */
10
- /**
11
- * Component for displaying and managing the overflow of a list of `fw-avatar`s
12
- * @see [Vision Docs](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-avatar-list--docs)
13
- */
14
- export class FwAvatarListComponent {
15
- constructor() {
16
- this.subscriptions = [];
17
- this.hostElement = inject(ElementRef);
18
- this.avatars = contentChildren(FwAvatarComponent);
19
- this.avatarElementRefs = contentChildren(FwAvatarComponent, { read: ElementRef });
20
- this.moreText = viewChild.required('moreText');
21
- this.changeDetector = inject(ChangeDetectorRef);
22
- this.resizeDebounceMs = input(100);
23
- this.applyBorderToChildAvatars = effect(() => {
24
- this.avatars().forEach(avatar => {
25
- avatar.bordered = true;
26
- });
27
- });
28
- this.childrenChanged = effect(() => {
29
- this.avatarElementRefs();
30
- this.calcOverflow();
31
- }, { allowSignalWrites: true });
32
- this.hiddenAvatars = signal([]);
33
- }
34
- ngOnInit() {
35
- // wire up resize observer to rxjs and debouce
36
- const resize$ = new BehaviorSubject([]);
37
- const recalcOnResize$ = resize$.pipe(debounce(() => timer(this.resizeDebounceMs())), // debounce otherwise it can run EVERY frame
38
- distinctUntilChanged());
39
- const resizeObserver = new ResizeObserver((resizeEntries) => {
40
- resize$.next(resizeEntries);
41
- });
42
- resizeObserver.observe(this.hostElement.nativeElement, {});
43
- const sub = recalcOnResize$.subscribe(() => this.calcOverflow());
44
- this.subscriptions.push(sub);
45
- }
46
- calcOverflow() {
47
- const hostRect = this.hostElement.nativeElement.getBoundingClientRect();
48
- const avatarElements = this.avatarElementRefs().map(ref => ref.nativeElement);
49
- const moreTextElement = this.moreText().nativeElement;
50
- avatarElements.forEach(avatar => avatar.classList.remove('hidden'));
51
- moreTextElement.classList.remove('hidden');
52
- const visibleAvatars = avatarElements.filter(avatar => {
53
- const avatarRect = avatar.getBoundingClientRect();
54
- return !(avatarRect.right > hostRect.right || avatarRect.bottom > hostRect.bottom);
55
- });
56
- const overflowingAvatars = avatarElements.toSpliced(0, visibleAvatars.length);
57
- if (overflowingAvatars.length > 0) {
58
- const lastVisibleAvatar = visibleAvatars[visibleAvatars.length - 1];
59
- const enoughRoomForMoreText = (hostRect.right - lastVisibleAvatar.getBoundingClientRect().right) > (moreTextElement.offsetWidth);
60
- if (!enoughRoomForMoreText) {
61
- overflowingAvatars.push(lastVisibleAvatar);
62
- }
63
- this.hiddenAvatars.set(overflowingAvatars);
64
- overflowingAvatars.forEach(overflowAvatar => {
65
- overflowAvatar.classList.add('hidden');
66
- });
67
- }
68
- else {
69
- this.moreText().nativeElement.classList.add('hidden');
70
- }
71
- // eslint-disable-next-line @rx-angular/no-explicit-change-detection-apis
72
- this.changeDetector.detectChanges();
73
- }
74
- ngOnDestroy() {
75
- this.subscriptions.forEach(sub => sub.unsubscribe());
76
- }
77
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
78
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.12", type: FwAvatarListComponent, isStandalone: true, selector: "fw-avatar-list", inputs: { resizeDebounceMs: { classPropertyName: "resizeDebounceMs", publicName: "resizeDebounceMs", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "avatars", predicate: FwAvatarComponent, isSignal: true }, { propertyName: "avatarElementRefs", predicate: FwAvatarComponent, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "moreText", first: true, predicate: ["moreText"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"fw-avatar\"></ng-content>\n<fw-tooltip> <!--TODO: figure out how to get a tooltip-->\n <p #moreText> +{{hiddenAvatars().length}} </p>\n</fw-tooltip>\n", styles: [":host{display:flex;align-items:center;flex-basis:max-content;flex-flow:row nowrap;justify-content:flex-start;min-height:36px;max-height:36px;overflow:hidden}:host ::ng-deep fw-avatar:not(:first-child){margin-left:-4px}:host p{line-height:100%;cursor:default;margin:0;text-align:center;padding-left:8px;text-wrap:nowrap;color:var(--typography-muted)}:host::ng-deep .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: FwAvatarModule }, { kind: "ngmodule", type: FwTooltipModule }, { kind: "component", type: i1.FwTooltipComponent, selector: "fw-tooltip", inputs: ["title", "color", "position", "maxWidth", "fullWidth", "isOpen", "trigger", "delay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
79
- }
80
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarListComponent, decorators: [{
81
- type: Component,
82
- args: [{ selector: 'fw-avatar-list', standalone: true, imports: [
83
- FwAvatarModule,
84
- FwTooltipModule,
85
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"fw-avatar\"></ng-content>\n<fw-tooltip> <!--TODO: figure out how to get a tooltip-->\n <p #moreText> +{{hiddenAvatars().length}} </p>\n</fw-tooltip>\n", styles: [":host{display:flex;align-items:center;flex-basis:max-content;flex-flow:row nowrap;justify-content:flex-start;min-height:36px;max-height:36px;overflow:hidden}:host ::ng-deep fw-avatar:not(:first-child){margin-left:-4px}:host p{line-height:100%;cursor:default;margin:0;text-align:center;padding-left:8px;text-wrap:nowrap;color:var(--typography-muted)}:host::ng-deep .hidden{display:none}\n"] }]
86
- }] });
87
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXZhdGFyLWxpc3QvYXZhdGFyLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXZhdGFyLWxpc3QvYXZhdGFyLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULGVBQWUsRUFDZixNQUFNLEVBQ04sVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBR0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxvQkFBb0IsRUFBZ0IsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTVGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQUU1RCwrRkFBK0Y7QUFDL0YsZ0VBQWdFO0FBR2hFOzs7R0FHRztBQVlILE1BQU0sT0FBTyxxQkFBcUI7SUFYbEM7UUFhVSxrQkFBYSxHQUFtQixFQUFFLENBQUM7UUFFM0MsZ0JBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDakMsWUFBTyxHQUFHLGVBQWUsQ0FBb0IsaUJBQWlCLENBQUMsQ0FBQztRQUNoRSxzQkFBaUIsR0FBRyxlQUFlLENBQWdDLGlCQUFpQixFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7UUFDNUcsYUFBUSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQW1DLFVBQVUsQ0FBQyxDQUFDO1FBQzVFLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDM0MscUJBQWdCLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBa0I5Qiw4QkFBeUIsR0FBRyxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ3RDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQzlCLE1BQU0sQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3pCLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFFSCxvQkFBZSxHQUFHLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUMsRUFBRSxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFHaEMsa0JBQWEsR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7S0EwQzVCO0lBdEVDLFFBQVE7UUFDTiw4Q0FBOEM7UUFDOUMsTUFBTSxPQUFPLEdBQUcsSUFBSSxlQUFlLENBQXdCLEVBQUUsQ0FBQyxDQUFDO1FBQy9ELE1BQU0sZUFBZSxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQ2xDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBQyxFQUFFLDRDQUE0QztRQUM1RixvQkFBb0IsRUFBRSxDQUN2QixDQUFDO1FBRUYsTUFBTSxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsQ0FBQyxhQUFhLEVBQUUsRUFBRTtZQUMxRCxPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzlCLENBQUMsQ0FBQyxDQUFBO1FBQ0YsY0FBYyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxFQUFHLENBQUMsQ0FBQztRQUM1RCxNQUFNLEdBQUcsR0FBRyxlQUFlLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBQ2pFLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFnQkQsWUFBWTtRQUVWLE1BQU0sUUFBUSxHQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBNkIsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ3pGLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxhQUE0QixDQUFDLENBQUM7UUFDN0YsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLGFBQWEsQ0FBQztRQUV0RCxjQUFjLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztRQUNwRSxlQUFlLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUUzQyxNQUFNLGNBQWMsR0FBRyxjQUFjLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ3BELE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ2xELE9BQU8sQ0FBQyxDQUFDLFVBQVUsQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDLEtBQUssSUFBSSxVQUFVLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNyRixDQUFDLENBQUMsQ0FBQTtRQUVGLE1BQU0sa0JBQWtCLEdBQUcsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRTlFLElBQUksa0JBQWtCLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ2xDLE1BQU0saUJBQWlCLEdBQUcsY0FBYyxDQUFDLGNBQWMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7WUFDcEUsTUFBTSxxQkFBcUIsR0FBRyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsaUJBQWlCLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUVqSSxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztnQkFDM0Isa0JBQWtCLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7WUFDN0MsQ0FBQztZQUVELElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLGtCQUFrQixDQUFDLENBQUM7WUFDM0Msa0JBQWtCLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxFQUFFO2dCQUMxQyxjQUFjLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUN6QyxDQUFDLENBQUMsQ0FBQTtRQUNKLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3hELENBQUM7UUFFRCx5RUFBeUU7UUFDekUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDdkQsQ0FBQzsrR0EvRVUscUJBQXFCO21HQUFyQixxQkFBcUIsdVFBS2EsaUJBQWlCLG9FQUNLLGlCQUFpQixRQUFVLFVBQVUsbUtDN0MxRyw4S0FJQSw0YkQ0QkksY0FBYyw4QkFDZCxlQUFlOzs0RkFNTixxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLGNBQWM7d0JBQ2QsZUFBZTtxQkFDaEIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgY29udGVudENoaWxkcmVuLFxuICBlZmZlY3QsXG4gIEVsZW1lbnRSZWYsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBzaWduYWwsXG4gIHZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGRlYm91bmNlLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgU3Vic2NyaXB0aW9uLCB0aW1lciB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBGd0F2YXRhckNvbXBvbmVudCB9IGZyb20gJy4uL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3QXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4vYXZhdGFyL2F2YXRhci5tb2R1bGUnO1xuaW1wb3J0IHsgRndUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vdG9vbHRpcC90b29sdGlwLm1vZHVsZSc7XG5cbi8vIHRoZSBuYXR1cmUgb2YgdGhpcyBjb21wb25lbnQgaXMgdG8gaGFuZGxlIGEgY29tcGxleCBsYXlvdXQgaXNzdWUgc28gZGlzYWJsaW5nIHRoaXMgbGludCBydWxlXG4vKiBlc2xpbnQtZGlzYWJsZSBAcngtYW5ndWxhci9wcmVmZXItbm8tbGF5b3V0LXNlbnNpdGl2ZS1hcGlzICovXG5cblxuLyoqXG4gKiBDb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgYW5kIG1hbmFnaW5nIHRoZSBvdmVyZmxvdyBvZiBhIGxpc3Qgb2YgYGZ3LWF2YXRhcmBzXG4gKiBAc2VlIFtWaXNpb24gRG9jc10oaHR0cHM6Ly9jZG4uZmx5d2hlZWwuaW8vZG9jcy92aXNpb24vbWFzdGVyLz9wYXRoPS9kb2NzL2NvbXBvbmVudHMtYXZhdGFyLWxpc3QtLWRvY3MpXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWF2YXRhci1saXN0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEZ3QXZhdGFyTW9kdWxlLFxuICAgIEZ3VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2F2YXRhci1saXN0LmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEZ3QXZhdGFyTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBwcml2YXRlIHN1YnNjcmlwdGlvbnM6IFN1YnNjcmlwdGlvbltdID0gW107XG5cbiAgaG9zdEVsZW1lbnQgPSBpbmplY3QoRWxlbWVudFJlZik7XG4gIGF2YXRhcnMgPSBjb250ZW50Q2hpbGRyZW48RndBdmF0YXJDb21wb25lbnQ+KEZ3QXZhdGFyQ29tcG9uZW50KTtcbiAgYXZhdGFyRWxlbWVudFJlZnMgPSBjb250ZW50Q2hpbGRyZW48RndBdmF0YXJDb21wb25lbnQsIEVsZW1lbnRSZWY+KEZ3QXZhdGFyQ29tcG9uZW50LCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSk7XG4gIG1vcmVUZXh0ID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY8SFRNTFBhcmFncmFwaEVsZW1lbnQ+PignbW9yZVRleHQnKTtcbiAgY2hhbmdlRGV0ZWN0b3IgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICByZXNpemVEZWJvdW5jZU1zID0gaW5wdXQoMTAwKTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyB3aXJlIHVwIHJlc2l6ZSBvYnNlcnZlciB0byByeGpzIGFuZCBkZWJvdWNlXG4gICAgY29uc3QgcmVzaXplJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8UmVzaXplT2JzZXJ2ZXJFbnRyeVtdPihbXSk7XG4gICAgY29uc3QgcmVjYWxjT25SZXNpemUkID0gcmVzaXplJC5waXBlKFxuICAgICAgZGVib3VuY2UoKCkgPT4gdGltZXIodGhpcy5yZXNpemVEZWJvdW5jZU1zKCkpKSwgLy8gZGVib3VuY2Ugb3RoZXJ3aXNlIGl0IGNhbiBydW4gRVZFUlkgZnJhbWVcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgKTtcblxuICAgIGNvbnN0IHJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKChyZXNpemVFbnRyaWVzKSA9PiB7XG4gICAgICByZXNpemUkLm5leHQocmVzaXplRW50cmllcyk7XG4gICAgfSlcbiAgICByZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuaG9zdEVsZW1lbnQubmF0aXZlRWxlbWVudCwgeyB9KTtcbiAgICBjb25zdCBzdWIgPSByZWNhbGNPblJlc2l6ZSQuc3Vic2NyaWJlKCgpID0+IHRoaXMuY2FsY092ZXJmbG93KCkpO1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5wdXNoKHN1Yik7XG4gIH1cblxuICBhcHBseUJvcmRlclRvQ2hpbGRBdmF0YXJzID0gZWZmZWN0KCgpID0+IHtcbiAgICB0aGlzLmF2YXRhcnMoKS5mb3JFYWNoKGF2YXRhciA9PiB7XG4gICAgICBhdmF0YXIuYm9yZGVyZWQgPSB0cnVlO1xuICAgIH0pO1xuICB9KTtcblxuICBjaGlsZHJlbkNoYW5nZWQgPSBlZmZlY3QoKCkgPT4ge1xuICAgIHRoaXMuYXZhdGFyRWxlbWVudFJlZnMoKTtcbiAgICB0aGlzLmNhbGNPdmVyZmxvdygpO1xuICB9LCB7IGFsbG93U2lnbmFsV3JpdGVzOiB0cnVlIH0pO1xuXG5cbiAgaGlkZGVuQXZhdGFycyA9IHNpZ25hbChbXSk7XG5cbiAgY2FsY092ZXJmbG93KCk6IHZvaWQge1xuXG4gICAgY29uc3QgaG9zdFJlY3QgPSAodGhpcy5ob3N0RWxlbWVudC5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBhdmF0YXJFbGVtZW50cyA9IHRoaXMuYXZhdGFyRWxlbWVudFJlZnMoKS5tYXAocmVmID0+IHJlZi5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KTtcbiAgICBjb25zdCBtb3JlVGV4dEVsZW1lbnQgPSB0aGlzLm1vcmVUZXh0KCkubmF0aXZlRWxlbWVudDtcblxuICAgIGF2YXRhckVsZW1lbnRzLmZvckVhY2goYXZhdGFyID0+IGF2YXRhci5jbGFzc0xpc3QucmVtb3ZlKCdoaWRkZW4nKSk7XG4gICAgbW9yZVRleHRFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ2hpZGRlbicpO1xuXG4gICAgY29uc3QgdmlzaWJsZUF2YXRhcnMgPSBhdmF0YXJFbGVtZW50cy5maWx0ZXIoYXZhdGFyID0+IHtcbiAgICAgIGNvbnN0IGF2YXRhclJlY3QgPSBhdmF0YXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICByZXR1cm4gIShhdmF0YXJSZWN0LnJpZ2h0ID4gaG9zdFJlY3QucmlnaHQgfHwgYXZhdGFyUmVjdC5ib3R0b20gPiBob3N0UmVjdC5ib3R0b20pO1xuICAgIH0pXG5cbiAgICBjb25zdCBvdmVyZmxvd2luZ0F2YXRhcnMgPSBhdmF0YXJFbGVtZW50cy50b1NwbGljZWQoMCwgdmlzaWJsZUF2YXRhcnMubGVuZ3RoKTtcblxuICAgIGlmIChvdmVyZmxvd2luZ0F2YXRhcnMubGVuZ3RoID4gMCkge1xuICAgICAgY29uc3QgbGFzdFZpc2libGVBdmF0YXIgPSB2aXNpYmxlQXZhdGFyc1t2aXNpYmxlQXZhdGFycy5sZW5ndGggLSAxXTtcbiAgICAgIGNvbnN0IGVub3VnaFJvb21Gb3JNb3JlVGV4dCA9IChob3N0UmVjdC5yaWdodCAtIGxhc3RWaXNpYmxlQXZhdGFyLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLnJpZ2h0KSA+IChtb3JlVGV4dEVsZW1lbnQub2Zmc2V0V2lkdGgpO1xuXG4gICAgICBpZiAoIWVub3VnaFJvb21Gb3JNb3JlVGV4dCkge1xuICAgICAgICBvdmVyZmxvd2luZ0F2YXRhcnMucHVzaChsYXN0VmlzaWJsZUF2YXRhcik7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuaGlkZGVuQXZhdGFycy5zZXQob3ZlcmZsb3dpbmdBdmF0YXJzKTtcbiAgICAgIG92ZXJmbG93aW5nQXZhdGFycy5mb3JFYWNoKG92ZXJmbG93QXZhdGFyID0+IHtcbiAgICAgICAgb3ZlcmZsb3dBdmF0YXIuY2xhc3NMaXN0LmFkZCgnaGlkZGVuJyk7XG4gICAgICB9KVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLm1vcmVUZXh0KCkubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKCdoaWRkZW4nKTtcbiAgICB9XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHJ4LWFuZ3VsYXIvbm8tZXhwbGljaXQtY2hhbmdlLWRldGVjdGlvbi1hcGlzXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMuZm9yRWFjaChzdWIgPT4gc3ViLnVuc3Vic2NyaWJlKCkpO1xuICB9XG5cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWF2YXRhclwiPjwvbmctY29udGVudD5cbjxmdy10b29sdGlwPiA8IS0tVE9ETzogZmlndXJlIG91dCBob3cgdG8gZ2V0IGEgdG9vbHRpcC0tPlxuICA8cCAjbW9yZVRleHQ+ICt7e2hpZGRlbkF2YXRhcnMoKS5sZW5ndGh9fSA8L3A+XG48L2Z3LXRvb2x0aXA+XG4iXX0=
@@ -1,45 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- export class FwBadgeComponent {
5
- constructor() {
6
- this.color = 'default';
7
- this.variant = 'standard';
8
- this.value = '';
9
- this.hideZero = false;
10
- this.hideEmpty = false;
11
- }
12
- get cssClass() {
13
- return ['fw-badge', this.color, this.variant].join(' ');
14
- }
15
- showBadge() {
16
- let show = true;
17
- if (this.hideEmpty) {
18
- show = !(this.value.length === 0);
19
- }
20
- if (this.hideZero) {
21
- show = !(this.value && this.value === '0' || (this.hideEmpty && this.value.length === 0));
22
- }
23
- return show;
24
- }
25
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
26
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwBadgeComponent, selector: "fw-badge", inputs: { color: "color", variant: "variant", value: "value", hideZero: "hideZero", hideEmpty: "hideEmpty" }, host: { properties: { "class": "this.cssClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div class=\"badge-content vision-p4\" *ngIf=\"showBadge()\">\n {{ value }}\n</div>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host.standard .badge-content,:host.static .badge-content{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{position:relative;display:inline-flex;width:fit-content}:host .badge-content{z-index:99;position:absolute;display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--typography-contrast);overflow:hidden;box-sizing:border-box}:host.dot .badge-content{width:8px;height:8px;border-radius:8px;content-visibility:hidden;right:-3px;top:-3px}:host.standard .badge-content{padding:6px;min-width:22px;height:22px;border-radius:64px;right:-11px;top:-11px}:host.static{align-items:center}:host.static .badge-content{padding:6px;min-width:22px;height:22px;border-radius:64px;position:relative}:host.default .badge-content{background:var(--slate-light);color:var(--typography-base)}:host.primary .badge-content{background:var(--primary-base)}:host.secondary .badge-content{background:var(--secondary-base)}:host.error .badge-content{background:var(--red-base)}:host.warning .badge-content{background:var(--orange-base)}:host.success .badge-content{background:var(--green-base)}:host.slate .badge-content{background:var(--slate-base)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
27
- }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwBadgeComponent, decorators: [{
29
- type: Component,
30
- args: [{ selector: 'fw-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<div class=\"badge-content vision-p4\" *ngIf=\"showBadge()\">\n {{ value }}\n</div>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host.standard .badge-content,:host.static .badge-content{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{position:relative;display:inline-flex;width:fit-content}:host .badge-content{z-index:99;position:absolute;display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--typography-contrast);overflow:hidden;box-sizing:border-box}:host.dot .badge-content{width:8px;height:8px;border-radius:8px;content-visibility:hidden;right:-3px;top:-3px}:host.standard .badge-content{padding:6px;min-width:22px;height:22px;border-radius:64px;right:-11px;top:-11px}:host.static{align-items:center}:host.static .badge-content{padding:6px;min-width:22px;height:22px;border-radius:64px;position:relative}:host.default .badge-content{background:var(--slate-light);color:var(--typography-base)}:host.primary .badge-content{background:var(--primary-base)}:host.secondary .badge-content{background:var(--secondary-base)}:host.error .badge-content{background:var(--red-base)}:host.warning .badge-content{background:var(--orange-base)}:host.success .badge-content{background:var(--green-base)}:host.slate .badge-content{background:var(--slate-base)}\n"] }]
31
- }], propDecorators: { color: [{
32
- type: Input
33
- }], variant: [{
34
- type: Input
35
- }], value: [{
36
- type: Input
37
- }], hideZero: [{
38
- type: Input
39
- }], hideEmpty: [{
40
- type: Input
41
- }], cssClass: [{
42
- type: HostBinding,
43
- args: ['class']
44
- }] } });
45
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRdkYsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQU9XLFVBQUssR0FBMkUsU0FBUyxDQUFDO1FBQzFGLFlBQU8sR0FBbUMsVUFBVSxDQUFDO1FBQ3JELFVBQUssR0FBWSxFQUFFLENBQUM7UUFDcEIsYUFBUSxHQUFhLEtBQUssQ0FBQztRQUMzQixjQUFTLEdBQWEsS0FBSyxDQUFDO0tBZ0J0QztJQWRDLElBQTBCLFFBQVE7UUFDaEMsT0FBTyxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLElBQUksR0FBRyxJQUFJLENBQUM7UUFDaEIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsSUFBSSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQztRQUNwQyxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsSUFBSSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzVGLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7K0dBcEJVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLGtOQ1I3QixtSEFJQTs7NEZESWEsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLFVBQVUsbUJBR0gsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVvQixRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctYmFkZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYWRnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRndCYWRnZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9yPzogJ2RlZmF1bHQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnZXJyb3InIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnID0gJ2RlZmF1bHQnO1xuICBASW5wdXQoKSB2YXJpYW50PzogJ3N0YW5kYXJkJyB8ICdkb3QnIHwgJ3N0YXRpYycgPSAnc3RhbmRhcmQnO1xuICBASW5wdXQoKSB2YWx1ZT86IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBoaWRlWmVybz86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaGlkZUVtcHR5PzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY3NzQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gWydmdy1iYWRnZScsIHRoaXMuY29sb3IsIHRoaXMudmFyaWFudF0uam9pbignICcpO1xuICB9XG5cbiAgc2hvd0JhZGdlKCk6IGJvb2xlYW4ge1xuICAgIGxldCBzaG93ID0gdHJ1ZTtcbiAgICBpZiAodGhpcy5oaWRlRW1wdHkpIHtcbiAgICAgIHNob3cgPSAhKHRoaXMudmFsdWUubGVuZ3RoID09PSAwKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuaGlkZVplcm8pIHtcbiAgICAgIHNob3cgPSAhKHRoaXMudmFsdWUgJiYgdGhpcy52YWx1ZSA9PT0gJzAnIHx8ICh0aGlzLmhpZGVFbXB0eSAmJiB0aGlzLnZhbHVlLmxlbmd0aCA9PT0gMCkpO1xuICAgIH1cbiAgICByZXR1cm4gc2hvdztcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPGRpdiBjbGFzcz1cImJhZGdlLWNvbnRlbnQgdmlzaW9uLXA0XCIgKm5nSWY9XCJzaG93QmFkZ2UoKVwiPlxuICB7eyB2YWx1ZSB9fVxuPC9kaXY+XG4iXX0=
@@ -1,24 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { FwBadgeComponent } from './badge.component';
4
- import * as i0 from "@angular/core";
5
- export class FwBadgeModule {
6
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwBadgeModule, declarations: [FwBadgeComponent], imports: [CommonModule], exports: [FwBadgeComponent] }); }
8
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwBadgeModule, imports: [CommonModule] }); }
9
- }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwBadgeModule, decorators: [{
11
- type: NgModule,
12
- args: [{
13
- imports: [
14
- CommonModule,
15
- ],
16
- exports: [
17
- FwBadgeComponent,
18
- ],
19
- declarations: [
20
- FwBadgeComponent,
21
- ],
22
- }]
23
- }] });
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQWFyRCxNQUFNLE9BQU8sYUFBYTsrR0FBYixhQUFhO2dIQUFiLGFBQWEsaUJBSHRCLGdCQUFnQixhQU5oQixZQUFZLGFBR1osZ0JBQWdCO2dIQU1QLGFBQWEsWUFUdEIsWUFBWTs7NEZBU0gsYUFBYTtrQkFYekIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osZ0JBQWdCO3FCQUNqQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0JhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRndCYWRnZUNvbXBvbmVudCxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndCYWRnZUNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndCYWRnZU1vZHVsZSB7XG59XG4iXX0=