@flywheel-io/vision 2.0.0-beta.9 → 2.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 (269) hide show
  1. package/color.utils.d.ts +2 -0
  2. package/components/alert/alert.component.d.ts +1 -1
  3. package/components/app-icon/app-icon.component.d.ts +1 -1
  4. package/components/avatar/avatar.component.d.ts +7 -2
  5. package/components/badge/badge.component.d.ts +1 -1
  6. package/components/breadcrumbs/crumb.component.d.ts +1 -1
  7. package/components/button/button.component.d.ts +1 -1
  8. package/components/button-group/button-group.component.d.ts +1 -1
  9. package/components/button-toggle/button-toggle-item/button-toggle-item.component.d.ts +1 -1
  10. package/components/button-toggle/button-toggle.component.d.ts +1 -1
  11. package/components/card/card-attribute/card-attribute.component.d.ts +1 -1
  12. package/components/card/card-author/card-author.component.d.ts +1 -1
  13. package/components/card/card-header/card-header.component.d.ts +1 -1
  14. package/components/card/card.component.d.ts +1 -1
  15. package/components/checkbox/checkbox.component.d.ts +1 -1
  16. package/components/chip/chip.component.d.ts +1 -1
  17. package/components/contained-input/contained-input.component.d.ts +1 -1
  18. package/components/date-input/date-input.component.d.ts +1 -1
  19. package/components/dialog/dialog-confirm.component.d.ts +1 -1
  20. package/components/dialog/dialog-content.component.d.ts +1 -1
  21. package/components/dialog/dialog-simple.component.d.ts +1 -1
  22. package/components/dialog/dialog.component.d.ts +1 -1
  23. package/components/form-heading/form-heading.component.d.ts +1 -1
  24. package/components/icon/icon.component.d.ts +1 -1
  25. package/components/icon/icon.types.d.ts +1 -1
  26. package/components/icon-button/icon-button.component.d.ts +1 -1
  27. package/components/layouts/context/context.component.d.ts +1 -1
  28. package/components/layouts/grid/grid.component.d.ts +1 -1
  29. package/components/layouts/layout-group.component.d.ts +1 -1
  30. package/components/layouts/panel/panel.component.d.ts +1 -1
  31. package/components/layouts/sidebar/sidebar.component.d.ts +1 -1
  32. package/components/layouts/toolbar/toolbar.component.d.ts +1 -1
  33. package/components/menu/menu-container/menu-container.component.d.ts +26 -11
  34. package/components/menu/menu-item/menu-item.component.d.ts +5 -6
  35. package/components/menu/menu-item-group/menu-item-group.component.d.ts +1 -1
  36. package/components/menu/menu-sub-item/menu-sub-item.component.d.ts +1 -5
  37. package/components/menu/menu.component.d.ts +3 -23
  38. package/components/navbar/navbar-item/navbar-item.component.d.ts +1 -1
  39. package/components/navbar/navbar-sub-item/navbar-sub-item.component.d.ts +1 -1
  40. package/components/navbar/navbar.component.d.ts +1 -1
  41. package/components/number-input/number-input.component.d.ts +1 -1
  42. package/components/paginator/paginator-advanced/paginator-advanced.component.d.ts +1 -1
  43. package/components/paginator/paginator.component.d.ts +6 -3
  44. package/components/phone-input/phone-input.component.d.ts +1 -1
  45. package/components/phone-input/phone-input.model.d.ts +1 -1
  46. package/components/popover/popover-panel/popover-panel.component.d.ts +1 -1
  47. package/components/popover/popover.component.d.ts +1 -1
  48. package/components/progress/bar/bar.component.d.ts +1 -1
  49. package/components/progress/spinner/spinner.component.d.ts +1 -1
  50. package/components/radio/radio-group.component.d.ts +1 -1
  51. package/components/radio/radio.component.d.ts +1 -1
  52. package/components/section-heading/back-button/back-button.component.d.ts +1 -1
  53. package/components/section-heading/section-heading.component.d.ts +1 -1
  54. package/components/section-heading/subsection-heading/subsection-heading.component.d.ts +1 -1
  55. package/components/select-menu/multi-select-menu/multi-select-menu.component.d.ts +38 -22
  56. package/components/select-menu/select-menu.component.d.ts +1 -1
  57. package/components/select-menu/select-menu.module.d.ts +7 -6
  58. package/components/snackbar/snackbar/snackbar.component.d.ts +1 -1
  59. package/components/stepper/step.component.d.ts +1 -1
  60. package/components/stepper/stepper.component.d.ts +1 -1
  61. package/components/switch/switch.component.d.ts +1 -1
  62. package/components/table/cell.d.ts +1 -1
  63. package/components/table/row.d.ts +3 -5
  64. package/components/tabs/tab/tab.component.d.ts +1 -1
  65. package/components/tabs/tab-panel/tab-panel.component.d.ts +1 -1
  66. package/components/tabs/tabs.component.d.ts +1 -1
  67. package/components/text-input/text-input.component.d.ts +8 -6
  68. package/components/textarea-input/textarea-input.component.d.ts +1 -1
  69. package/components/tooltip/tooltip-panel/tooltip-panel.component.d.ts +1 -1
  70. package/components/tooltip/tooltip.component.d.ts +1 -1
  71. package/components/wrapped-input/wrapped-input.component.d.ts +1 -1
  72. package/esm2022/color.utils.mjs +45 -0
  73. package/{esm2020 → esm2022}/components/alert/alert.component.mjs +4 -4
  74. package/{esm2020 → esm2022}/components/alert/alert.module.mjs +9 -9
  75. package/{esm2020 → esm2022}/components/app-icon/app-icon.component.mjs +4 -4
  76. package/{esm2020 → esm2022}/components/app-icon/app-icon.module.mjs +7 -7
  77. package/esm2022/components/avatar/avatar.component.mjs +66 -0
  78. package/{esm2020 → esm2022}/components/avatar/avatar.module.mjs +7 -7
  79. package/esm2022/components/badge/badge.component.mjs +45 -0
  80. package/{esm2020 → esm2022}/components/badge/badge.module.mjs +5 -5
  81. package/esm2022/components/breadcrumbs/breadcrumbs.component.mjs +22 -0
  82. package/{esm2020 → esm2022}/components/breadcrumbs/breadcrumbs.module.mjs +9 -9
  83. package/esm2022/components/breadcrumbs/crumb.component.mjs +34 -0
  84. package/{esm2020 → esm2022}/components/button/button.component.mjs +4 -4
  85. package/esm2022/components/button/button.directives.mjs +129 -0
  86. package/{esm2020 → esm2022}/components/button/button.module.mjs +21 -21
  87. package/esm2022/components/button-group/button-group.component.mjs +131 -0
  88. package/{esm2020 → esm2022}/components/button-group/button-group.module.mjs +9 -9
  89. package/esm2022/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs +54 -0
  90. package/esm2022/components/button-toggle/button-toggle.component.mjs +137 -0
  91. package/{esm2020 → esm2022}/components/button-toggle/button-toggle.module.mjs +9 -9
  92. package/{esm2020 → esm2022}/components/card/card-attribute/card-attribute.component.mjs +4 -4
  93. package/{esm2020 → esm2022}/components/card/card-author/card-author.component.mjs +4 -4
  94. package/{esm2020 → esm2022}/components/card/card-content/card-content.component.mjs +4 -4
  95. package/{esm2020 → esm2022}/components/card/card-footer/card-footer.component.mjs +8 -8
  96. package/{esm2020 → esm2022}/components/card/card-header/card-header.component.mjs +4 -4
  97. package/{esm2020 → esm2022}/components/card/card.component.mjs +4 -4
  98. package/{esm2020 → esm2022}/components/card/card.module.mjs +19 -19
  99. package/esm2022/components/checkbox/checkbox.component.mjs +79 -0
  100. package/{esm2020 → esm2022}/components/checkbox/checkbox.module.mjs +9 -9
  101. package/esm2022/components/chip/chip.component.mjs +52 -0
  102. package/{esm2020 → esm2022}/components/chip/chip.module.mjs +9 -9
  103. package/esm2022/components/contained-input/contained-input.component.mjs +86 -0
  104. package/{esm2020 → esm2022}/components/contained-input/contained-input.module.mjs +13 -13
  105. package/esm2022/components/date-input/date-input.component.mjs +139 -0
  106. package/{esm2020 → esm2022}/components/date-input/date-input.module.mjs +9 -9
  107. package/{esm2020 → esm2022}/components/dialog/dialog-actions.component.mjs +9 -9
  108. package/{esm2020 → esm2022}/components/dialog/dialog-confirm.component.mjs +6 -6
  109. package/esm2022/components/dialog/dialog-content.component.mjs +38 -0
  110. package/{esm2020 → esm2022}/components/dialog/dialog-header.component.mjs +9 -9
  111. package/{esm2020 → esm2022}/components/dialog/dialog-simple.component.mjs +6 -6
  112. package/{esm2020 → esm2022}/components/dialog/dialog.component.mjs +7 -7
  113. package/{esm2020 → esm2022}/components/dialog/dialog.service.mjs +6 -6
  114. package/{esm2020 → esm2022}/components/dialog/dialogs.module.mjs +27 -27
  115. package/{esm2020 → esm2022}/components/form-heading/form-heading.component.mjs +5 -5
  116. package/{esm2020 → esm2022}/components/form-heading/form-heading.module.mjs +9 -9
  117. package/esm2022/components/forms/validators.mjs +81 -0
  118. package/esm2022/components/icon/icon.component.mjs +61 -0
  119. package/{esm2020 → esm2022}/components/icon/icon.module.mjs +5 -5
  120. package/{esm2020 → esm2022}/components/icon-button/icon-button.component.mjs +4 -4
  121. package/{esm2020 → esm2022}/components/icon-button/icon-button.module.mjs +7 -7
  122. package/esm2022/components/layouts/context/context.component.mjs +46 -0
  123. package/{esm2020 → esm2022}/components/layouts/grid/grid.component.mjs +7 -7
  124. package/esm2022/components/layouts/layout-group.component.mjs +36 -0
  125. package/{esm2020 → esm2022}/components/layouts/layouts.module.mjs +19 -19
  126. package/{esm2020 → esm2022}/components/layouts/panel/panel.component.mjs +5 -5
  127. package/{esm2020 → esm2022}/components/layouts/sidebar/sidebar.component.mjs +4 -4
  128. package/{esm2020 → esm2022}/components/layouts/toolbar/toolbar.component.mjs +4 -4
  129. package/esm2022/components/menu/menu-close-triggers.directive.mjs +38 -0
  130. package/esm2022/components/menu/menu-container/menu-container.component.mjs +126 -0
  131. package/{esm2020 → esm2022}/components/menu/menu-header/menu-header.component.mjs +4 -4
  132. package/esm2022/components/menu/menu-item/menu-item.component.mjs +134 -0
  133. package/{esm2020 → esm2022}/components/menu/menu-item-group/menu-item-group.component.mjs +5 -5
  134. package/{esm2020 → esm2022}/components/menu/menu-separator/menu-separator.component.mjs +4 -4
  135. package/esm2022/components/menu/menu-sub-item/menu-sub-item.component.mjs +103 -0
  136. package/esm2022/components/menu/menu.component.mjs +129 -0
  137. package/{esm2020 → esm2022}/components/menu/menu.module.mjs +37 -37
  138. package/{esm2020 → esm2022}/components/navbar/navbar-header/navbar-header.component.mjs +4 -4
  139. package/esm2022/components/navbar/navbar-item/navbar-item.component.mjs +95 -0
  140. package/esm2022/components/navbar/navbar-sub-item/navbar-sub-item.component.mjs +76 -0
  141. package/esm2022/components/navbar/navbar.component.mjs +75 -0
  142. package/{esm2020 → esm2022}/components/navbar/navbar.module.mjs +25 -25
  143. package/esm2022/components/number-input/number-input.component.mjs +122 -0
  144. package/{esm2020 → esm2022}/components/number-input/number-input.module.mjs +9 -9
  145. package/esm2022/components/paginator/paginator-advanced/paginator-advanced.component.mjs +123 -0
  146. package/esm2022/components/paginator/paginator.component.mjs +133 -0
  147. package/{esm2020 → esm2022}/components/paginator/paginator.module.mjs +17 -17
  148. package/esm2022/components/phone-input/phone-input.component.mjs +285 -0
  149. package/{esm2020 → esm2022}/components/phone-input/phone-input.module.mjs +17 -17
  150. package/{esm2020 → esm2022}/components/popover/popover-panel/popover-panel.component.mjs +4 -4
  151. package/esm2022/components/popover/popover.component.mjs +76 -0
  152. package/{esm2020 → esm2022}/components/popover/popover.module.mjs +13 -13
  153. package/{esm2020 → esm2022}/components/progress/bar/bar.component.mjs +5 -5
  154. package/{esm2020 → esm2022}/components/progress/progress.module.mjs +7 -7
  155. package/esm2022/components/progress/spinner/spinner.component.mjs +101 -0
  156. package/esm2022/components/radio/radio-group.component.mjs +117 -0
  157. package/esm2022/components/radio/radio.component.mjs +51 -0
  158. package/{esm2020 → esm2022}/components/radio/radio.module.mjs +11 -11
  159. package/esm2022/components/section-heading/back-button/back-button.component.mjs +30 -0
  160. package/{esm2020 → esm2022}/components/section-heading/section-heading.component.mjs +5 -5
  161. package/{esm2020 → esm2022}/components/section-heading/section-heading.module.mjs +13 -13
  162. package/{esm2020 → esm2022}/components/section-heading/subsection-heading/subsection-heading.component.mjs +5 -5
  163. package/esm2022/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +354 -0
  164. package/esm2022/components/select-menu/select-menu.component.mjs +332 -0
  165. package/esm2022/components/select-menu/select-menu.module.mjs +60 -0
  166. package/esm2022/components/shared/pipes/pipes.module.mjs +36 -0
  167. package/esm2022/components/shared/pipes/translate.pipe.mjs +40 -0
  168. package/{esm2020 → esm2022}/components/shared/pipes/trusthtml.pipe.mjs +5 -5
  169. package/esm2022/components/shared/services/menu-manager.service.mjs +27 -0
  170. package/esm2022/components/shared/translation.service.mjs +26 -0
  171. package/esm2022/components/snackbar/snackbar/snackbar.component.mjs +111 -0
  172. package/esm2022/components/snackbar/snackbar-container/snackbar-container.component.mjs +63 -0
  173. package/{esm2020 → esm2022}/components/snackbar/snackbar.module.mjs +15 -15
  174. package/esm2022/components/snackbar/snackbar.service.mjs +36 -0
  175. package/esm2022/components/stepper/step.component.mjs +113 -0
  176. package/esm2022/components/stepper/stepper.component.mjs +95 -0
  177. package/{esm2020 → esm2022}/components/stepper/stepper.module.mjs +13 -13
  178. package/esm2022/components/switch/switch.component.mjs +73 -0
  179. package/{esm2020 → esm2022}/components/switch/switch.module.mjs +5 -5
  180. package/{esm2020 → esm2022}/components/table/cell.mjs +24 -24
  181. package/esm2022/components/table/row.mjs +164 -0
  182. package/esm2022/components/table/table-dense.component.mjs +38 -0
  183. package/esm2022/components/table/table.component.mjs +38 -0
  184. package/{esm2020 → esm2022}/components/table/table.module.mjs +37 -37
  185. package/esm2022/components/tabs/tab/tab.component.mjs +79 -0
  186. package/{esm2020 → esm2022}/components/tabs/tab-panel/tab-panel.component.mjs +4 -4
  187. package/esm2022/components/tabs/tabs.component.mjs +68 -0
  188. package/{esm2020 → esm2022}/components/tabs/tabs.module.mjs +11 -11
  189. package/esm2022/components/text-input/text-input.component.mjs +125 -0
  190. package/{esm2020 → esm2022}/components/text-input/text-input.module.mjs +9 -9
  191. package/esm2022/components/textarea-input/textarea-input.component.mjs +86 -0
  192. package/{esm2020 → esm2022}/components/textarea-input/textarea-input.module.mjs +11 -11
  193. package/{esm2020 → esm2022}/components/tooltip/tooltip-panel/tooltip-panel.component.mjs +4 -4
  194. package/{esm2020 → esm2022}/components/tooltip/tooltip.component.mjs +5 -5
  195. package/{esm2020 → esm2022}/components/tooltip/tooltip.module.mjs +13 -13
  196. package/{esm2020 → esm2022}/components/wrapped-input/wrapped-input.component.mjs +4 -4
  197. package/{esm2020 → esm2022}/components/wrapped-input/wrapped-input.module.mjs +7 -7
  198. package/{esm2020 → esm2022}/directives/menu-register.directive.mjs +6 -6
  199. package/{fesm2020 → fesm2022}/flywheel-io-vision.mjs +1471 -1489
  200. package/fesm2022/flywheel-io-vision.mjs.map +1 -0
  201. package/global.scss +1 -0
  202. package/package.json +9 -12
  203. package/styles.css +5 -0
  204. package/esm2020/components/avatar/avatar.component.mjs +0 -53
  205. package/esm2020/components/badge/badge.component.mjs +0 -45
  206. package/esm2020/components/breadcrumbs/breadcrumbs.component.mjs +0 -22
  207. package/esm2020/components/breadcrumbs/crumb.component.mjs +0 -34
  208. package/esm2020/components/button/button.directives.mjs +0 -129
  209. package/esm2020/components/button-group/button-group.component.mjs +0 -131
  210. package/esm2020/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs +0 -54
  211. package/esm2020/components/button-toggle/button-toggle.component.mjs +0 -137
  212. package/esm2020/components/checkbox/checkbox.component.mjs +0 -79
  213. package/esm2020/components/chip/chip.component.mjs +0 -52
  214. package/esm2020/components/contained-input/contained-input.component.mjs +0 -86
  215. package/esm2020/components/date-input/date-input.component.mjs +0 -139
  216. package/esm2020/components/dialog/dialog-content.component.mjs +0 -38
  217. package/esm2020/components/forms/validators.mjs +0 -81
  218. package/esm2020/components/icon/icon.component.mjs +0 -61
  219. package/esm2020/components/layouts/context/context.component.mjs +0 -46
  220. package/esm2020/components/layouts/layout-group.component.mjs +0 -36
  221. package/esm2020/components/menu/menu-close-triggers.directive.mjs +0 -38
  222. package/esm2020/components/menu/menu-container/menu-container.component.mjs +0 -90
  223. package/esm2020/components/menu/menu-item/menu-item.component.mjs +0 -136
  224. package/esm2020/components/menu/menu-sub-item/menu-sub-item.component.mjs +0 -109
  225. package/esm2020/components/menu/menu.component.mjs +0 -212
  226. package/esm2020/components/navbar/navbar-item/navbar-item.component.mjs +0 -95
  227. package/esm2020/components/navbar/navbar-sub-item/navbar-sub-item.component.mjs +0 -76
  228. package/esm2020/components/navbar/navbar.component.mjs +0 -75
  229. package/esm2020/components/number-input/number-input.component.mjs +0 -122
  230. package/esm2020/components/paginator/paginator-advanced/paginator-advanced.component.mjs +0 -123
  231. package/esm2020/components/paginator/paginator.component.mjs +0 -133
  232. package/esm2020/components/phone-input/phone-input.component.mjs +0 -285
  233. package/esm2020/components/popover/popover.component.mjs +0 -76
  234. package/esm2020/components/progress/spinner/spinner.component.mjs +0 -101
  235. package/esm2020/components/radio/radio-group.component.mjs +0 -117
  236. package/esm2020/components/radio/radio.component.mjs +0 -51
  237. package/esm2020/components/section-heading/back-button/back-button.component.mjs +0 -30
  238. package/esm2020/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +0 -376
  239. package/esm2020/components/select-menu/select-menu.component.mjs +0 -332
  240. package/esm2020/components/select-menu/select-menu.module.mjs +0 -56
  241. package/esm2020/components/shared/pipes/pipes.module.mjs +0 -36
  242. package/esm2020/components/shared/pipes/translate.pipe.mjs +0 -40
  243. package/esm2020/components/shared/services/menu-manager.service.mjs +0 -27
  244. package/esm2020/components/shared/translation.service.mjs +0 -26
  245. package/esm2020/components/snackbar/snackbar/snackbar.component.mjs +0 -111
  246. package/esm2020/components/snackbar/snackbar-container/snackbar-container.component.mjs +0 -63
  247. package/esm2020/components/snackbar/snackbar.service.mjs +0 -36
  248. package/esm2020/components/stepper/step.component.mjs +0 -113
  249. package/esm2020/components/stepper/stepper.component.mjs +0 -95
  250. package/esm2020/components/switch/switch.component.mjs +0 -73
  251. package/esm2020/components/table/row.mjs +0 -170
  252. package/esm2020/components/table/table-dense.component.mjs +0 -38
  253. package/esm2020/components/table/table.component.mjs +0 -38
  254. package/esm2020/components/tabs/tab/tab.component.mjs +0 -79
  255. package/esm2020/components/tabs/tabs.component.mjs +0 -68
  256. package/esm2020/components/text-input/text-input.component.mjs +0 -118
  257. package/esm2020/components/textarea-input/textarea-input.component.mjs +0 -86
  258. package/fesm2015/flywheel-io-vision.mjs +0 -8151
  259. package/fesm2015/flywheel-io-vision.mjs.map +0 -1
  260. package/fesm2020/flywheel-io-vision.mjs.map +0 -1
  261. package/flywheel-io-vision-2.0.0-beta.9.tgz +0 -0
  262. /package/{esm2020 → esm2022}/components/icon/icon.types.mjs +0 -0
  263. /package/{esm2020 → esm2022}/components/paginator/paginator.model.mjs +0 -0
  264. /package/{esm2020 → esm2022}/components/phone-input/country-code.data.mjs +0 -0
  265. /package/{esm2020 → esm2022}/components/phone-input/phone-input.model.mjs +0 -0
  266. /package/{esm2020 → esm2022}/components/snackbar/snackbar-message.model.mjs +0 -0
  267. /package/{esm2020 → esm2022}/components/snackbar/snackbar-timer.service.mjs +0 -0
  268. /package/{esm2020 → esm2022}/flywheel-io-vision.mjs +0 -0
  269. /package/{esm2020 → esm2022}/public-api.mjs +0 -0
@@ -1,111 +0,0 @@
1
- /* eslint-disable @rx-angular/no-explicit-change-detection-apis */
2
- import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, } from '@angular/core';
3
- import { FwSnackbarTimerService } from '../snackbar-timer.service';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "../snackbar-timer.service";
6
- import * as i2 from "@angular/common";
7
- import * as i3 from "../../button/button.component";
8
- import * as i4 from "../../icon-button/icon-button.component";
9
- import * as i5 from "../../icon/icon.component";
10
- export class FwSnackbarComponent {
11
- constructor(cdr, timerService) {
12
- this.cdr = cdr;
13
- this.timerService = timerService;
14
- this.messageDuration = 9000;
15
- this.ready = new EventEmitter();
16
- this.dismiss = new EventEmitter();
17
- this.action = new EventEmitter();
18
- this.color = 'primary';
19
- }
20
- get cssClass() {
21
- const cssClass = 'fw-snackbar';
22
- if (this.message?.severity) {
23
- return cssClass + ' ' + this.color;
24
- }
25
- else {
26
- return cssClass;
27
- }
28
- }
29
- ngAfterViewInit() {
30
- this.ready.emit(this);
31
- this.cdr.markForCheck();
32
- }
33
- startTimer() {
34
- if (this.message && this.message.duration) {
35
- this.messageDuration = this.message.duration;
36
- }
37
- this.timerService.start(this.messageDuration).then(() => {
38
- this.handleDismiss();
39
- this.cdr.markForCheck();
40
- });
41
- }
42
- stopTimer() {
43
- this.timerService.stop();
44
- this.cdr.markForCheck();
45
- }
46
- ngOnInit() {
47
- switch (this.message.severity) {
48
- case 'success':
49
- if (!this.message.icon) {
50
- this.message.icon = 'done-check-tracked';
51
- }
52
- this.color = 'success';
53
- break;
54
- case 'warning':
55
- if (!this.message.icon) {
56
- this.message.icon = 'warning-circle';
57
- }
58
- this.color = 'warning';
59
- break;
60
- case 'error':
61
- if (!this.message.icon) {
62
- this.message.icon = 'warning';
63
- }
64
- if (this.message.showClose === undefined) {
65
- this.message.showClose = true;
66
- }
67
- if (!this.message.duration) {
68
- this.message.duration = 29000;
69
- }
70
- this.color = 'danger';
71
- break;
72
- case 'info':
73
- if (!this.message.icon) {
74
- this.message.icon = 'information-circle';
75
- }
76
- this.color = 'primary';
77
- break;
78
- }
79
- }
80
- handleDismiss() {
81
- this.dismiss.emit(this.message.id);
82
- this.cdr.markForCheck();
83
- }
84
- handleAction() {
85
- this.action.emit(this.message.id);
86
- if (this.message.action) {
87
- this.message.action();
88
- }
89
- this.cdr.markForCheck();
90
- }
91
- }
92
- FwSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwSnackbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.FwSnackbarTimerService }], target: i0.ɵɵFactoryTarget.Component });
93
- FwSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwSnackbarComponent, selector: "fw-snackbar", inputs: { message: "message", messageDuration: "messageDuration" }, outputs: { ready: "ready", dismiss: "dismiss", action: "action" }, host: { properties: { "class": "this.cssClass" } }, providers: [FwSnackbarTimerService], ngImport: i0, template: "<ng-container *ngIf=\"message\">\n <fw-icon *ngIf=\"message.icon\">{{ message.icon }}</fw-icon>\n <h4 class=\"vision-h4\" *ngIf=\"message.message\">{{ message.message }}</h4>\n <fw-button\n *ngIf=\"message.actionText\" type=\"ghost\"\n [color]=\"color\" size=\"small\"\n (click)=\"handleAction()\">{{ message.actionText }}\n </fw-button>\n <fw-icon-button\n *ngIf=\"message.showClose\"\n icon=\"close\" size=\"small\" [color]=\"message.severity\"\n (click)=\"handleDismiss()\">\n </fw-icon-button>\n <div *ngIf=\"!message.actionText && !message.showClose\"></div>\n</ng-container>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large,fw-snackbar{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium{box-shadow:0 2px 5px #0000001a}.vision-shadow-small{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}fw-snackbar{display:flex;align-items:flex-start;box-sizing:border-box;max-width:320px;min-width:200px;min-height:30px;padding:8px 8px 8px 16px;gap:8px;transform-origin:center;background-color:var(--card-header);color:var(--typography-base);white-space:pre-wrap;border-radius:4px;border:1px solid var(--separations-border);margin:8px}fw-snackbar>fw-icon{width:24px;height:24px;font-size:24px;white-space:nowrap;margin:3px 0}fw-snackbar h4{margin:6px 0 0;flex:1}fw-snackbar.primary fw-icon{color:var(--primary-base)}fw-snackbar.danger fw-icon{color:var(--red-base)}fw-snackbar.success fw-icon{color:var(--green-base)}fw-snackbar.warning fw-icon{color:var(--orange-base)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FwButtonComponent, selector: "fw-button", inputs: ["color", "size", "variant", "type", "disabled", "fullWidth", "leftIcon", "rightIcon"] }, { kind: "component", type: i4.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }, { kind: "component", type: i5.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
94
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwSnackbarComponent, decorators: [{
95
- type: Component,
96
- args: [{ selector: 'fw-snackbar', providers: [FwSnackbarTimerService], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"message\">\n <fw-icon *ngIf=\"message.icon\">{{ message.icon }}</fw-icon>\n <h4 class=\"vision-h4\" *ngIf=\"message.message\">{{ message.message }}</h4>\n <fw-button\n *ngIf=\"message.actionText\" type=\"ghost\"\n [color]=\"color\" size=\"small\"\n (click)=\"handleAction()\">{{ message.actionText }}\n </fw-button>\n <fw-icon-button\n *ngIf=\"message.showClose\"\n icon=\"close\" size=\"small\" [color]=\"message.severity\"\n (click)=\"handleDismiss()\">\n </fw-icon-button>\n <div *ngIf=\"!message.actionText && !message.showClose\"></div>\n</ng-container>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large,fw-snackbar{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium{box-shadow:0 2px 5px #0000001a}.vision-shadow-small{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}fw-snackbar{display:flex;align-items:flex-start;box-sizing:border-box;max-width:320px;min-width:200px;min-height:30px;padding:8px 8px 8px 16px;gap:8px;transform-origin:center;background-color:var(--card-header);color:var(--typography-base);white-space:pre-wrap;border-radius:4px;border:1px solid var(--separations-border);margin:8px}fw-snackbar>fw-icon{width:24px;height:24px;font-size:24px;white-space:nowrap;margin:3px 0}fw-snackbar h4{margin:6px 0 0;flex:1}fw-snackbar.primary fw-icon{color:var(--primary-base)}fw-snackbar.danger fw-icon{color:var(--red-base)}fw-snackbar.success fw-icon{color:var(--green-base)}fw-snackbar.warning fw-icon{color:var(--orange-base)}\n"] }]
97
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.FwSnackbarTimerService }]; }, propDecorators: { message: [{
98
- type: Input
99
- }], messageDuration: [{
100
- type: Input
101
- }], ready: [{
102
- type: Output
103
- }], dismiss: [{
104
- type: Output
105
- }], action: [{
106
- type: Output
107
- }], cssClass: [{
108
- type: HostBinding,
109
- args: ['class']
110
- }] } });
111
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0VBQWtFO0FBQ2xFLE9BQU8sRUFFTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUVMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7QUFXbkUsTUFBTSxPQUFPLG1CQUFtQjtJQWlCOUIsWUFBb0IsR0FBc0IsRUFBVSxZQUFvQztRQUFwRSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFVLGlCQUFZLEdBQVosWUFBWSxDQUF3QjtRQWYvRSxvQkFBZSxHQUFXLElBQUksQ0FBQztRQUM5QixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQXVCLENBQUM7UUFDaEQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDckMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDOUMsVUFBSyxHQUFpRCxTQUFTLENBQUM7SUFZaEUsQ0FBQztJQVZELElBQTBCLFFBQVE7UUFDaEMsTUFBTSxRQUFRLEdBQUcsYUFBYSxDQUFDO1FBQy9CLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUU7WUFDMUIsT0FBTyxRQUFRLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7U0FDcEM7YUFBTTtZQUNMLE9BQU8sUUFBUSxDQUFDO1NBQ2pCO0lBQ0gsQ0FBQztJQUtELGVBQWU7UUFDYixJ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LG1CQUFtQjtxR0FBbkIsbUJBQW1CLGlPQUxuQixDQUFDLHNCQUFzQixDQUFDLDBCQ3JCckMsaW1CQWVBOzRGRFdhLG1CQUFtQjtrQkFUL0IsU0FBUzsrQkFDRSxhQUFhLGFBR1osQ0FBQyxzQkFBc0IsQ0FBQyxpQkFDcEIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs2SUFJdEMsT0FBTztzQkFBZixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksS0FBSztzQkFBZCxNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUdtQixRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAcngtYW5ndWxhci9uby1leHBsaWNpdC1jaGFuZ2UtZGV0ZWN0aW9uLWFwaXMgKi9cbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRndTbmFja2Jhck1lc3NhZ2UgfSBmcm9tICcuLi9zbmFja2Jhci1tZXNzYWdlLm1vZGVsJztcbmltcG9ydCB7IEZ3U25hY2tiYXJUaW1lclNlcnZpY2UgfSBmcm9tICcuLi9zbmFja2Jhci10aW1lci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctc25hY2tiYXInLFxuICBzdHlsZVVybHM6IFsnLi9zbmFja2Jhci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vc25hY2tiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFtGd1NuYWNrYmFyVGltZXJTZXJ2aWNlXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuXG5leHBvcnQgY2xhc3MgRndTbmFja2JhckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG1lc3NhZ2U6IEZ3U25hY2tiYXJNZXNzYWdlO1xuICBASW5wdXQoKSBtZXNzYWdlRHVyYXRpb246IG51bWJlciA9IDkwMDA7XG4gIEBPdXRwdXQoKSByZWFkeSA9IG5ldyBFdmVudEVtaXR0ZXI8RndTbmFja2JhckNvbXBvbmVudD4oKTtcbiAgQE91dHB1dCgpIGRpc21pc3MgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBjb2xvcjogJ3ByaW1hcnknIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2RhbmdlcicgPSAncHJpbWFyeSc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjc3NDbGFzcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNzc0NsYXNzID0gJ2Z3LXNuYWNrYmFyJztcbiAgICBpZiAodGhpcy5tZXNzYWdlPy5zZXZlcml0eSkge1xuICAgICAgcmV0dXJuIGNzc0NsYXNzICsgJyAnICsgdGhpcy5jb2xvcjtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGNzc0NsYXNzO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZiwgcHJpdmF0ZSB0aW1lclNlcnZpY2U6IEZ3U25hY2tiYXJUaW1lclNlcnZpY2UpIHtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnJlYWR5LmVtaXQodGhpcyk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBzdGFydFRpbWVyKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm1lc3NhZ2UgJiYgdGhpcy5tZXNzYWdlLmR1cmF0aW9uKSB7XG4gICAgICB0aGlzLm1lc3NhZ2VEdXJhdGlvbiA9IHRoaXMubWVzc2FnZS5kdXJhdGlvbjtcbiAgICB9XG4gICAgdGhpcy50aW1lclNlcnZpY2Uuc3RhcnQodGhpcy5tZXNzYWdlRHVyYXRpb24pLnRoZW4oKCkgPT4ge1xuICAgICAgdGhpcy5oYW5kbGVEaXNtaXNzKCk7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgfVxuXG4gIHN0b3BUaW1lcigpOiB2b2lkIHtcbiAgICB0aGlzLnRpbWVyU2VydmljZS5zdG9wKCk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzd2l0Y2ggKHRoaXMubWVzc2FnZS5zZXZlcml0eSkge1xuICAgICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICAgIGlmICghdGhpcy5tZXNzYWdlLmljb24pIHtcbiAgICAgICAgICB0aGlzLm1lc3NhZ2UuaWNvbiA9ICdkb25lLWNoZWNrLXRyYWNrZWQnO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuY29sb3IgPSAnc3VjY2Vzcyc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnd2FybmluZyc6XG4gICAgICAgIGlmICghdGhpcy5tZXNzYWdlLmljb24pIHtcbiAgICAgICAgICB0aGlzLm1lc3NhZ2UuaWNvbiA9ICd3YXJuaW5nLWNpcmNsZSc7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5jb2xvciA9ICd3YXJuaW5nJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdlcnJvcic6XG4gICAgICAgIGlmICghdGhpcy5tZXNzYWdlLmljb24pIHtcbiAgICAgICAgICB0aGlzLm1lc3NhZ2UuaWNvbiA9ICd3YXJuaW5nJztcbiAgICAgICAgfVxuICAgICAgICBpZiAodGhpcy5tZXNzYWdlLnNob3dDbG9zZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgdGhpcy5tZXNzYWdlLnNob3dDbG9zZSA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCF0aGlzLm1lc3NhZ2UuZHVyYXRpb24pIHtcbiAgICAgICAgICB0aGlzLm1lc3NhZ2UuZHVyYXRpb24gPSAyOTAwMDtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmNvbG9yID0gJ2Rhbmdlcic7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnaW5mbyc6XG4gICAgICAgIGlmICghdGhpcy5tZXNzYWdlLmljb24pIHtcbiAgICAgICAgICB0aGlzLm1lc3NhZ2UuaWNvbiA9ICdpbmZvcm1hdGlvbi1jaXJjbGUnO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuY29sb3IgPSAncHJpbWFyeSc7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxuXG4gIGhhbmRsZURpc21pc3MoKTogdm9pZCB7XG4gICAgdGhpcy5kaXNtaXNzLmVtaXQodGhpcy5tZXNzYWdlLmlkKTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIGhhbmRsZUFjdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbi5lbWl0KHRoaXMubWVzc2FnZS5pZCk7XG4gICAgaWYgKHRoaXMubWVzc2FnZS5hY3Rpb24pIHtcbiAgICAgIHRoaXMubWVzc2FnZS5hY3Rpb24oKTtcbiAgICB9XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1lc3NhZ2VcIj5cbiAgPGZ3LWljb24gKm5nSWY9XCJtZXNzYWdlLmljb25cIj57eyBtZXNzYWdlLmljb24gfX08L2Z3LWljb24+XG4gIDxoNCBjbGFzcz1cInZpc2lvbi1oNFwiICpuZ0lmPVwibWVzc2FnZS5tZXNzYWdlXCI+e3sgbWVzc2FnZS5tZXNzYWdlIH19PC9oND5cbiAgPGZ3LWJ1dHRvblxuICAgICpuZ0lmPVwibWVzc2FnZS5hY3Rpb25UZXh0XCIgdHlwZT1cImdob3N0XCJcbiAgICBbY29sb3JdPVwiY29sb3JcIiBzaXplPVwic21hbGxcIlxuICAgIChjbGljayk9XCJoYW5kbGVBY3Rpb24oKVwiPnt7IG1lc3NhZ2UuYWN0aW9uVGV4dCB9fVxuICA8L2Z3LWJ1dHRvbj5cbiAgPGZ3LWljb24tYnV0dG9uXG4gICAgKm5nSWY9XCJtZXNzYWdlLnNob3dDbG9zZVwiXG4gICAgaWNvbj1cImNsb3NlXCIgc2l6ZT1cInNtYWxsXCIgW2NvbG9yXT1cIm1lc3NhZ2Uuc2V2ZXJpdHlcIlxuICAgIChjbGljayk9XCJoYW5kbGVEaXNtaXNzKClcIj5cbiAgPC9mdy1pY29uLWJ1dHRvbj5cbiAgPGRpdiAqbmdJZj1cIiFtZXNzYWdlLmFjdGlvblRleHQgJiYgIW1lc3NhZ2Uuc2hvd0Nsb3NlXCI+PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
@@ -1,63 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation, } from '@angular/core';
2
- import { Subscription } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../snackbar.service";
5
- import * as i2 from "@angular/common";
6
- import * as i3 from "../../button/button.component";
7
- import * as i4 from "../snackbar/snackbar.component";
8
- export class FwSnackbarContainerComponent {
9
- constructor(cdr, snackbarService) {
10
- this.cdr = cdr;
11
- this.snackbarService = snackbarService;
12
- this.limit = 10;
13
- this.messages = [];
14
- this.subscriptions = {
15
- messages: Subscription.EMPTY,
16
- };
17
- this.subscriptions.messages = this.snackbarService.messages$.subscribe((messages) => {
18
- this.messages = messages;
19
- // eslint-disable-next-line @rx-angular/no-explicit-change-detection-apis
20
- this.cdr.markForCheck();
21
- });
22
- }
23
- get classes() {
24
- return 'fw-snackbar-container';
25
- }
26
- ;
27
- ngOnDestroy() {
28
- for (const subscription of Object.values(this.subscriptions)) {
29
- subscription.unsubscribe();
30
- }
31
- }
32
- onReady(snackbar) {
33
- const currentMessage = this.messages[this.messages.length - 1];
34
- currentMessage.ref = snackbar;
35
- snackbar.startTimer();
36
- }
37
- onDismiss(messageId) {
38
- const message = this.messages.find(currentMessage => currentMessage.id === messageId);
39
- if (message?.ref) {
40
- message.ref.stopTimer();
41
- }
42
- if (message?.id) {
43
- this.snackbarService.dismiss(message.id);
44
- }
45
- // eslint-disable-next-line @rx-angular/no-explicit-change-detection-apis
46
- this.cdr.markForCheck();
47
- }
48
- clearAll() {
49
- this.snackbarService.dismissAll();
50
- // eslint-disable-next-line @rx-angular/no-explicit-change-detection-apis
51
- this.cdr.markForCheck();
52
- }
53
- }
54
- FwSnackbarContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwSnackbarContainerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.FwSnackbarService }], target: i0.ɵɵFactoryTarget.Component });
55
- FwSnackbarContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwSnackbarContainerComponent, selector: "fw-snackbar-container", host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<div role=\"list\">\n <div class=\"buttons\">\n <fw-button\n *ngIf=\"messages.length > 5\" (click)=\"clearAll()\"\n class=\"clear-all\" aria-label=\"clear all\"\n color=\"slate\" size=\"small\" type=\"ghost\">\n Clear All\n </fw-button>\n </div>\n <fw-snackbar\n *ngFor=\"let message of messages; index as $index\"\n (ready)=\"onReady($event)\"\n (dismiss)=\"onDismiss($event)\"\n [message]=\"message\"\n [attr.aria-label]=\"message.message\"\n role=\"listitem\"\n ></fw-snackbar>\n</div>\n", styles: ["fw-snackbar-container{position:fixed;right:6px;bottom:10px;z-index:999999}fw-snackbar-container .buttons{text-align:right;padding-right:10px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FwButtonComponent, selector: "fw-button", inputs: ["color", "size", "variant", "type", "disabled", "fullWidth", "leftIcon", "rightIcon"] }, { kind: "component", type: i4.FwSnackbarComponent, selector: "fw-snackbar", inputs: ["message", "messageDuration"], outputs: ["ready", "dismiss", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwSnackbarContainerComponent, decorators: [{
57
- type: Component,
58
- args: [{ selector: 'fw-snackbar-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div role=\"list\">\n <div class=\"buttons\">\n <fw-button\n *ngIf=\"messages.length > 5\" (click)=\"clearAll()\"\n class=\"clear-all\" aria-label=\"clear all\"\n color=\"slate\" size=\"small\" type=\"ghost\">\n Clear All\n </fw-button>\n </div>\n <fw-snackbar\n *ngFor=\"let message of messages; index as $index\"\n (ready)=\"onReady($event)\"\n (dismiss)=\"onDismiss($event)\"\n [message]=\"message\"\n [attr.aria-label]=\"message.message\"\n role=\"listitem\"\n ></fw-snackbar>\n</div>\n", styles: ["fw-snackbar-container{position:fixed;right:6px;bottom:10px;z-index:999999}fw-snackbar-container .buttons{text-align:right;padding-right:10px}\n"] }]
59
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.FwSnackbarService }]; }, propDecorators: { classes: [{
60
- type: HostBinding,
61
- args: ['attr.class']
62
- }] } });
63
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXItY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NuYWNrYmFyL3NuYWNrYmFyLWNvbnRhaW5lci9zbmFja2Jhci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXItY29udGFpbmVyL3NuYWNrYmFyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxXQUFXLEVBRVgsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7OztBQWFwQyxNQUFNLE9BQU8sNEJBQTRCO0lBWXZDLFlBQW9CLEdBQXNCLEVBQVUsZUFBa0M7UUFBbEUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFBVSxvQkFBZSxHQUFmLGVBQWUsQ0FBbUI7UUFQdEYsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGFBQVEsR0FBd0IsRUFBRSxDQUFDO1FBRTNCLGtCQUFhLEdBQUc7WUFDdEIsUUFBUSxFQUFFLFlBQVksQ0FBQyxLQUFLO1NBQzdCLENBQUM7UUFHQSxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxRQUE2QixFQUFFLEVBQUU7WUFDdkcsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7WUFDekIseUVBQXlFO1lBQ3pFLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBakJELElBQStCLE9BQU87UUFDcEMsT0FBTyx1QkFBdUIsQ0FBQztJQUNqQyxDQUFDO0lBQUEsQ0FBQztJQWlCRixXQUFXO1FBQ1QsS0FBSyxNQUFNLFlBQVksSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsRUFBRTtZQUM1RCxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDNUI7SUFDSCxDQUFDO0lBRUQsT0FBTyxDQUFDLFFBQTZCO1FBQ25DLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDL0QsY0FBYyxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUM7UUFDOUIsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxTQUFTLENBQUMsU0FBaUI7UUFDekIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQyxjQUFjLENBQUMsRUFBRSxLQUFLLFNBQVMsQ0FBQyxDQUFDO1FBQ3RGLElBQUksT0FBTyxFQUFFLEdBQUcsRUFBRTtZQUNoQixPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ3pCO1FBQ0QsSUFBSSxPQUFPLEVBQUUsRUFBRSxFQUFFO1lBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQzFDO1FBQ0QseUVBQXlFO1FBQ3pFLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xDLHlFQUF5RTtRQUN6RSxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7OzBIQWhEVSw0QkFBNEI7OEdBQTVCLDRCQUE0QixxSENyQnpDLDRoQkFrQkE7NEZER2EsNEJBQTRCO2tCQVB4QyxTQUFTOytCQUNFLHVCQUF1QixpQkFHbEIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTt3SUFHaEIsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBPbkRlc3Ryb3ksXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBGd1NuYWNrYmFyU2VydmljZSB9IGZyb20gJy4uL3NuYWNrYmFyLnNlcnZpY2UnO1xuaW1wb3J0IHsgRndTbmFja2JhckNvbXBvbmVudCB9IGZyb20gJy4uL3NuYWNrYmFyL3NuYWNrYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGd1NuYWNrYmFyTWVzc2FnZSB9IGZyb20gJy4uL3NuYWNrYmFyLW1lc3NhZ2UubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1zbmFja2Jhci1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc25hY2tiYXItY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc25hY2tiYXItY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGd1NuYWNrYmFyQ29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNsYXNzJykgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gJ2Z3LXNuYWNrYmFyLWNvbnRhaW5lcic7XG4gIH07XG5cbiAgbGltaXQgPSAxMDtcbiAgbWVzc2FnZXM6IEZ3U25hY2tiYXJNZXNzYWdlW10gPSBbXTtcblxuICBwcml2YXRlIHN1YnNjcmlwdGlvbnMgPSB7XG4gICAgbWVzc2FnZXM6IFN1YnNjcmlwdGlvbi5FTVBUWSxcbiAgfTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgc25hY2tiYXJTZXJ2aWNlOiBGd1NuYWNrYmFyU2VydmljZSkge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5tZXNzYWdlcyA9IHRoaXMuc25hY2tiYXJTZXJ2aWNlLm1lc3NhZ2VzJC5zdWJzY3JpYmUoKG1lc3NhZ2VzOiBGd1NuYWNrYmFyTWVzc2FnZVtdKSA9PiB7XG4gICAgICB0aGlzLm1lc3NhZ2VzID0gbWVzc2FnZXM7XG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHJ4LWFuZ3VsYXIvbm8tZXhwbGljaXQtY2hhbmdlLWRldGVjdGlvbi1hcGlzXG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGZvciAoY29uc3Qgc3Vic2NyaXB0aW9uIG9mIE9iamVjdC52YWx1ZXModGhpcy5zdWJzY3JpcHRpb25zKSkge1xuICAgICAgc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG5cbiAgb25SZWFkeShzbmFja2JhcjogRndTbmFja2JhckNvbXBvbmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGN1cnJlbnRNZXNzYWdlID0gdGhpcy5tZXNzYWdlc1t0aGlzLm1lc3NhZ2VzLmxlbmd0aCAtIDFdO1xuICAgIGN1cnJlbnRNZXNzYWdlLnJlZiA9IHNuYWNrYmFyO1xuICAgIHNuYWNrYmFyLnN0YXJ0VGltZXIoKTtcbiAgfVxuXG4gIG9uRGlzbWlzcyhtZXNzYWdlSWQ6IHN0cmluZyk6IHZvaWQge1xuICAgIGNvbnN0IG1lc3NhZ2UgPSB0aGlzLm1lc3NhZ2VzLmZpbmQoY3VycmVudE1lc3NhZ2UgPT4gY3VycmVudE1lc3NhZ2UuaWQgPT09IG1lc3NhZ2VJZCk7XG4gICAgaWYgKG1lc3NhZ2U/LnJlZikge1xuICAgICAgbWVzc2FnZS5yZWYuc3RvcFRpbWVyKCk7XG4gICAgfVxuICAgIGlmIChtZXNzYWdlPy5pZCkge1xuICAgICAgdGhpcy5zbmFja2JhclNlcnZpY2UuZGlzbWlzcyhtZXNzYWdlLmlkKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEByeC1hbmd1bGFyL25vLWV4cGxpY2l0LWNoYW5nZS1kZXRlY3Rpb24tYXBpc1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgY2xlYXJBbGwoKTogdm9pZCB7XG4gICAgdGhpcy5zbmFja2JhclNlcnZpY2UuZGlzbWlzc0FsbCgpO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAcngtYW5ndWxhci9uby1leHBsaWNpdC1jaGFuZ2UtZGV0ZWN0aW9uLWFwaXNcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGRpdiByb2xlPVwibGlzdFwiPlxuICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxuICAgIDxmdy1idXR0b25cbiAgICAgICpuZ0lmPVwibWVzc2FnZXMubGVuZ3RoID4gNVwiIChjbGljayk9XCJjbGVhckFsbCgpXCJcbiAgICAgIGNsYXNzPVwiY2xlYXItYWxsXCIgYXJpYS1sYWJlbD1cImNsZWFyIGFsbFwiXG4gICAgICBjb2xvcj1cInNsYXRlXCIgc2l6ZT1cInNtYWxsXCIgdHlwZT1cImdob3N0XCI+XG4gICAgICBDbGVhciBBbGxcbiAgICA8L2Z3LWJ1dHRvbj5cbiAgPC9kaXY+XG4gIDxmdy1zbmFja2JhclxuICAgICpuZ0Zvcj1cImxldCBtZXNzYWdlIG9mIG1lc3NhZ2VzOyBpbmRleCBhcyAkaW5kZXhcIlxuICAgIChyZWFkeSk9XCJvblJlYWR5KCRldmVudClcIlxuICAgIChkaXNtaXNzKT1cIm9uRGlzbWlzcygkZXZlbnQpXCJcbiAgICBbbWVzc2FnZV09XCJtZXNzYWdlXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIm1lc3NhZ2UubWVzc2FnZVwiXG4gICAgcm9sZT1cImxpc3RpdGVtXCJcbiAgPjwvZnctc25hY2tiYXI+XG48L2Rpdj5cbiJdfQ==
@@ -1,36 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import { BehaviorSubject } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- export function genMessageId() {
5
- return String.prototype.padStart(24, Math.floor(Math.random() * Date.now()).toString(16));
6
- }
7
- export class FwSnackbarService {
8
- constructor() {
9
- this.messages$ = new BehaviorSubject([]);
10
- this.messageQueue = [];
11
- }
12
- show(message) {
13
- if (!message.id) {
14
- message.id = genMessageId();
15
- }
16
- this.messageQueue.push(message);
17
- this.messages$.next(this.messageQueue);
18
- }
19
- dismiss(messageId) {
20
- this.messageQueue = this.messageQueue.filter((v) => v.id !== messageId);
21
- this.messages$.next(this.messageQueue);
22
- }
23
- dismissAll() {
24
- this.messageQueue = [];
25
- this.messages$.next(this.messageQueue);
26
- }
27
- }
28
- FwSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwSnackbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
29
- FwSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwSnackbarService, providedIn: 'root' });
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwSnackbarService, decorators: [{
31
- type: Injectable,
32
- args: [{
33
- providedIn: 'root',
34
- }]
35
- }] });
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NuYWNrYmFyL3NuYWNrYmFyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUl2QyxNQUFNLFVBQVUsWUFBWTtJQUMxQixPQUFPLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztBQUM1RixDQUFDO0FBS0QsTUFBTSxPQUFPLGlCQUFpQjtJQUg5QjtRQUlXLGNBQVMsR0FBRyxJQUFJLGVBQWUsQ0FBc0IsRUFBRSxDQUFDLENBQUM7UUFDMUQsaUJBQVksR0FBd0IsRUFBRSxDQUFDO0tBb0JoRDtJQWxCQyxJQUFJLENBQUMsT0FBMEI7UUFDN0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLEVBQUU7WUFDZixPQUFPLENBQUMsRUFBRSxHQUFHLFlBQVksRUFBRSxDQUFDO1NBQzdCO1FBRUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDaEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxPQUFPLENBQUMsU0FBaUI7UUFDdkIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxTQUFTLENBQUMsQ0FBQztRQUN4RSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDekMsQ0FBQzs7K0dBckJVLGlCQUFpQjttSEFBakIsaUJBQWlCLGNBRmhCLE1BQU07NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBGd1NuYWNrYmFyTWVzc2FnZSB9IGZyb20gJy4vc25hY2tiYXItbWVzc2FnZS5tb2RlbCc7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZW5NZXNzYWdlSWQoKTogc3RyaW5nIHtcbiAgcmV0dXJuIFN0cmluZy5wcm90b3R5cGUucGFkU3RhcnQoMjQsIE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIERhdGUubm93KCkpLnRvU3RyaW5nKDE2KSk7XG59XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBGd1NuYWNrYmFyU2VydmljZSB7XG4gIHJlYWRvbmx5IG1lc3NhZ2VzJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8RndTbmFja2Jhck1lc3NhZ2VbXT4oW10pO1xuICBwcml2YXRlIG1lc3NhZ2VRdWV1ZTogRndTbmFja2Jhck1lc3NhZ2VbXSA9IFtdO1xuXG4gIHNob3cobWVzc2FnZTogRndTbmFja2Jhck1lc3NhZ2UpOiB2b2lkIHtcbiAgICBpZiAoIW1lc3NhZ2UuaWQpIHtcbiAgICAgIG1lc3NhZ2UuaWQgPSBnZW5NZXNzYWdlSWQoKTtcbiAgICB9XG5cbiAgICB0aGlzLm1lc3NhZ2VRdWV1ZS5wdXNoKG1lc3NhZ2UpO1xuICAgIHRoaXMubWVzc2FnZXMkLm5leHQodGhpcy5tZXNzYWdlUXVldWUpO1xuICB9XG5cbiAgZGlzbWlzcyhtZXNzYWdlSWQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMubWVzc2FnZVF1ZXVlID0gdGhpcy5tZXNzYWdlUXVldWUuZmlsdGVyKCh2KSA9PiB2LmlkICE9PSBtZXNzYWdlSWQpO1xuICAgIHRoaXMubWVzc2FnZXMkLm5leHQodGhpcy5tZXNzYWdlUXVldWUpO1xuICB9XG5cbiAgZGlzbWlzc0FsbCgpOiB2b2lkIHtcbiAgICB0aGlzLm1lc3NhZ2VRdWV1ZSA9IFtdO1xuICAgIHRoaXMubWVzc2FnZXMkLm5leHQodGhpcy5tZXNzYWdlUXVldWUpO1xuICB9XG59XG5cbiJdfQ==
@@ -1,113 +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
- export class FwStepComponent {
6
- constructor() {
7
- this.color = 'slate';
8
- this.variant = 'number';
9
- this.alignment = 'left';
10
- this.backgroundColor = 'var(--card-background)';
11
- // eslint-disable-next-line @angular-eslint/no-output-native
12
- this.select = new EventEmitter();
13
- }
14
- handleClick() {
15
- if (this.completed && !this.done && !this.disabled) {
16
- this.select.emit(this.stepNumber);
17
- }
18
- }
19
- ngOnChanges(changes) {
20
- if (changes.status) {
21
- this.active = false;
22
- this.disabled = false;
23
- this.completed = false;
24
- this.done = false;
25
- this.color = 'slate';
26
- switch (changes.status.currentValue) {
27
- case 'active':
28
- this.active = true;
29
- break;
30
- case 'completed':
31
- this.completed = true;
32
- break;
33
- case 'done':
34
- this.done = true;
35
- break;
36
- case 'disabled':
37
- this.disabled = true;
38
- break;
39
- case 'error':
40
- this.color = 'error';
41
- break;
42
- case 'warning':
43
- this.color = 'warning';
44
- break;
45
- case 'info':
46
- this.color = 'info';
47
- break;
48
- case 'default':
49
- default:
50
- // handled in init
51
- break;
52
- }
53
- }
54
- if (changes.active && changes.active.previousValue === false) {
55
- this.status = 'active';
56
- }
57
- if (changes.completed && changes.completed.previousValue === false) {
58
- this.status = 'completed';
59
- }
60
- if (changes.done && changes.done.previousValue === false) {
61
- this.status = 'done';
62
- }
63
- if (changes.disabled && changes.disabled.previousValue === false) {
64
- this.status = 'disabled';
65
- }
66
- if (this.color === 'slate' && !this.active && !this.completed && !this.done && !this.disabled) {
67
- this.status = 'default';
68
- }
69
- }
70
- }
71
- FwStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
72
- FwStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwStepComponent, selector: "fw-step", inputs: { stepNumber: "stepNumber", color: "color", variant: "variant", alignment: "alignment", backgroundColor: "backgroundColor", title: "title", description: "description", icon: "icon", disabled: "disabled", active: "active", completed: "completed", done: "done", status: "status" }, outputs: { select: "select" }, usesOnChanges: true, ngImport: i0, template: "<div\n [ngClass]=\"['step-wrapper', 'step-color-'+color, 'step-alignment-'+alignment]\"\n [class.disabled]=\"disabled\"\n [class.active]=\"active\"\n [class.completed]=\"completed\"\n [class.done]=\"done\"\n (click)=\"handleClick()\">\n <div class=\"step-connector\"></div>\n <div class=\"step-content\" [style]=\"{backgroundColor: backgroundColor}\">\n <div\n class=\"step-decorator-wrapper\"\n [style]=\"{outlineColor: backgroundColor, backgroundColor: backgroundColor}\">\n <div *ngIf=\"done; else notDone\" class=\"step-done\" [style]=\"{outlineColor: backgroundColor}\">\n <fw-icon size=\"small\">done-check</fw-icon>\n </div>\n </div>\n <ng-template #notDone>\n <div *ngIf=\"variant==='number'\" class=\"step-number\">\n <h5 class=\"vision-h5\">{{ stepNumber }}</h5>\n </div>\n <div *ngIf=\"variant==='icon'\" class=\"step-icon\">\n <fw-icon size=\"small\">{{ icon }}</fw-icon>\n </div>\n <div *ngIf=\"variant==='decorator'\" class=\"step-decorator\">\n <ng-content select=\"fw-step-decorator\"></ng-content>\n </div>\n </ng-template>\n <div class=\"step-text\">\n <h4 class=\"vision-h4\">{{ title }}</h4>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n </div>\n</div>\n", styles: [":host{box-sizing:border-box;position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center}:host .step-connector{position:absolute;left:-50%;right:0;top:17px;height:1px;width:100%;background-color:var(--separations-base);z-index:49}:host:first-of-type .step-connector{display:none}:host .step-content{position:relative;z-index:50}:host .step-number{box-sizing:border-box;display:flex;width:24px;height:24px;margin:5px 8px;padding:9px;flex-direction:column;justify-content:center;align-items:center;border-radius:64px;border:1px solid var(--separations-base);background:var(--slate-hover)}:host .step-number h5{color:inherit;margin:0}:host .step-icon{box-sizing:border-box;display:flex;width:24px;height:24px;margin:5px 8px;flex-direction:column;justify-content:center;align-items:center;background-color:var(--card-background);color:var(--typography-muted);font-size:24px}:host .step-decorator{box-sizing:border-box;display:flex;width:24px;height:24px;margin:5px 8px;flex-direction:column;justify-content:center;align-items:center;background-color:var(--card-background);font-size:24px}:host .step-done{box-sizing:border-box;display:flex;width:24px;height:24px;margin:5px 8px;flex-direction:column;justify-content:center;align-items:center;border-radius:64px;color:var(--typography-contrast);background-color:var(--green-base);font-size:16px}:host .step-text{flex:1;display:flex;flex-direction:column;justify-content:center;color:var(--typography-muted);font-size:14px;font-weight:500;line-height:130%}:host .step-text h4{margin:0;white-space:nowrap;color:var(--typography-muted)}:host .step-text p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .step-text .description{color:var(--typography-muted);font-size:10px;font-weight:400;line-height:12px}:host .step-alignment-center .step-content{background-color:transparent!important;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}:host .step-alignment-center .step-content .step-text{align-items:center}:host .step-alignment-left .step-content{background-color:var(--card-background);padding-right:10px;display:flex;flex-direction:row}:host .active .step-number{background-color:transparent;border:1px solid var(--primary-base);color:var(--primary-base)}:host .active .step-icon{color:var(--primary-base)}:host .active .step-text{color:var(--primary-base)}:host .active .step-text h4{color:var(--primary-base)}:host .active .step-connector{background-color:var(--primary-base)}:host .completed .step-number,:host .completed .step-icon{background-color:var(--primary-base);border:1px solid var(--primary-base);color:var(--typography-contrast)}:host .completed .step-icon{background-color:transparent;border:none;color:var(--primary-base)}:host .completed .step-text{color:var(--typography-base)}:host .completed .step-text h4{color:var(--typography-base)}:host .completed .step-connector{background-color:var(--primary-base)}:host .completed:not(.done){cursor:pointer}:host .done .step-connector{background-color:var(--green-base)}:host .step-color-error .step-number{background-color:var(--red-hover);color:var(--red-base)}:host .step-color-error .step-icon{color:var(--red-base)}:host .step-color-error .step-text{color:var(--red-base)}:host .step-color-error .step-text h4{color:var(--red-base)}:host .step-color-error .step-text .description{color:var(--red-base)}:host .step-color-error.active{color:var(--red-base)}:host .step-color-error.active .step-number{border-color:var(--red-base);color:var(--red-base)}:host .step-color-error.completed .step-number{color:var(--typography-contrast);border-color:var(--red-base);background-color:var(--red-base)}:host .step-color-error.completed .step-icon{background-color:transparent;border:none}:host .step-color-warning .step-number{background-color:var(--orange-hover);color:var(--orange-base)}:host .step-color-warning .step-icon{color:var(--orange-base)}:host .step-color-warning .step-text{color:var(--orange-base)}:host .step-color-warning .step-text h4{color:var(--orange-base)}:host .step-color-warning .step-text .description{color:var(--orange-base)}:host .step-color-warning.active{color:var(--orange-base)}:host .step-color-warning.active .step-number{border-color:var(--orange-base);color:var(--orange-base)}:host .step-color-warning.completed .step-number{color:var(--typography-contrast);border-color:var(--orange-base);background-color:var(--orange-base)}:host .step-color-warning.completed .step-icon{background-color:transparent;border:none}:host .step-color-success .step-number{background-color:var(--green-hover);color:var(--green-base)}:host .step-color-success .step-icon{color:var(--green-base)}:host .step-color-success .step-text{color:var(--green-base)}:host .step-color-success .step-text h4{color:var(--green-base)}:host .step-color-success .step-text .description{color:var(--green-base)}:host .step-color-success.active{color:var(--green-base)}:host .step-color-success.active .step-number{border-color:var(--green-base);color:var(--green-base)}:host .step-color-success.completed .step-number{color:var(--typography-contrast);border-color:var(--green-base);background-color:var(--green-base)}:host .step-color-success.completed .step-icon{background-color:transparent;border:none}:host .step-color-info .step-number{background-color:var(--primary-hover);color:var(--primary-base)}:host .step-color-info .step-icon{color:var(--primary-base)}:host .step-color-info .step-text{color:var(--primary-base)}:host .step-color-info .step-text h4{color:var(--primary-base)}:host .step-color-info .step-text .description{color:var(--primary-base)}:host .step-color-info.active{color:var(--primary-base)}:host .step-color-info.active .step-number{background-color:var(--typography-contrast);border-color:var(--primary-base);color:var(--primary-base)}:host .step-color-info.completed .step-number{color:var(--typography-contrast);border-color:var(--primary-base);background-color:var(--primary-base)}:host .step-color-info.completed .step-icon{background-color:transparent;border:none}:host .disabled .step-text{color:var(--typography-muted);opacity:.4}:host .disabled .step-text h4{color:var(--typography-muted)}:host .disabled .step-text .description{color:var(--typography-muted)}:host .disabled .step-number{color:var(--typography-muted);border-color:var(--separations-base);background-color:var(--slate-focus)}:host .disabled .step-icon{opacity:.4;color:var(--typography-muted);background-color:var(--typography-contrast);border-color:var(--typography-contrast)}\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"] }] });
73
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwStepComponent, decorators: [{
74
- type: Component,
75
- args: [{ selector: 'fw-step', template: "<div\n [ngClass]=\"['step-wrapper', 'step-color-'+color, 'step-alignment-'+alignment]\"\n [class.disabled]=\"disabled\"\n [class.active]=\"active\"\n [class.completed]=\"completed\"\n [class.done]=\"done\"\n (click)=\"handleClick()\">\n <div class=\"step-connector\"></div>\n <div class=\"step-content\" [style]=\"{backgroundColor: backgroundColor}\">\n <div\n class=\"step-decorator-wrapper\"\n [style]=\"{outlineColor: backgroundColor, backgroundColor: backgroundColor}\">\n <div *ngIf=\"done; else notDone\" class=\"step-done\" [style]=\"{outlineColor: backgroundColor}\">\n <fw-icon size=\"small\">done-check</fw-icon>\n </div>\n </div>\n <ng-template #notDone>\n <div *ngIf=\"variant==='number'\" class=\"step-number\">\n <h5 class=\"vision-h5\">{{ stepNumber }}</h5>\n </div>\n <div *ngIf=\"variant==='icon'\" class=\"step-icon\">\n <fw-icon size=\"small\">{{ icon }}</fw-icon>\n </div>\n <div *ngIf=\"variant==='decorator'\" class=\"step-decorator\">\n <ng-content select=\"fw-step-decorator\"></ng-content>\n </div>\n </ng-template>\n <div class=\"step-text\">\n <h4 class=\"vision-h4\">{{ title }}</h4>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n </div>\n</div>\n", styles: [":host{box-sizing:border-box;position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center}:host .step-connector{position:absolute;left:-50%;right:0;top:17px;height:1px;width:100%;background-color:var(--separations-base);z-index:49}:host:first-of-type .step-connector{display:none}:host .step-content{position:relative;z-index:50}:host .step-number{box-sizing:border-box;display:flex;width:24px;height:24px;margin:5px 8px;padding:9px;flex-direction:column;justify-content:center;align-items:center;border-radius:64px;border:1px solid var(--separations-base);background:var(--slate-hover)}:host .step-number h5{color:inherit;margin:0}:host .step-icon{box-sizing:border-box;display:flex;width:24px;height:24px;margin:5px 8px;flex-direction:column;justify-content:center;align-items:center;background-color:var(--card-background);color:var(--typography-muted);font-size:24px}:host .step-decorator{box-sizing:border-box;display:flex;width:24px;height:24px;margin:5px 8px;flex-direction:column;justify-content:center;align-items:center;background-color:var(--card-background);font-size:24px}:host .step-done{box-sizing:border-box;display:flex;width:24px;height:24px;margin:5px 8px;flex-direction:column;justify-content:center;align-items:center;border-radius:64px;color:var(--typography-contrast);background-color:var(--green-base);font-size:16px}:host .step-text{flex:1;display:flex;flex-direction:column;justify-content:center;color:var(--typography-muted);font-size:14px;font-weight:500;line-height:130%}:host .step-text h4{margin:0;white-space:nowrap;color:var(--typography-muted)}:host .step-text p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .step-text .description{color:var(--typography-muted);font-size:10px;font-weight:400;line-height:12px}:host .step-alignment-center .step-content{background-color:transparent!important;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}:host .step-alignment-center .step-content .step-text{align-items:center}:host .step-alignment-left .step-content{background-color:var(--card-background);padding-right:10px;display:flex;flex-direction:row}:host .active .step-number{background-color:transparent;border:1px solid var(--primary-base);color:var(--primary-base)}:host .active .step-icon{color:var(--primary-base)}:host .active .step-text{color:var(--primary-base)}:host .active .step-text h4{color:var(--primary-base)}:host .active .step-connector{background-color:var(--primary-base)}:host .completed .step-number,:host .completed .step-icon{background-color:var(--primary-base);border:1px solid var(--primary-base);color:var(--typography-contrast)}:host .completed .step-icon{background-color:transparent;border:none;color:var(--primary-base)}:host .completed .step-text{color:var(--typography-base)}:host .completed .step-text h4{color:var(--typography-base)}:host .completed .step-connector{background-color:var(--primary-base)}:host .completed:not(.done){cursor:pointer}:host .done .step-connector{background-color:var(--green-base)}:host .step-color-error .step-number{background-color:var(--red-hover);color:var(--red-base)}:host .step-color-error .step-icon{color:var(--red-base)}:host .step-color-error .step-text{color:var(--red-base)}:host .step-color-error .step-text h4{color:var(--red-base)}:host .step-color-error .step-text .description{color:var(--red-base)}:host .step-color-error.active{color:var(--red-base)}:host .step-color-error.active .step-number{border-color:var(--red-base);color:var(--red-base)}:host .step-color-error.completed .step-number{color:var(--typography-contrast);border-color:var(--red-base);background-color:var(--red-base)}:host .step-color-error.completed .step-icon{background-color:transparent;border:none}:host .step-color-warning .step-number{background-color:var(--orange-hover);color:var(--orange-base)}:host .step-color-warning .step-icon{color:var(--orange-base)}:host .step-color-warning .step-text{color:var(--orange-base)}:host .step-color-warning .step-text h4{color:var(--orange-base)}:host .step-color-warning .step-text .description{color:var(--orange-base)}:host .step-color-warning.active{color:var(--orange-base)}:host .step-color-warning.active .step-number{border-color:var(--orange-base);color:var(--orange-base)}:host .step-color-warning.completed .step-number{color:var(--typography-contrast);border-color:var(--orange-base);background-color:var(--orange-base)}:host .step-color-warning.completed .step-icon{background-color:transparent;border:none}:host .step-color-success .step-number{background-color:var(--green-hover);color:var(--green-base)}:host .step-color-success .step-icon{color:var(--green-base)}:host .step-color-success .step-text{color:var(--green-base)}:host .step-color-success .step-text h4{color:var(--green-base)}:host .step-color-success .step-text .description{color:var(--green-base)}:host .step-color-success.active{color:var(--green-base)}:host .step-color-success.active .step-number{border-color:var(--green-base);color:var(--green-base)}:host .step-color-success.completed .step-number{color:var(--typography-contrast);border-color:var(--green-base);background-color:var(--green-base)}:host .step-color-success.completed .step-icon{background-color:transparent;border:none}:host .step-color-info .step-number{background-color:var(--primary-hover);color:var(--primary-base)}:host .step-color-info .step-icon{color:var(--primary-base)}:host .step-color-info .step-text{color:var(--primary-base)}:host .step-color-info .step-text h4{color:var(--primary-base)}:host .step-color-info .step-text .description{color:var(--primary-base)}:host .step-color-info.active{color:var(--primary-base)}:host .step-color-info.active .step-number{background-color:var(--typography-contrast);border-color:var(--primary-base);color:var(--primary-base)}:host .step-color-info.completed .step-number{color:var(--typography-contrast);border-color:var(--primary-base);background-color:var(--primary-base)}:host .step-color-info.completed .step-icon{background-color:transparent;border:none}:host .disabled .step-text{color:var(--typography-muted);opacity:.4}:host .disabled .step-text h4{color:var(--typography-muted)}:host .disabled .step-text .description{color:var(--typography-muted)}:host .disabled .step-number{color:var(--typography-muted);border-color:var(--separations-base);background-color:var(--slate-focus)}:host .disabled .step-icon{opacity:.4;color:var(--typography-muted);background-color:var(--typography-contrast);border-color:var(--typography-contrast)}\n"] }]
76
- }], propDecorators: { stepNumber: [{
77
- type: Input
78
- }], color: [{
79
- type: Input
80
- }], variant: [{
81
- type: Input
82
- }], alignment: [{
83
- type: Input
84
- }], backgroundColor: [{
85
- type: Input
86
- }], title: [{
87
- type: Input
88
- }], description: [{
89
- type: Input
90
- }], icon: [{
91
- type: Input
92
- }], disabled: [{
93
- type: Input
94
- }], active: [{
95
- type: Input
96
- }], completed: [{
97
- type: Input
98
- }], done: [{
99
- type: Input
100
- }], status: [{
101
- type: Input
102
- }], select: [{
103
- type: Output
104
- }] } });
105
- export class FwStepDecoratorComponent {
106
- }
107
- FwStepDecoratorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwStepDecoratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
108
- FwStepDecoratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwStepDecoratorComponent, selector: "fw-step-decorator", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
109
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwStepDecoratorComponent, decorators: [{
110
- type: Component,
111
- args: [{ selector: 'fw-step-decorator', template: '<ng-content></ng-content>' }]
112
- }] });
113
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBU2pHLE1BQU0sT0FBTyxlQUFlO0lBTDVCO1FBT1csVUFBSyxHQUF3RCxPQUFPLENBQUM7UUFDckUsWUFBTyxHQUFxQyxRQUFRLENBQUM7UUFDckQsY0FBUyxHQUF1QixNQUFNLENBQUM7UUFDdkMsb0JBQWUsR0FBWSx3QkFBd0IsQ0FBQztRQVM3RCw0REFBNEQ7UUFDbEQsV0FBTSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0tBMkRyRTtJQXpEQyxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDbEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7WUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxPQUFPLENBQUM7WUFDckIsUUFBUSxPQUFPLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRTtnQkFDbkMsS0FBSyxRQUFRO29CQUNYLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO29CQUNuQixNQUFNO2dCQUNSLEtBQUssV0FBVztvQkFDZCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztvQkFDdEIsTUFBTTtnQkFDUixLQUFLLE1BQU07b0JBQ1QsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7b0JBQ2pCLE1BQU07Z0JBQ1IsS0FBSyxVQUFVO29CQUNiLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO29CQUNyQixNQUFNO2dCQUNSLEtBQUssT0FBTztvQkFDVixJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQztvQkFDckIsTUFBTTtnQkFDUixLQUFLLFNBQVM7b0JBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7b0JBQ3ZCLE1BQU07Z0JBQ1IsS0FBSyxNQUFNO29CQUNULElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDO29CQUNwQixNQUFNO2dCQUNSLEtBQUssU0FBUyxDQUFDO2dCQUNmO29CQUNFLGtCQUFrQjtvQkFDbEIsTUFBTTthQUNUO1NBQ0Y7UUFDRCxJQUFJLE9BQU8sQ0FBQyxNQUFNLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxhQUFhLEtBQUssS0FBSyxFQUFFO1lBQzVELElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDO1NBQ3hCO1FBQ0QsSUFBSSxPQUFPLENBQUMsU0FBUyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsYUFBYSxLQUFLLEtBQUssRUFBRTtZQUNsRSxJQUFJLENBQUMsTUFBTSxHQUFHLFdBQVcsQ0FBQztTQUMzQjtRQUNELElBQUksT0FBTyxDQUFDLElBQUksSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsS0FBSyxLQUFLLEVBQUU7WUFDeEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7U0FDdEI7UUFDRCxJQUFJLE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxhQUFhLEtBQUssS0FBSyxFQUFFO1lBQ2hFLElBQUksQ0FBQyxNQUFNLEdBQUcsVUFBVSxDQUFDO1NBQzFCO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDN0YsSUFBSSxDQUFDLE1BQU0sR0FBRyxTQUFTLENBQUM7U0FDekI7SUFDSCxDQUFDOzs2R0F6RVUsZUFBZTtpR0FBZixlQUFlLG1ZQ1Q1Qix5ekNBaUNBOzRGRHhCYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFNBQVM7OEJBS1YsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTTs7QUFrRVQsTUFBTSxPQUFPLHdCQUF3Qjs7c0hBQXhCLHdCQUF3QjswR0FBeEIsd0JBQXdCLHlEQUh6QiwyQkFBMkI7NEZBRzFCLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUIsWUFDbkIsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJY29uVHlwZSB9IGZyb20gJy4uL2ljb24vaWNvbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LXN0ZXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0ZXAuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndTdGVwQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgc3RlcE51bWJlcjogbnVtYmVyO1xuICBASW5wdXQoKSBjb2xvcj86ICdzbGF0ZScgfCAnc3VjY2VzcycgfCAnZXJyb3InIHwgJ3dhcm5pbmcnIHwgJ2luZm8nID0gJ3NsYXRlJztcbiAgQElucHV0KCkgdmFyaWFudD86ICdudW1iZXInIHwgJ2ljb24nIHwgJ2RlY29yYXRvcicgPSAnbnVtYmVyJztcbiAgQElucHV0KCkgYWxpZ25tZW50PzogJ2xlZnQnIHwgJ2NlbnRlcicgPSAnbGVmdCc7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRDb2xvcj86IHN0cmluZyA9ICd2YXIoLS1jYXJkLWJhY2tncm91bmQpJztcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBhY3RpdmU/OiBib29sZWFuO1xuICBASW5wdXQoKSBjb21wbGV0ZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBkb25lPzogYm9vbGVhbjtcbiAgQElucHV0KCkgc3RhdHVzPzogJ2RlZmF1bHQnIHwgJ2FjdGl2ZScgfCAnY29tcGxldGVkJyB8ICdkb25lJyB8ICdkaXNhYmxlZCcgfCAnZXJyb3InIHwgJ3dhcm5pbmcnIHwgJ2luZm8nO1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIHNlbGVjdDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBoYW5kbGVDbGljaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jb21wbGV0ZWQgJiYgIXRoaXMuZG9uZSAmJiAhdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5zZWxlY3QuZW1pdCh0aGlzLnN0ZXBOdW1iZXIpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlcy5zdGF0dXMpIHtcbiAgICAgIHRoaXMuYWN0aXZlID0gZmFsc2U7XG4gICAgICB0aGlzLmRpc2FibGVkID0gZmFsc2U7XG4gICAgICB0aGlzLmNvbXBsZXRlZCA9IGZhbHNlO1xuICAgICAgdGhpcy5kb25lID0gZmFsc2U7XG4gICAgICB0aGlzLmNvbG9yID0gJ3NsYXRlJztcbiAgICAgIHN3aXRjaCAoY2hhbmdlcy5zdGF0dXMuY3VycmVudFZhbHVlKSB7XG4gICAgICAgIGNhc2UgJ2FjdGl2ZSc6XG4gICAgICAgICAgdGhpcy5hY3RpdmUgPSB0cnVlO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdjb21wbGV0ZWQnOlxuICAgICAgICAgIHRoaXMuY29tcGxldGVkID0gdHJ1ZTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSAnZG9uZSc6XG4gICAgICAgICAgdGhpcy5kb25lID0gdHJ1ZTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSAnZGlzYWJsZWQnOlxuICAgICAgICAgIHRoaXMuZGlzYWJsZWQgPSB0cnVlO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdlcnJvcic6XG4gICAgICAgICAgdGhpcy5jb2xvciA9ICdlcnJvcic7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICAgIHRoaXMuY29sb3IgPSAnd2FybmluZyc7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ2luZm8nOlxuICAgICAgICAgIHRoaXMuY29sb3IgPSAnaW5mbyc7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIC8vIGhhbmRsZWQgaW4gaW5pdFxuICAgICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAoY2hhbmdlcy5hY3RpdmUgJiYgY2hhbmdlcy5hY3RpdmUucHJldmlvdXNWYWx1ZSA9PT0gZmFsc2UpIHtcbiAgICAgIHRoaXMuc3RhdHVzID0gJ2FjdGl2ZSc7XG4gICAgfVxuICAgIGlmIChjaGFuZ2VzLmNvbXBsZXRlZCAmJiBjaGFuZ2VzLmNvbXBsZXRlZC5wcmV2aW91c1ZhbHVlID09PSBmYWxzZSkge1xuICAgICAgdGhpcy5zdGF0dXMgPSAnY29tcGxldGVkJztcbiAgICB9XG4gICAgaWYgKGNoYW5nZXMuZG9uZSAmJiBjaGFuZ2VzLmRvbmUucHJldmlvdXNWYWx1ZSA9PT0gZmFsc2UpIHtcbiAgICAgIHRoaXMuc3RhdHVzID0gJ2RvbmUnO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlcy5kaXNhYmxlZCAmJiBjaGFuZ2VzLmRpc2FibGVkLnByZXZpb3VzVmFsdWUgPT09IGZhbHNlKSB7XG4gICAgICB0aGlzLnN0YXR1cyA9ICdkaXNhYmxlZCc7XG4gICAgfVxuICAgIGlmICh0aGlzLmNvbG9yID09PSAnc2xhdGUnICYmICF0aGlzLmFjdGl2ZSAmJiAhdGhpcy5jb21wbGV0ZWQgJiYgIXRoaXMuZG9uZSAmJiAhdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5zdGF0dXMgPSAnZGVmYXVsdCc7XG4gICAgfVxuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LXN0ZXAtZGVjb3JhdG9yJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgRndTdGVwRGVjb3JhdG9yQ29tcG9uZW50IHtcbn1cbiIsIjxkaXZcbiAgW25nQ2xhc3NdPVwiWydzdGVwLXdyYXBwZXInLCAnc3RlcC1jb2xvci0nK2NvbG9yLCAnc3RlcC1hbGlnbm1lbnQtJythbGlnbm1lbnRdXCJcbiAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIlxuICBbY2xhc3MuY29tcGxldGVkXT1cImNvbXBsZXRlZFwiXG4gIFtjbGFzcy5kb25lXT1cImRvbmVcIlxuICAoY2xpY2spPVwiaGFuZGxlQ2xpY2soKVwiPlxuICA8ZGl2IGNsYXNzPVwic3RlcC1jb25uZWN0b3JcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXAtY29udGVudFwiIFtzdHlsZV09XCJ7YmFja2dyb3VuZENvbG9yOiBiYWNrZ3JvdW5kQ29sb3J9XCI+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJzdGVwLWRlY29yYXRvci13cmFwcGVyXCJcbiAgICAgIFtzdHlsZV09XCJ7b3V0bGluZUNvbG9yOiBiYWNrZ3JvdW5kQ29sb3IsIGJhY2tncm91bmRDb2xvcjogYmFja2dyb3VuZENvbG9yfVwiPlxuICAgICAgPGRpdiAqbmdJZj1cImRvbmU7IGVsc2Ugbm90RG9uZVwiIGNsYXNzPVwic3RlcC1kb25lXCIgW3N0eWxlXT1cIntvdXRsaW5lQ29sb3I6IGJhY2tncm91bmRDb2xvcn1cIj5cbiAgICAgICAgPGZ3LWljb24gc2l6ZT1cInNtYWxsXCI+ZG9uZS1jaGVjazwvZnctaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxuZy10ZW1wbGF0ZSAjbm90RG9uZT5cbiAgICAgIDxkaXYgKm5nSWY9XCJ2YXJpYW50PT09J251bWJlcidcIiBjbGFzcz1cInN0ZXAtbnVtYmVyXCI+XG4gICAgICAgIDxoNSBjbGFzcz1cInZpc2lvbi1oNVwiPnt7IHN0ZXBOdW1iZXIgfX08L2g1PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2ICpuZ0lmPVwidmFyaWFudD09PSdpY29uJ1wiIGNsYXNzPVwic3RlcC1pY29uXCI+XG4gICAgICAgIDxmdy1pY29uIHNpemU9XCJzbWFsbFwiPnt7IGljb24gfX08L2Z3LWljb24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgKm5nSWY9XCJ2YXJpYW50PT09J2RlY29yYXRvcidcIiBjbGFzcz1cInN0ZXAtZGVjb3JhdG9yXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZ3LXN0ZXAtZGVjb3JhdG9yXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcC10ZXh0XCI+XG4gICAgICA8aDQgY2xhc3M9XCJ2aXNpb24taDRcIj57eyB0aXRsZSB9fTwvaDQ+XG4gICAgICA8cCAqbmdJZj1cImRlc2NyaXB0aW9uXCIgY2xhc3M9XCJ2aXNpb24tcDQgZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -1,95 +0,0 @@
1
- import { Component, ContentChildren, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
2
- import { FwStepComponent } from './step.component';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/platform-browser";
5
- export class FwStepperComponent {
6
- constructor(sanitizer) {
7
- this.sanitizer = sanitizer;
8
- this.activeStep = 1;
9
- this.alignment = 'left';
10
- this.backgroundColor = 'var(--card-background)';
11
- this.stepChange = new EventEmitter();
12
- this.subscriptions = [];
13
- }
14
- get style() {
15
- return this.sanitizer.bypassSecurityTrustStyle(`
16
- display: flex;
17
- background-color: ${this.backgroundColor};
18
- `);
19
- }
20
- ngOnDestroy() {
21
- for (const subscription of this.subscriptions) {
22
- subscription.unsubscribe();
23
- }
24
- }
25
- ngOnChanges(changes) {
26
- if (changes) {
27
- this.updateSteps();
28
- }
29
- }
30
- ngAfterContentInit() {
31
- this.steps.forEach(step => {
32
- const sub = step.select.subscribe(step => this.handleSelect(step));
33
- this.subscriptions.push(sub);
34
- });
35
- this.updateSteps();
36
- }
37
- handleSelect(step) {
38
- this.activeStep = step;
39
- this.stepChange.emit(parseInt(step.toString())); // weirdly passing out step directly fails the eqeqeq
40
- this.updateSteps();
41
- }
42
- updateSteps() {
43
- if (this.steps && this.steps.length > 0) {
44
- this.steps.forEach(step => {
45
- if (step.stepNumber < this.activeStep) {
46
- step.completed = true;
47
- step.active = false;
48
- step.done = false;
49
- step.backgroundColor = this.backgroundColor;
50
- step.alignment = this.alignment;
51
- }
52
- if (step.stepNumber.toString() === this.activeStep.toString()) {
53
- step.completed = false;
54
- step.active = true;
55
- step.done = false;
56
- step.backgroundColor = this.backgroundColor;
57
- step.alignment = this.alignment;
58
- }
59
- if (step.stepNumber > this.activeStep) {
60
- step.completed = false;
61
- step.active = false;
62
- step.done = false;
63
- step.backgroundColor = this.backgroundColor;
64
- step.alignment = this.alignment;
65
- }
66
- if (Boolean(this.doneStep) && step.stepNumber <= this.doneStep) {
67
- step.done = true;
68
- }
69
- });
70
- }
71
- }
72
- }
73
- FwStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwStepperComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
74
- FwStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwStepperComponent, selector: "fw-stepper", inputs: { activeStep: "activeStep", doneStep: "doneStep", alignment: "alignment", backgroundColor: "backgroundColor" }, outputs: { stepChange: "stepChange" }, host: { properties: { "style": "this.style" } }, queries: [{ propertyName: "steps", predicate: FwStepComponent }], usesOnChanges: true, ngImport: i0, template: '<ng-content select="fw-step"></ng-content>', isInline: true });
75
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwStepperComponent, decorators: [{
76
- type: Component,
77
- args: [{ selector: 'fw-stepper', template: '<ng-content select="fw-step"></ng-content>' }]
78
- }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { activeStep: [{
79
- type: Input
80
- }], doneStep: [{
81
- type: Input
82
- }], alignment: [{
83
- type: Input
84
- }], backgroundColor: [{
85
- type: Input
86
- }], stepChange: [{
87
- type: Output
88
- }], steps: [{
89
- type: ContentChildren,
90
- args: [FwStepComponent]
91
- }], style: [{
92
- type: HostBinding,
93
- args: ['style']
94
- }] } });
95
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUdMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUl2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQU9uRCxNQUFNLE9BQU8sa0JBQWtCO0lBaUI3QixZQUFvQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBaEJsQyxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBRXZCLGNBQVMsR0FBdUIsTUFBTSxDQUFDO1FBQ3ZDLG9CQUFlLEdBQVksd0JBQXdCLENBQUM7UUFDbkQsZUFBVSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBVWhFLGtCQUFhLEdBQW1CLEVBQUUsQ0FBQztJQUczQyxDQUFDO0lBVkQsSUFBMEIsS0FBSztRQUM3QixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsd0JBQXdCLENBQUM7OzBCQUV6QixJQUFJLENBQUMsZUFBZTtLQUN6QyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBT0QsV0FBVztRQUNULEtBQUssTUFBTSxZQUFZLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUM3QyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDNUI7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxFQUFFO1lBQ1gsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN4QixNQUFNLEdBQUcsR0FBRyxJ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b3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEZ3U3RlcENvbXBvbmVudCB9IGZyb20gJy4vc3RlcC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1zdGVwcGVyJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudCBzZWxlY3Q9XCJmdy1zdGVwXCI+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3U3RlcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25EZXN0cm95LCBBZnRlckNvbnRlbnRJbml0IHtcbiAgQElucHV0KCkgYWN0aXZlU3RlcDogbnVtYmVyID0gMTtcbiAgQElucHV0KCkgZG9uZVN0ZXA/OiBudW1iZXI7XG4gIEBJbnB1dCgpIGFsaWdubWVudD86ICdsZWZ0JyB8ICdjZW50ZXInID0gJ2xlZnQnO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmcgPSAndmFyKC0tY2FyZC1iYWNrZ3JvdW5kKSc7XG4gIEBPdXRwdXQoKSBzdGVwQ2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICBAQ29udGVudENoaWxkcmVuKEZ3U3RlcENvbXBvbmVudCkgc3RlcHM6IFF1ZXJ5TGlzdDxGd1N0ZXBDb21wb25lbnQ+O1xuXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBnZXQgc3R5bGUoKTogU2FmZVN0eWxlIHtcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKGBcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoaXMuYmFja2dyb3VuZENvbG9yfTtcbiAgICBgKTtcbiAgfVxuXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uW10gPSBbXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBmb3IgKGNvbnN0IHN1YnNjcmlwdGlvbiBvZiB0aGlzLnN1YnNjcmlwdGlvbnMpIHtcbiAgICAgIHN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlcykge1xuICAgICAgdGhpcy51cGRhdGVTdGVwcygpO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN0ZXBzLmZvckVhY2goc3RlcCA9PiB7XG4gICAgICBjb25zdCBzdWIgPSBzdGVwLnNlbGVjdC5zdWJzY3JpYmUoc3RlcCA9PiB0aGlzLmhhbmRsZVNlbGVjdChzdGVwKSk7XG4gICAgICB0aGlzLnN1YnNjcmlwdGlvbnMucHVzaChzdWIpO1xuICAgIH0pO1xuICAgIHRoaXMudXBkYXRlU3RlcHMoKTtcbiAgfVxuXG4gIGhhbmRsZVNlbGVjdChzdGVwPzogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5hY3RpdmVTdGVwID0gc3RlcDtcbiAgICB0aGlzLnN0ZXBDaGFuZ2UuZW1pdChwYXJzZUludChzdGVwLnRvU3RyaW5nKCkpKTsgLy8gd2VpcmRseSBwYXNzaW5nIG91dCBzdGVwIGRpcmVjdGx5IGZhaWxzIHRoZSBlcWVxZXFcbiAgICB0aGlzLnVwZGF0ZVN0ZXBzKCk7XG4gIH1cblxuICB1cGRhdGVTdGVwcygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGVwcyAmJiB0aGlzLnN0ZXBzLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMuc3RlcHMuZm9yRWFjaChzdGVwID0+IHtcbiAgICAgICAgaWYgKHN0ZXAuc3RlcE51bWJlciA8IHRoaXMuYWN0aXZlU3RlcCkge1xuICAgICAgICAgIHN0ZXAuY29tcGxldGVkID0gdHJ1ZTtcbiAgICAgICAgICBzdGVwLmFjdGl2ZSA9IGZhbHNlO1xuICAgICAgICAgIHN0ZXAuZG9uZSA9IGZhbHNlO1xuICAgICAgICAgIHN0ZXAuYmFja2dyb3VuZENvbG9yID0gdGhpcy5iYWNrZ3JvdW5kQ29sb3I7XG4gICAgICAgICAgc3RlcC5hbGlnbm1lbnQgPSB0aGlzLmFsaWdubWVudDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoc3RlcC5zdGVwTnVtYmVyLnRvU3RyaW5nKCkgPT09IHRoaXMuYWN0aXZlU3RlcC50b1N0cmluZygpKSB7XG4gICAgICAgICAgc3RlcC5jb21wbGV0ZWQgPSBmYWxzZTtcbiAgICAgICAgICBzdGVwLmFjdGl2ZSA9IHRydWU7XG4gICAgICAgICAgc3RlcC5kb25lID0gZmFsc2U7XG4gICAgICAgICAgc3RlcC5iYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLmJhY2tncm91bmRDb2xvcjtcbiAgICAgICAgICBzdGVwLmFsaWdubWVudCA9IHRoaXMuYWxpZ25tZW50O1xuICAgICAgICB9XG4gICAgICAgIGlmIChzdGVwLnN0ZXBOdW1iZXIgPiB0aGlzLmFjdGl2ZVN0ZXApIHtcbiAgICAgICAgICBzdGVwLmNvbXBsZXRlZCA9IGZhbHNlO1xuICAgICAgICAgIHN0ZXAuYWN0aXZlID0gZmFsc2U7XG4gICAgICAgICAgc3RlcC5kb25lID0gZmFsc2U7XG4gICAgICAgICAgc3RlcC5iYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLmJhY2tncm91bmRDb2xvcjtcbiAgICAgICAgICBzdGVwLmFsaWdubWVudCA9IHRoaXMuYWxpZ25tZW50O1xuICAgICAgICB9XG4gICAgICAgIGlmIChCb29sZWFuKHRoaXMuZG9uZVN0ZXApICYmIHN0ZXAuc3RlcE51bWJlciA8PSB0aGlzLmRvbmVTdGVwKSB7XG4gICAgICAgICAgc3RlcC5kb25lID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iXX0=