@sarasanalytics-com/design-system 0.0.43 → 0.0.45

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 (378) hide show
  1. package/README.md +13 -34
  2. package/esm2022/interfaces/avatar-interface.mjs +2 -0
  3. package/esm2022/interfaces/button-interface.mjs +10 -0
  4. package/esm2022/interfaces/card-carousel-interface.mjs +2 -0
  5. package/esm2022/interfaces/chip-interface.mjs +2 -0
  6. package/esm2022/interfaces/grid-interface.mjs +2 -0
  7. package/esm2022/interfaces/guide-card-interface.mjs +2 -0
  8. package/esm2022/interfaces/icon-interface.mjs +16 -0
  9. package/esm2022/interfaces/message-banner.mjs +2 -0
  10. package/esm2022/interfaces/option-interface.mjs +2 -0
  11. package/esm2022/interfaces/select-interface.mjs +2 -0
  12. package/esm2022/interfaces/tab-interface.mjs +2 -0
  13. package/esm2022/interfaces/toast-interface.mjs +2 -0
  14. package/esm2022/lib/accordion/accordion.component.mjs +115 -0
  15. package/esm2022/lib/avatar/avatar.component.mjs +56 -0
  16. package/esm2022/lib/button/button.component.mjs +100 -0
  17. package/esm2022/lib/calendar-header/calendar-header.component.mjs +168 -0
  18. package/esm2022/lib/card/card-body/card-body.component.mjs +11 -0
  19. package/esm2022/lib/card/card-custom-header/card-custom-header.component.mjs +11 -0
  20. package/esm2022/lib/card/card-footer-actions/card-footer-actions.component.mjs +11 -0
  21. package/esm2022/lib/card/card-icon/card-icon.component.mjs +11 -0
  22. package/esm2022/lib/card/card-title-actions/card-title-actions.component.mjs +11 -0
  23. package/esm2022/lib/card/card.component.mjs +111 -0
  24. package/esm2022/lib/card/checkbox-card/checkbox-card.component.mjs +41 -0
  25. package/esm2022/lib/card/guide-card/guide-card.component.mjs +19 -0
  26. package/esm2022/lib/card-carousel/card-carousel.component.mjs +87 -0
  27. package/esm2022/lib/checkbox/checkbox.component.mjs +38 -0
  28. package/esm2022/lib/chips/chips.component.mjs +62 -0
  29. package/esm2022/lib/component-library.component.mjs +19 -0
  30. package/esm2022/lib/component-library.service.mjs +14 -0
  31. package/esm2022/lib/datepicker/datepicker.component.mjs +40 -0
  32. package/esm2022/lib/form-input/form-input.component.mjs +219 -0
  33. package/esm2022/lib/form-select/form-select.component.mjs +77 -0
  34. package/esm2022/lib/grid-cell/grid-cell.component.mjs +84 -0
  35. package/esm2022/lib/header/header.component.mjs +37 -0
  36. package/esm2022/lib/icon/icon.component.mjs +73 -0
  37. package/esm2022/lib/icon/icon.service.mjs +28 -0
  38. package/esm2022/lib/left-nav/left-nav.component.mjs +146 -0
  39. package/esm2022/lib/list/list.component.mjs +23 -0
  40. package/esm2022/lib/message-banner/message-banner.component.mjs +43 -0
  41. package/esm2022/lib/page-layout/page-layout.component.mjs +21 -0
  42. package/esm2022/lib/progress-bar/progress-bar.component.mjs +29 -0
  43. package/esm2022/lib/radio-button/radio-button.component.mjs +33 -0
  44. package/esm2022/lib/scrolling-cards/scrolling-cards.component.mjs +59 -0
  45. package/esm2022/lib/spinner/spinner.component.mjs +22 -0
  46. package/esm2022/lib/stepper/stepper.component.mjs +64 -0
  47. package/esm2022/lib/tabs/tabs.component.mjs +38 -0
  48. package/esm2022/lib/toast/toast.component.mjs +100 -0
  49. package/esm2022/lib/tool-tip/tool-tip.component.mjs +41 -0
  50. package/esm2022/public-api.mjs +56 -0
  51. package/esm2022/sarasanalytics-com-design-system.mjs +5 -0
  52. package/esm2022/utils/validators.mjs +97 -0
  53. package/fesm2022/sarasanalytics-com-design-system.mjs +2001 -0
  54. package/fesm2022/sarasanalytics-com-design-system.mjs.map +1 -0
  55. package/index.d.ts +5 -0
  56. package/interfaces/avatar-interface.d.ts +6 -0
  57. package/interfaces/button-interface.d.ts +22 -0
  58. package/{projects/component-library/src/interfaces/card-carousel-interface.ts → interfaces/card-carousel-interface.d.ts} +1 -2
  59. package/interfaces/chip-interface.d.ts +11 -0
  60. package/interfaces/grid-interface.d.ts +24 -0
  61. package/interfaces/icon-interface.d.ts +4 -0
  62. package/interfaces/select-interface.d.ts +20 -0
  63. package/interfaces/tab-interface.d.ts +6 -0
  64. package/{projects/component-library/src/interfaces/toast-interface.ts → interfaces/toast-interface.d.ts} +1 -1
  65. package/lib/accordion/accordion.component.d.ts +25 -0
  66. package/lib/avatar/avatar.component.d.ts +18 -0
  67. package/lib/button/button.component.d.ts +32 -0
  68. package/lib/calendar-header/calendar-header.component.d.ts +31 -0
  69. package/lib/card/card-body/card-body.component.d.ts +5 -0
  70. package/lib/card/card-custom-header/card-custom-header.component.d.ts +5 -0
  71. package/lib/card/card-footer-actions/card-footer-actions.component.d.ts +5 -0
  72. package/lib/card/card-icon/card-icon.component.d.ts +5 -0
  73. package/lib/card/card-title-actions/card-title-actions.component.d.ts +5 -0
  74. package/lib/card/card.component.d.ts +31 -0
  75. package/lib/card/checkbox-card/checkbox-card.component.d.ts +12 -0
  76. package/lib/card/guide-card/guide-card.component.d.ts +8 -0
  77. package/lib/card-carousel/card-carousel.component.d.ts +27 -0
  78. package/lib/checkbox/checkbox.component.d.ts +9 -0
  79. package/lib/chips/chips.component.d.ts +22 -0
  80. package/lib/component-library.component.d.ts +5 -0
  81. package/lib/component-library.service.d.ts +6 -0
  82. package/lib/datepicker/datepicker.component.d.ts +9 -0
  83. package/lib/form-input/form-input.component.d.ts +67 -0
  84. package/lib/form-select/form-select.component.d.ts +18 -0
  85. package/lib/grid-cell/grid-cell.component.d.ts +20 -0
  86. package/lib/header/header.component.d.ts +14 -0
  87. package/lib/icon/icon.component.d.ts +24 -0
  88. package/lib/icon/icon.service.d.ts +12 -0
  89. package/lib/left-nav/left-nav.component.d.ts +47 -0
  90. package/lib/list/list.component.d.ts +10 -0
  91. package/lib/message-banner/message-banner.component.d.ts +19 -0
  92. package/lib/page-layout/page-layout.component.d.ts +8 -0
  93. package/lib/progress-bar/progress-bar.component.d.ts +13 -0
  94. package/lib/radio-button/radio-button.component.d.ts +12 -0
  95. package/lib/scrolling-cards/scrolling-cards.component.d.ts +36 -0
  96. package/lib/spinner/spinner.component.d.ts +7 -0
  97. package/lib/stepper/stepper.component.d.ts +17 -0
  98. package/lib/tabs/tabs.component.d.ts +15 -0
  99. package/lib/toast/toast.component.d.ts +33 -0
  100. package/lib/tool-tip/tool-tip.component.d.ts +15 -0
  101. package/package.json +19 -74
  102. package/{projects/component-library/src/public-api.ts → public-api.d.ts} +0 -12
  103. package/utils/validators.d.ts +6 -0
  104. package/.editorconfig +0 -16
  105. package/.eslintrc.json +0 -23
  106. package/.storybook/main.ts +0 -21
  107. package/.storybook/manager.ts +0 -17
  108. package/.storybook/preview-head.html +0 -5
  109. package/.storybook/preview.ts +0 -66
  110. package/.storybook/tsconfig.doc.json +0 -10
  111. package/.storybook/tsconfig.json +0 -11
  112. package/.storybook/typings.d.ts +0 -4
  113. package/.vscode/extensions.json +0 -7
  114. package/.vscode/launch.json +0 -20
  115. package/.vscode/settings.json +0 -13
  116. package/.vscode/tasks.json +0 -42
  117. package/angular.json +0 -195
  118. package/build-storybook.log +0 -45
  119. package/documentation.json +0 -0
  120. package/generate-public-api.js +0 -59
  121. package/projects/component-library/README.md +0 -24
  122. package/projects/component-library/ng-package.json +0 -8
  123. package/projects/component-library/package.json +0 -12
  124. package/projects/component-library/src/interfaces/avatar-interface.ts +0 -6
  125. package/projects/component-library/src/interfaces/button-interface.ts +0 -37
  126. package/projects/component-library/src/interfaces/chip-interface.ts +0 -11
  127. package/projects/component-library/src/interfaces/grid-interface.ts +0 -24
  128. package/projects/component-library/src/interfaces/icon-interface.ts +0 -21
  129. package/projects/component-library/src/interfaces/select-interface.ts +0 -20
  130. package/projects/component-library/src/interfaces/tab-interface.ts +0 -6
  131. package/projects/component-library/src/lib/accordion/accordion.component.css +0 -188
  132. package/projects/component-library/src/lib/accordion/accordion.component.html +0 -151
  133. package/projects/component-library/src/lib/accordion/accordion.component.spec.ts +0 -23
  134. package/projects/component-library/src/lib/accordion/accordion.component.ts +0 -129
  135. package/projects/component-library/src/lib/avatar/avatar.component.css +0 -48
  136. package/projects/component-library/src/lib/avatar/avatar.component.html +0 -5
  137. package/projects/component-library/src/lib/avatar/avatar.component.spec.ts +0 -23
  138. package/projects/component-library/src/lib/avatar/avatar.component.ts +0 -50
  139. package/projects/component-library/src/lib/button/button.component.css +0 -145
  140. package/projects/component-library/src/lib/button/button.component.html +0 -25
  141. package/projects/component-library/src/lib/button/button.component.spec.ts +0 -23
  142. package/projects/component-library/src/lib/button/button.component.ts +0 -82
  143. package/projects/component-library/src/lib/calendar-header/calendar-header.component.css +0 -67
  144. package/projects/component-library/src/lib/calendar-header/calendar-header.component.html +0 -20
  145. package/projects/component-library/src/lib/calendar-header/calendar-header.component.spec.ts +0 -23
  146. package/projects/component-library/src/lib/calendar-header/calendar-header.component.ts +0 -191
  147. package/projects/component-library/src/lib/card/card-body/card-body.component.css +0 -0
  148. package/projects/component-library/src/lib/card/card-body/card-body.component.html +0 -1
  149. package/projects/component-library/src/lib/card/card-body/card-body.component.spec.ts +0 -23
  150. package/projects/component-library/src/lib/card/card-body/card-body.component.ts +0 -12
  151. package/projects/component-library/src/lib/card/card-custom-header/card-custom-header.component.css +0 -70
  152. package/projects/component-library/src/lib/card/card-custom-header/card-custom-header.component.html +0 -1
  153. package/projects/component-library/src/lib/card/card-custom-header/card-custom-header.component.spec.ts +0 -23
  154. package/projects/component-library/src/lib/card/card-custom-header/card-custom-header.component.ts +0 -13
  155. package/projects/component-library/src/lib/card/card-footer-actions/card-footer-actions.component.css +0 -4
  156. package/projects/component-library/src/lib/card/card-footer-actions/card-footer-actions.component.html +0 -3
  157. package/projects/component-library/src/lib/card/card-footer-actions/card-footer-actions.component.spec.ts +0 -23
  158. package/projects/component-library/src/lib/card/card-footer-actions/card-footer-actions.component.ts +0 -12
  159. package/projects/component-library/src/lib/card/card-icon/card-icon.component.css +0 -0
  160. package/projects/component-library/src/lib/card/card-icon/card-icon.component.html +0 -1
  161. package/projects/component-library/src/lib/card/card-icon/card-icon.component.spec.ts +0 -23
  162. package/projects/component-library/src/lib/card/card-icon/card-icon.component.ts +0 -12
  163. package/projects/component-library/src/lib/card/card-title-actions/card-title-actions.component.css +0 -3
  164. package/projects/component-library/src/lib/card/card-title-actions/card-title-actions.component.html +0 -1
  165. package/projects/component-library/src/lib/card/card-title-actions/card-title-actions.component.spec.ts +0 -23
  166. package/projects/component-library/src/lib/card/card-title-actions/card-title-actions.component.ts +0 -12
  167. package/projects/component-library/src/lib/card/card.component.css +0 -149
  168. package/projects/component-library/src/lib/card/card.component.html +0 -46
  169. package/projects/component-library/src/lib/card/card.component.spec.ts +0 -23
  170. package/projects/component-library/src/lib/card/card.component.ts +0 -47
  171. package/projects/component-library/src/lib/card/checkbox-card/checkbox-card.component.css +0 -79
  172. package/projects/component-library/src/lib/card/checkbox-card/checkbox-card.component.html +0 -55
  173. package/projects/component-library/src/lib/card/checkbox-card/checkbox-card.component.spec.ts +0 -23
  174. package/projects/component-library/src/lib/card/checkbox-card/checkbox-card.component.ts +0 -44
  175. package/projects/component-library/src/lib/card/guide-card/guide-card.component.css +0 -80
  176. package/projects/component-library/src/lib/card/guide-card/guide-card.component.html +0 -24
  177. package/projects/component-library/src/lib/card/guide-card/guide-card.component.spec.ts +0 -23
  178. package/projects/component-library/src/lib/card/guide-card/guide-card.component.ts +0 -19
  179. package/projects/component-library/src/lib/card-carousel/card-carousel.component.css +0 -91
  180. package/projects/component-library/src/lib/card-carousel/card-carousel.component.html +0 -54
  181. package/projects/component-library/src/lib/card-carousel/card-carousel.component.spec.ts +0 -23
  182. package/projects/component-library/src/lib/card-carousel/card-carousel.component.ts +0 -89
  183. package/projects/component-library/src/lib/checkbox/checkbox.component.css +0 -79
  184. package/projects/component-library/src/lib/checkbox/checkbox.component.html +0 -27
  185. package/projects/component-library/src/lib/checkbox/checkbox.component.spec.ts +0 -23
  186. package/projects/component-library/src/lib/checkbox/checkbox.component.ts +0 -38
  187. package/projects/component-library/src/lib/chips/chips.component.css +0 -129
  188. package/projects/component-library/src/lib/chips/chips.component.html +0 -17
  189. package/projects/component-library/src/lib/chips/chips.component.spec.ts +0 -23
  190. package/projects/component-library/src/lib/chips/chips.component.ts +0 -54
  191. package/projects/component-library/src/lib/component-library.component.spec.ts +0 -23
  192. package/projects/component-library/src/lib/component-library.component.ts +0 -16
  193. package/projects/component-library/src/lib/component-library.service.spec.ts +0 -16
  194. package/projects/component-library/src/lib/component-library.service.ts +0 -9
  195. package/projects/component-library/src/lib/datepicker/datepicker.component.css +0 -33
  196. package/projects/component-library/src/lib/datepicker/datepicker.component.html +0 -11
  197. package/projects/component-library/src/lib/datepicker/datepicker.component.spec.ts +0 -23
  198. package/projects/component-library/src/lib/datepicker/datepicker.component.ts +0 -36
  199. package/projects/component-library/src/lib/form-input/form-input.component.css +0 -164
  200. package/projects/component-library/src/lib/form-input/form-input.component.html +0 -55
  201. package/projects/component-library/src/lib/form-input/form-input.component.spec.ts +0 -23
  202. package/projects/component-library/src/lib/form-input/form-input.component.ts +0 -282
  203. package/projects/component-library/src/lib/form-select/form-select.component.css +0 -158
  204. package/projects/component-library/src/lib/form-select/form-select.component.html +0 -38
  205. package/projects/component-library/src/lib/form-select/form-select.component.spec.ts +0 -23
  206. package/projects/component-library/src/lib/form-select/form-select.component.ts +0 -72
  207. package/projects/component-library/src/lib/grid-cell/grid-cell.component.css +0 -78
  208. package/projects/component-library/src/lib/grid-cell/grid-cell.component.html +0 -31
  209. package/projects/component-library/src/lib/grid-cell/grid-cell.component.spec.ts +0 -23
  210. package/projects/component-library/src/lib/grid-cell/grid-cell.component.ts +0 -89
  211. package/projects/component-library/src/lib/header/header.component.css +0 -62
  212. package/projects/component-library/src/lib/header/header.component.html +0 -23
  213. package/projects/component-library/src/lib/header/header.component.spec.ts +0 -23
  214. package/projects/component-library/src/lib/header/header.component.ts +0 -28
  215. package/projects/component-library/src/lib/icon/icon.component.css +0 -65
  216. package/projects/component-library/src/lib/icon/icon.component.html +0 -9
  217. package/projects/component-library/src/lib/icon/icon.component.ts +0 -64
  218. package/projects/component-library/src/lib/icon/icon.service.ts +0 -26
  219. package/projects/component-library/src/lib/left-nav/left-nav.component.css +0 -109
  220. package/projects/component-library/src/lib/left-nav/left-nav.component.html +0 -51
  221. package/projects/component-library/src/lib/left-nav/left-nav.component.spec.ts +0 -23
  222. package/projects/component-library/src/lib/left-nav/left-nav.component.ts +0 -180
  223. package/projects/component-library/src/lib/list/list.component.css +0 -28
  224. package/projects/component-library/src/lib/list/list.component.html +0 -10
  225. package/projects/component-library/src/lib/list/list.component.spec.ts +0 -23
  226. package/projects/component-library/src/lib/list/list.component.ts +0 -15
  227. package/projects/component-library/src/lib/message-banner/message-banner.component.css +0 -52
  228. package/projects/component-library/src/lib/message-banner/message-banner.component.html +0 -15
  229. package/projects/component-library/src/lib/message-banner/message-banner.component.spec.ts +0 -23
  230. package/projects/component-library/src/lib/message-banner/message-banner.component.ts +0 -31
  231. package/projects/component-library/src/lib/page-layout/page-layout.component.css +0 -76
  232. package/projects/component-library/src/lib/page-layout/page-layout.component.html +0 -30
  233. package/projects/component-library/src/lib/page-layout/page-layout.component.spec.ts +0 -23
  234. package/projects/component-library/src/lib/page-layout/page-layout.component.ts +0 -14
  235. package/projects/component-library/src/lib/progress-bar/progress-bar.component.css +0 -30
  236. package/projects/component-library/src/lib/progress-bar/progress-bar.component.html +0 -4
  237. package/projects/component-library/src/lib/progress-bar/progress-bar.component.spec.ts +0 -23
  238. package/projects/component-library/src/lib/progress-bar/progress-bar.component.ts +0 -24
  239. package/projects/component-library/src/lib/radio-button/radio-button.component.css +0 -128
  240. package/projects/component-library/src/lib/radio-button/radio-button.component.html +0 -28
  241. package/projects/component-library/src/lib/radio-button/radio-button.component.spec.ts +0 -23
  242. package/projects/component-library/src/lib/radio-button/radio-button.component.ts +0 -35
  243. package/projects/component-library/src/lib/scrolling-cards/scrolling-cards.component.css +0 -118
  244. package/projects/component-library/src/lib/scrolling-cards/scrolling-cards.component.html +0 -11
  245. package/projects/component-library/src/lib/scrolling-cards/scrolling-cards.component.spec.ts +0 -23
  246. package/projects/component-library/src/lib/scrolling-cards/scrolling-cards.component.ts +0 -74
  247. package/projects/component-library/src/lib/spinner/spinner.component.css +0 -41
  248. package/projects/component-library/src/lib/spinner/spinner.component.html +0 -1
  249. package/projects/component-library/src/lib/spinner/spinner.component.spec.ts +0 -23
  250. package/projects/component-library/src/lib/spinner/spinner.component.ts +0 -15
  251. package/projects/component-library/src/lib/stepper/stepper.component.css +0 -96
  252. package/projects/component-library/src/lib/stepper/stepper.component.html +0 -14
  253. package/projects/component-library/src/lib/stepper/stepper.component.spec.ts +0 -23
  254. package/projects/component-library/src/lib/stepper/stepper.component.ts +0 -61
  255. package/projects/component-library/src/lib/tabs/tabs.component.css +0 -100
  256. package/projects/component-library/src/lib/tabs/tabs.component.html +0 -16
  257. package/projects/component-library/src/lib/tabs/tabs.component.spec.ts +0 -23
  258. package/projects/component-library/src/lib/tabs/tabs.component.ts +0 -37
  259. package/projects/component-library/src/lib/toast/toast.component.css +0 -115
  260. package/projects/component-library/src/lib/toast/toast.component.html +0 -29
  261. package/projects/component-library/src/lib/toast/toast.component.spec.ts +0 -23
  262. package/projects/component-library/src/lib/toast/toast.component.ts +0 -87
  263. package/projects/component-library/src/lib/tool-tip/tool-tip.component.css +0 -144
  264. package/projects/component-library/src/lib/tool-tip/tool-tip.component.html +0 -31
  265. package/projects/component-library/src/lib/tool-tip/tool-tip.component.spec.ts +0 -23
  266. package/projects/component-library/src/lib/tool-tip/tool-tip.component.ts +0 -37
  267. package/projects/component-library/src/shared/formly-field-wrapper/formly-field-wrapper.component.css +0 -0
  268. package/projects/component-library/src/shared/formly-field-wrapper/formly-field-wrapper.component.html +0 -22
  269. package/projects/component-library/src/shared/formly-field-wrapper/formly-field-wrapper.component.spec.ts +0 -23
  270. package/projects/component-library/src/shared/formly-field-wrapper/formly-field-wrapper.component.ts +0 -13
  271. package/projects/component-library/src/utils/validators.ts +0 -100
  272. package/projects/component-library/tsconfig.lib.json +0 -14
  273. package/projects/component-library/tsconfig.lib.prod.json +0 -10
  274. package/projects/component-library/tsconfig.spec.json +0 -14
  275. package/sarasanalytics-com-design-system-0.0.21.tgz +0 -0
  276. package/src/Saras-logo.svg +0 -15
  277. package/src/app/app.component.css +0 -82
  278. package/src/app/app.component.html +0 -663
  279. package/src/app/app.component.spec.ts +0 -29
  280. package/src/app/app.component.ts +0 -1341
  281. package/src/app/app.config.ts +0 -56
  282. package/src/app/app.routes.ts +0 -3
  283. package/src/app/data.ts +0 -52
  284. package/src/app/kitchen-sink/kitchen-sink.component.css +0 -30
  285. package/src/app/kitchen-sink/kitchen-sink.component.html +0 -7
  286. package/src/app/kitchen-sink/kitchen-sink.component.spec.ts +0 -23
  287. package/src/app/kitchen-sink/kitchen-sink.component.ts +0 -92
  288. package/src/assets/.gitkeep +0 -0
  289. package/src/assets/analysis.svg +0 -1
  290. package/src/assets/arrowRightOutlined.svg +0 -1
  291. package/src/assets/avatar.svg +0 -1
  292. package/src/assets/bpn.svg +0 -1
  293. package/src/assets/businessStatsFilled.svg +0 -1
  294. package/src/assets/channelkey.svg +0 -1
  295. package/src/assets/chatHelpOutlined.svg +0 -1
  296. package/src/assets/checkCircleFilled.svg +0 -1
  297. package/src/assets/checkCircleOutlined.svg +0 -1
  298. package/src/assets/checkOutlined.svg +0 -1
  299. package/src/assets/circleFilled.svg +0 -1
  300. package/src/assets/closeBlueOutlined.svg +0 -1
  301. package/src/assets/closeCircleFilled.svg +0 -1
  302. package/src/assets/closeOutlined.svg +0 -1
  303. package/src/assets/dataonavatar.svg +0 -1
  304. package/src/assets/datonAvatar.png +0 -0
  305. package/src/assets/desktopSpeakerOutlined.svg +0 -1
  306. package/src/assets/disabledCheckboxFilled.svg +0 -1
  307. package/src/assets/doubleDownOutlined.svg +0 -1
  308. package/src/assets/downChevronOutlined.svg +0 -3
  309. package/src/assets/downOutlined.svg +0 -1
  310. package/src/assets/errorCircleOutlined.svg +0 -1
  311. package/src/assets/errorCrossOutlined.svg +0 -3
  312. package/src/assets/eyeFilled.svg +0 -1
  313. package/src/assets/eyeOff.svg +0 -3
  314. package/src/assets/eyeOutlined.svg +0 -1
  315. package/src/assets/formDetailsOutlined.svg +0 -1
  316. package/src/assets/gridViewOutlined.svg +0 -1
  317. package/src/assets/headsetOutlined.svg +0 -3
  318. package/src/assets/homeOutlined.svg +0 -1
  319. package/src/assets/icons/analysis1.svg +0 -1
  320. package/src/assets/infoCircleOutlined.svg +0 -3
  321. package/src/assets/infoTriangleFilled.svg +0 -1
  322. package/src/assets/infoTriangleOutlined.svg +0 -1
  323. package/src/assets/innosupps.svg +0 -1
  324. package/src/assets/leftChevronCircle.svg +0 -2
  325. package/src/assets/locationOutlined.svg +0 -1
  326. package/src/assets/loginDashboard.png +0 -0
  327. package/src/assets/mailOutlined.svg +0 -1
  328. package/src/assets/multiConnectionHub.svg +0 -1
  329. package/src/assets/murad.svg +0 -1
  330. package/src/assets/personOutlined.svg +0 -1
  331. package/src/assets/pricingIcon.svg +0 -3
  332. package/src/assets/rightChevronCircle.svg +0 -1
  333. package/src/assets/rightChevronOutlined.svg +0 -1
  334. package/src/assets/sarasFullLogo.svg +0 -13
  335. package/src/assets/sarasWhite.svg +0 -1
  336. package/src/assets/settingsOutlined.svg +0 -1
  337. package/src/assets/sourcesOutlined.svg +0 -1
  338. package/src/assets/tabDesktopArrowClockwiseOutlined.svg +0 -1
  339. package/src/assets/targetScanOutlined.svg +0 -1
  340. package/src/assets/timerOutlined.svg +0 -5
  341. package/src/assets/upwardTriangleFilled.svg +0 -1
  342. package/src/custom-theme.scss +0 -37
  343. package/src/favicon.ico +0 -0
  344. package/src/index.html +0 -23
  345. package/src/main.ts +0 -6
  346. package/src/stories/GettingStarted.mdx +0 -233
  347. package/src/stories/KitchenSink.stories.ts +0 -109
  348. package/src/stories/accordion.stories.ts +0 -234
  349. package/src/stories/avatar.stories.ts +0 -45
  350. package/src/stories/card-carousel.stories.ts +0 -136
  351. package/src/stories/card.stories.ts +0 -242
  352. package/src/stories/checkbox.stories.ts +0 -238
  353. package/src/stories/chips.stories.ts +0 -61
  354. package/src/stories/custom-button.stories.ts +0 -89
  355. package/src/stories/datepicker.stories.ts +0 -78
  356. package/src/stories/form-input.stories.ts +0 -166
  357. package/src/stories/gridCell.stories.ts +0 -234
  358. package/src/stories/header.stories.ts +0 -61
  359. package/src/stories/icon.stories.ts +0 -65
  360. package/src/stories/leftnav.stories.ts +0 -67
  361. package/src/stories/message-banner.stories.ts +0 -116
  362. package/src/stories/page-layout.stories.ts +0 -200
  363. package/src/stories/progress-bar.stories.ts +0 -40
  364. package/src/stories/radio-button.stories.ts +0 -80
  365. package/src/stories/scrolling-card.stories.ts +0 -36
  366. package/src/stories/selectInput.stories.ts +0 -176
  367. package/src/stories/stepper.stories.ts +0 -92
  368. package/src/stories/tabs.stories.ts +0 -97
  369. package/src/stories/toast.stories.ts +0 -74
  370. package/src/stories/tool-tip.stories.ts +0 -45
  371. package/src/svg.d.ts +0 -1
  372. package/tsconfig.app.json +0 -14
  373. package/tsconfig.json +0 -42
  374. package/tsconfig.spec.json +0 -14
  375. /package/{projects/component-library/src/interfaces/guide-card-interface.ts → interfaces/guide-card-interface.d.ts} +0 -0
  376. /package/{projects/component-library/src/interfaces/message-banner.ts → interfaces/message-banner.d.ts} +0 -0
  377. /package/{projects/component-library/src/interfaces/option-interface.ts → interfaces/option-interface.d.ts} +0 -0
  378. /package/{src → styles}/styles.css +0 -0
package/README.md CHANGED
@@ -1,45 +1,24 @@
1
- **Welcome to the saras-design-system wiki!**
1
+ # TestLibrary
2
2
 
3
- ***
3
+ This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.2.0.
4
4
 
5
+ ## Code scaffolding
5
6
 
6
- ### Installation
7
+ Run `ng generate component component-name --project component-library` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project component-library`.
8
+ > Note: Don't forget to add `--project component-library` or else it will be added to the default project in your `angular.json` file.
7
9
 
8
- `npm i @sarasanalytics-com/design-system`
9
- ***
10
+ ## Build
10
11
 
11
- ### Helpful Commands:
12
- Once you clone this repository, these commands might be helpful to get you started.
13
- 1. `ng serve` or `npm run start`
14
- This will run the demo application on localhost. This page has implementation examples for all components in the design system along with kitchen sinks for Chips, Buttons, and Avatars.
12
+ Run `ng build component-library` to build the project. The build artifacts will be stored in the `dist/` directory.
15
13
 
16
- 2. `ng run sadlc:storybook`
17
- To run storybook on localhost.
14
+ ## Publishing
18
15
 
19
- 3. `ng run sadlc:build-storybook`
20
- To build storybook.
16
+ After building your library with `ng build component-library`, go to the dist folder `cd dist/component-library` and run `npm publish`.
21
17
 
22
- 4. `npm run chromatic`
23
- To host a storybook with chromatic.
18
+ ## Running unit tests
24
19
 
20
+ Run `ng test component-library` to execute the unit tests via [Karma](https://karma-runner.github.io).
25
21
 
26
- To publish the NPM package.
22
+ ## Further help
27
23
 
28
- 1. take a pull from dev branch
29
-
30
- 2. do `npm login` in your terminal
31
-
32
- 3. do `ng build component-library`
33
- Run this command from root before you publish to NPM. Make sure you add any new components to [public-api.ts](https://github.com/sarasanalytics-com/saras-design-system/blob/v1/projects/component-library/src/public-api.ts#L7).
34
-
35
- 4. do `cd dist/component-library/`
36
-
37
- 5. change the version to next value in the `package.json` inside `dist/component-library/package.json`
38
-
39
- 6. do `npm publish --access public`
40
-
41
- Run this command from root before you publish to NPM. Make sure you add any new components to [public-api.ts](https://github.com/sarasanalytics-com/saras-design-system/blob/v1/projects/component-library/src/public-api.ts#L7).
42
-
43
- Make sure that theme classes are present in `styles.css` of your project and `index.html` has at-least one of these classes in it's body tag.
44
-
45
- ***
24
+ To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL2F2YXRhci1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQXZhdGFySW50ZXJmYWNlIHtcbiAgICBpZDogc3RyaW5nIHwgbnVtYmVyLFxuICAgIHNpemU6IHN0cmluZyxcbiAgICBpbWFnZVBhdGg6IHN0cmluZyxcbiAgICBhbHRUZXh0OiBzdHJpbmdcbn1cbiJdfQ==
@@ -0,0 +1,10 @@
1
+ export const buttonSizes = [
2
+ 'small', 'medium', 'large'
3
+ ];
4
+ export const buttonPosition = [
5
+ 'left', 'right', 'both'
6
+ ];
7
+ export const buttonType = [
8
+ 'primary', 'outline', 'transparent'
9
+ ];
10
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL2J1dHRvbi1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUEsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHO0lBQ3ZCLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTztDQUNwQixDQUFDO0FBTVgsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHO0lBQzFCLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTTtDQUNqQixDQUFDO0FBT1gsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHO0lBQ3RCLFNBQVMsRUFBRSxTQUFTLEVBQUUsYUFBYTtDQUM3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBCdXR0b25JbnRlcmZhY2Uge1xuICAgIGlkOiBzdHJpbmcgfCBudW1iZXIsXG4gICAgdGV4dDogc3RyaW5nLFxuICAgIHR5cGU6IHN0cmluZyxcbiAgICBzaXplOiBCdXR0b25TaXplLFxuICAgIHN0YXRlOiBzdHJpbmcsXG4gICAgaW1hZ2VQYXRoPzogc3RyaW5nLFxuICAgIGljb25Qb3NpdGlvbj86IEJ1dHRvbkljb25Qb3NpdGlvbixcbiAgICBocmVmPzogc3RyaW5nLFxuICAgIGhyZWZUYXJnZXQ/OiBzdHJpbmcsXG4gICAgaXNTdWJtaXQ/OiBib29sZWFuLFxufVxuXG5leHBvcnQgY29uc3QgYnV0dG9uU2l6ZXMgPSBbXG4gICAgJ3NtYWxsJywgJ21lZGl1bScsICdsYXJnZSdcbl0gYXMgY29uc3Q7XG5cbnR5cGUgUHJlZGVmaW5lZEJ1dHRvblNpemVzID0gdHlwZW9mIGJ1dHRvblNpemVzW251bWJlcl07XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblNpemUgPSBQcmVkZWZpbmVkQnV0dG9uU2l6ZXMgfCBzdHJpbmc7XG5cbmV4cG9ydCBjb25zdCBidXR0b25Qb3NpdGlvbiA9IFtcbiAgICAnbGVmdCcsICdyaWdodCcsICdib3RoJ1xuXSBhcyBjb25zdDtcblxudHlwZSBQcmVkZWZpbmVkQnV0dG9uUG9zaXRpb25zID0gdHlwZW9mIGJ1dHRvblBvc2l0aW9uW251bWJlcl1cblxuZXhwb3J0IHR5cGUgQnV0dG9uSWNvblBvc2l0aW9uID0gUHJlZGVmaW5lZEJ1dHRvblBvc2l0aW9ucyB8IHN0cmluZztcblxuXG5leHBvcnQgY29uc3QgYnV0dG9uVHlwZSA9IFtcbiAgICAncHJpbWFyeScsICdvdXRsaW5lJywgJ3RyYW5zcGFyZW50J1xuXSBhcyBjb25zdDtcblxudHlwZSBQcmVkZWZpbmVkQnV0dG9uVHlwZSA9IHR5cGVvZiBidXR0b25UeXBlW251bWJlcl1cblxuZXhwb3J0IHR5cGUgQnV0dG9uVHlwZSA9IFByZWRlZmluZWRCdXR0b25UeXBlIHwgc3RyaW5nOyJdfQ==
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jYXJvdXNlbC1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9jYXJkLWNhcm91c2VsLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbk5hbWUgfSBmcm9tIFwiLi9pY29uLWludGVyZmFjZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRDYXJvdXNlbCB7XG4gICAgaWQ6IG51bWJlcjtcbiAgICBhdmF0YXJJY29uOiBJY29uTmFtZTtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHN1YnRpdGxlOiBzdHJpbmc7XG4gICAgbG9nb0ljb246IEljb25OYW1lO1xuICAgIGJvZHk6IHN0cmluZztcbn0iXX0=
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9jaGlwLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDaGlwSW50ZXJmYWNlIHtcbiAgICBpZDogc3RyaW5nIHwgbnVtYmVyLFxuICAgIHRleHQ6IHN0cmluZyxcbiAgICB0eXBlOiBzdHJpbmcsXG4gICAgc3RhdGU6IHN0cmluZyxcbiAgICBmaWxsaW5nOiBzdHJpbmcsXG4gICAgaWNvblBvc2l0aW9uPzogc3RyaW5nLFxuICAgIGljb25QYXRoPzogc3RyaW5nLFxuICAgIGxhcmdlU3RhdGVJY29uPzogc3RyaW5nLFxuICAgIGxhcmdlU3RhdGVUZXh0Pzogc3RyaW5nXG59XG4iXX0=
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9ncmlkLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uSW50ZXJmYWNlIH0gZnJvbSBcIi4vYnV0dG9uLWludGVyZmFjZVwiO1xuaW1wb3J0IHsgQ2hpcEludGVyZmFjZSB9IGZyb20gXCIuL2NoaXAtaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBBdmF0YXJJbnRlcmZhY2UgfSBmcm9tIFwiLi9hdmF0YXItaW50ZXJmYWNlXCI7XG5leHBvcnQgaW50ZXJmYWNlIEdyaWRJbnRlcmZhY2Uge1xuICBjZWxsVHlwZTogc3RyaW5nLFxuICB2aWV3VGV4dDogYm9vbGVhbixcbiAgdmlld0xlYWRpbmdJY29uOiBib29sZWFuLFxuICB2aWV3VHJhaWxpbmdJY29uOiBib29sZWFuLFxuICB2aWV3QnV0dG9uOiBib29sZWFuLFxuICB2aWV3Q2hpcDogYm9vbGVhbixcbiAgdmlld0F2YXRhcjogYm9vbGVhbixcbiAgaWNvblBhdGg/OiBzdHJpbmcsXG4gIGNoaXBDb25maWc/OiBDaGlwSW50ZXJmYWNlW10sXG4gIGJ1dHRvbkNvbmZpZz86IEJ1dHRvbkludGVyZmFjZSxcbiAgYXZhdGFyQ29uZmlnPzogQXZhdGFySW50ZXJmYWNlLFxuICB0ZXh0Pzogc3RyaW5nIHwgbnVtYmVyLFxuICBzdWJUZXh0Pzogc3RyaW5nIHwgbnVtYmVyLFxuICBpbnRlcmFjdGl2ZUxpbms/OiBzdHJpbmcsXG4gIGludGVyYWN0aXZlTGlua1RhcmdldD86IHN0cmluZyxcbiAgY2hpcENsaWNrZWQ/KGV2dDogYW55KTogYW55LFxuICBsaW5rQ2xpY2tlZD8oZXZ0OiBhbnkpOiBhbnksXG4gIGJ1dHRvbkNsaWNrZWQ/KGV2dDogYW55KTogYW55LFxuICBhdmF0YXJDbGlja2VkPyhldnQ6IGFueSk6IGFueVxufVxuIl19
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3VpZGUtY2FyZC1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9ndWlkZS1jYXJkLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBHdWlkZVN0ZXAge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG59XG4iXX0=
@@ -0,0 +1,16 @@
1
+ export const iconNames = [
2
+ 'analysis', 'arrowRightOutlined', 'avatar',
3
+ 'businessStatsFilled', 'chatHelpOutlined', 'checkCircleFilled',
4
+ 'checkCircleOutlined', 'checkOutlined', 'circleFilled',
5
+ 'closeBlueOutlined', 'closeCircleFilled', 'closeOutlined',
6
+ 'doubleDownOutlined', 'eyeFilled',
7
+ 'eyeOutlined', 'formDetailsOutlined', 'gridViewOutlined',
8
+ 'homeOutlined', 'infoCircleOutlined', 'infoTriangleFilled',
9
+ 'infoTriangleOutlined', 'innosupps', 'locationOutlined',
10
+ 'mailOutlined', 'multiConnectionHub', 'personOutlined',
11
+ 'rightChevronOutlined', 'sarasWhite', 'settingsOutlined',
12
+ 'sourcesOutlined', 'targetScanOutlined', 'upwardTriangleFilled',
13
+ 'headsetOutlined', 'sarasFullLogo', 'leftChevronCircle', 'rightChevronCircle', 'errorCircleOutlined',
14
+ 'errorCrossOutlined', 'downChevronOutlined'
15
+ ];
16
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9pY29uLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUc7SUFDckIsVUFBVSxFQUFFLG9CQUFvQixFQUFFLFFBQVE7SUFDMUMscUJBQXFCLEVBQUUsa0JBQWtCLEVBQUUsbUJBQW1CO0lBQzlELHFCQUFxQixFQUFFLGVBQWUsRUFBRSxjQUFjO0lBQ3RELG1CQUFtQixFQUFFLG1CQUFtQixFQUFFLGVBQWU7SUFDekQsb0JBQW9CLEVBQUUsV0FBVztJQUNqQyxhQUFhLEVBQUUscUJBQXFCLEVBQUUsa0JBQWtCO0lBQ3hELGNBQWMsRUFBRSxvQkFBb0IsRUFBRSxvQkFBb0I7SUFDMUQsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQjtJQUN2RCxjQUFjLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCO0lBQ3RELHNCQUFzQixFQUFFLFlBQVksRUFBRSxrQkFBa0I7SUFDeEQsaUJBQWlCLEVBQUUsb0JBQW9CLEVBQUUsc0JBQXNCO0lBQy9ELGlCQUFpQixFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBRSxvQkFBb0IsRUFBRSxxQkFBcUI7SUFDcEcsb0JBQW9CLEVBQUUscUJBQXFCO0NBQ3JDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgaWNvbk5hbWVzID0gW1xuICAgICdhbmFseXNpcycsICdhcnJvd1JpZ2h0T3V0bGluZWQnLCAnYXZhdGFyJyxcbiAgICAnYnVzaW5lc3NTdGF0c0ZpbGxlZCcsICdjaGF0SGVscE91dGxpbmVkJywgJ2NoZWNrQ2lyY2xlRmlsbGVkJyxcbiAgICAnY2hlY2tDaXJjbGVPdXRsaW5lZCcsICdjaGVja091dGxpbmVkJywgJ2NpcmNsZUZpbGxlZCcsXG4gICAgJ2Nsb3NlQmx1ZU91dGxpbmVkJywgJ2Nsb3NlQ2lyY2xlRmlsbGVkJywgJ2Nsb3NlT3V0bGluZWQnLFxuICAgICdkb3VibGVEb3duT3V0bGluZWQnLCAnZXllRmlsbGVkJyxcbiAgICAnZXllT3V0bGluZWQnLCAnZm9ybURldGFpbHNPdXRsaW5lZCcsICdncmlkVmlld091dGxpbmVkJyxcbiAgICAnaG9tZU91dGxpbmVkJywgJ2luZm9DaXJjbGVPdXRsaW5lZCcsICdpbmZvVHJpYW5nbGVGaWxsZWQnLFxuICAgICdpbmZvVHJpYW5nbGVPdXRsaW5lZCcsICdpbm5vc3VwcHMnLCAnbG9jYXRpb25PdXRsaW5lZCcsXG4gICAgJ21haWxPdXRsaW5lZCcsICdtdWx0aUNvbm5lY3Rpb25IdWInLCAncGVyc29uT3V0bGluZWQnLFxuICAgICdyaWdodENoZXZyb25PdXRsaW5lZCcsICdzYXJhc1doaXRlJywgJ3NldHRpbmdzT3V0bGluZWQnLFxuICAgICdzb3VyY2VzT3V0bGluZWQnLCAndGFyZ2V0U2Nhbk91dGxpbmVkJywgJ3Vwd2FyZFRyaWFuZ2xlRmlsbGVkJyxcbiAgICAnaGVhZHNldE91dGxpbmVkJywgJ3NhcmFzRnVsbExvZ28nLCAnbGVmdENoZXZyb25DaXJjbGUnLCAncmlnaHRDaGV2cm9uQ2lyY2xlJywgJ2Vycm9yQ2lyY2xlT3V0bGluZWQnLFxuICAgICdlcnJvckNyb3NzT3V0bGluZWQnLCAnZG93bkNoZXZyb25PdXRsaW5lZCdcbl0gYXMgY29uc3Q7XG5cbi8vIERlZmluZSBhIHR5cGUgZm9yIHRoZSBwcmVkZWZpbmVkIGljb24gbmFtZXNcbnR5cGUgUHJlZGVmaW5lZEljb25OYW1lID0gdHlwZW9mIGljb25OYW1lc1tudW1iZXJdO1xuXG4vLyBEZWZpbmUgSWNvbk5hbWUgYXMgYSB1bmlvbiBvZiBQcmVkZWZpbmVkSWNvbk5hbWUgYW5kIHN0cmluZ1xuZXhwb3J0IHR5cGUgSWNvbk5hbWUgPSBQcmVkZWZpbmVkSWNvbk5hbWUgfCBzdHJpbmc7Il19
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS1iYW5uZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9tZXNzYWdlLWJhbm5lci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgTWVzc2FnZVR5cGUgPSAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnaW5mbycgfCAnZXJyb3InO1xuIl19
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL29wdGlvbi1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgT3B0aW9uSW50ZXJmYWNlIHtcbiAgICB2YWx1ZTogc3RyaW5nIHwgbnVtYmVyO1xuICAgIGxhYmVsOiBzdHJpbmc7XG59XG4iXX0=
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL3NlbGVjdC1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvcm1seUZpZWxkUHJvcHMgfSBmcm9tIFwiQG5neC1mb3JtbHkvY29yZVwiXG5pbnRlcmZhY2UgU2VsZWN0U3ViSW50ZXJmYWNlIHtcbiAgICBsYWJlbDogc3RyaW5nLFxuICAgIHN1cHBvcnRUZXh0OiBzdHJpbmcsXG4gICAgZHJvcEljb246IHN0cmluZyxcbiAgICBkcm9wSWNvblBvc2l0aW9uOiBzdHJpbmcsXG4gICAgbXVsdGlwbGU6IGJvb2xlYW4sXG4gICAgaWNvblBhdGg6IHN0cmluZyxcbiAgICB0eXBlOiBzdHJpbmcsXG4gICAgdGV4dD86IHN0cmluZyxcbiAgICBzdGF0ZTogc3RyaW5nLFxuICAgIGZpbGxpbmc6IHN0cmluZyxcbiAgICBpY29uUG9zaXRpb246IHN0cmluZyxcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RJbnRlcmZhY2UgZXh0ZW5kcyBGb3JtbHlGaWVsZFByb3BzIHtcbiAgICBvcHRpb25zOiBhbnksXG4gICAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4gICAgcGFyYW1zOiBTZWxlY3RTdWJJbnRlcmZhY2Vcbn0iXX0=
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL3RhYi1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgVGFiSW50ZXJmYWNlIHtcbiAgICB0YWJOYW1lOiBzdHJpbmcsXG4gICAgdGFiSWNvbj86IHN0cmluZyxcbiAgICBpY29uUG9zaXRpb24/OiBzdHJpbmcsXG4gICAgYmFkZ2VDb250ZW50Pzogc3RyaW5nLFxufVxuIl19
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2ludGVyZmFjZXMvdG9hc3QtaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIElUb2FzdCB7XG4gICAgZmluaXNoUGVyY2VudGFnZT86IG51bWJlcjtcbiAgICBoZWFkaW5nPzogc3RyaW5nO1xuICAgIHN1YkhlYWRpbmc/OiBzdHJpbmc7XG4gICAgc3RhdHVzSWNvbj86IHN0cmluZztcbiAgICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnZmFpbHVyZScgfCAnY2F1dGlvbicgfCAncG9zaXRpdmUnIHwgJ25lZ2F0aXZlJyB8ICd0ZW50YXRpdmUnO1xuICAgIGZpcnN0QnV0dG9uTmFtZT86IHN0cmluZztcbiAgICBzZWNvbmRCdXR0b25OYW1lPzogc3RyaW5nO1xuICAgIGNsb3NhYmxlPzogYm9vbGVhbjtcbiAgICBmaWxsZWQ/OiBib29sZWFuO1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xufSJdfQ==
@@ -0,0 +1,115 @@
1
+ import { Component } from '@angular/core';
2
+ import { CardCustomHeaderComponent } from '../card/card-custom-header/card-custom-header.component';
3
+ import { CardComponent } from '../card/card.component';
4
+ import { FormsModule } from '@angular/forms';
5
+ import { MatCheckboxModule } from '@angular/material/checkbox';
6
+ import { CommonModule } from '@angular/common';
7
+ import { IconComponent } from '../icon/icon.component';
8
+ import { MatTooltipModule } from '@angular/material/tooltip';
9
+ import { MatExpansionModule } from '@angular/material/expansion';
10
+ import { ChipsComponent } from '../chips/chips.component';
11
+ import { FieldType } from '@ngx-formly/core';
12
+ import { includes as _includes, replace as _replace, toString as _toString, get as _get, filter as _filter, map as _map } from 'lodash';
13
+ import { ButtonComponent } from '../button/button.component';
14
+ import { debounceTime } from 'rxjs/operators';
15
+ import { Subject } from 'rxjs';
16
+ import * as i0 from "@angular/core";
17
+ import * as i1 from "@angular/forms";
18
+ import * as i2 from "@angular/material/checkbox";
19
+ import * as i3 from "@angular/common";
20
+ import * as i4 from "@angular/material/tooltip";
21
+ import * as i5 from "@angular/material/expansion";
22
+ export class AccordionComponent extends FieldType {
23
+ constructor() {
24
+ super(...arguments);
25
+ this.selectedCount = 0;
26
+ this.initialChipState = 'neutral';
27
+ this.showingAdvancedFeatures = false;
28
+ this.advancedFeatureHeading = '';
29
+ this.buttonClick = new Subject();
30
+ }
31
+ ngOnInit() {
32
+ this.parentField = _get(this.field, 'parent');
33
+ if (this.props?.['titleChip']?.['state']) {
34
+ this.initialChipState = this.props['titleChip']['state'];
35
+ }
36
+ this.showingAdvancedFeatures = this.props?.['showAdvancedFeatures'];
37
+ this.checkForPreselectedFeatures();
38
+ //console.log(this)
39
+ //console.log(this.props?.['advancedFeatureDisclaimerButtons']);
40
+ this.buttonClick.pipe(debounceTime(300)).subscribe(button => {
41
+ this.field?.props?.['onButtonClick'](button);
42
+ });
43
+ }
44
+ checkForPreselectedFeatures() {
45
+ const preselectedFeatures = _filter(this.props['featuresList'], (f) => f.isSelected);
46
+ this.selectedCount = preselectedFeatures.length;
47
+ this.updateChipState();
48
+ }
49
+ getChipText() {
50
+ const text = this.props?.['titleChip']?.['text'] || '';
51
+ if (_includes(text, '{count}')) {
52
+ return _replace(text, '{count}', _toString(this.selectedCount));
53
+ }
54
+ return text;
55
+ }
56
+ onCardClick(cardDetails) {
57
+ cardDetails.isSelected = !cardDetails.isSelected;
58
+ this.notifyCheckboxChange(cardDetails);
59
+ }
60
+ onCheckboxClick(cardDetails) {
61
+ event.stopPropagation();
62
+ this.notifyCheckboxChange(cardDetails);
63
+ }
64
+ onAccordionOpened() {
65
+ if (!this.props['accordionExpanded']) {
66
+ this.props['accordionExpanded'] = true;
67
+ }
68
+ }
69
+ onAccordionClosed() {
70
+ if (this.props['accordionExpanded']) {
71
+ this.props['accordionExpanded'] = false;
72
+ }
73
+ }
74
+ notifyCheckboxChange(cardDetails) {
75
+ // Update the selected count
76
+ if (cardDetails.isSelected) {
77
+ this.selectedCount++;
78
+ }
79
+ else {
80
+ this.selectedCount--;
81
+ }
82
+ // Update chip state based on the selection
83
+ this.updateChipState();
84
+ // Get the selected features
85
+ const selectedFeatures = _map(_filter(this.props['featuresList'], (f) => f.isSelected), (f) => f.title);
86
+ // Update the form control with the merged value
87
+ this.formControl.setValue(selectedFeatures);
88
+ }
89
+ updateChipState() {
90
+ if (this.props['titleChip'] && this.props['titleChip']['changeStateTo']) {
91
+ this.props['titleChip']['state'] = this.selectedCount > 0 ? this.props['titleChip']['changeStateTo'] : this.initialChipState;
92
+ }
93
+ }
94
+ onAdvancedFeaturesOpened() {
95
+ this.props['advancedFeaturesExpanded'] = true;
96
+ }
97
+ onAdvancedFeaturesClosed() {
98
+ this.props['advancedFeaturesExpanded'] = false;
99
+ }
100
+ actionHandler(button, event) {
101
+ event.stopPropagation();
102
+ event.preventDefault();
103
+ this.buttonClick.next(button);
104
+ }
105
+ ngOnDestroy() {
106
+ this.buttonClick.complete();
107
+ }
108
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AccordionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
109
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: AccordionComponent, isStandalone: true, selector: "sa-accordion", usesInheritance: true, ngImport: i0, template: "<mat-accordion class=\"accordion-container\">\n <mat-expansion-panel hideToggle [expanded]=\"props?.['accordionExpanded'] || 'false'\" (opened)=\"onAccordionOpened()\"\n (closed)=\"onAccordionClosed()\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n <div class=\"panel-container\">\n @if(props?.['accordionExpanded']){\n <span class=\"d-flex align-center\">\n <sa-icon [icon]=\"props?.['expandedIcon'] || 'downChevronOutlined'\" class=\"d-flex\"\n size=\"16\"></sa-icon>\n </span>\n }@else{\n <span class=\"d-flex align-center\">\n <sa-icon [icon]=\"props?.['collapsedIcon'] || 'rightChevronOutlined'\" class=\"d-flex\"\n size=\"20\"></sa-icon>\n </span>\n }\n <span class=\"panel-title\">{{props?.['panelTitle']}}</span>\n <div>\n <sa-chip *ngIf=\"props?.['titleChip']\" [type]=\"props['titleChip']?.['type']\"\n [state]=\"props['titleChip']?.['state']\" [filling]=\"props['titleChip']?.['filling']\"\n [text]=\"getChipText()\"></sa-chip>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <div class=\"custom-divider\"></div>\n <div class=\"accordion-cards-container\">\n <div *ngFor=\"let subFeature of props?.['featuresList']\">\n <sa-card [column]=\"false\" [showCardHeader]=\"true\" [showCardBody]=\"false\"\n [width]=\"props?.['featureCardWidth'] || '632px'\" [showHeaderBodyDivider]=\"false\"\n [customWrapperClass]=\"props?.['customWrapperClass']\" (click)=\"onCardClick(subFeature)\"\n class=\"{{subFeature?.['disabled'] && subFeature?.['isSelected'] ? 'card-selected' : ''}}{{subFeature?.['disabled'] ? 'disabled-card': ''}}\">\n <sa-card-title-header>\n <div class=\"sa-card-accordion-title-container\">\n @if(subFeature?.['disabled']){\n <span class=\"disabled-icon\">\n <sa-icon icon=\"disabledCheckboxFilled\"\n customClass=\"auto-dimensions disabled-checkbox-icon\" class=\"d-flex\"></sa-icon>\n </span>\n }@else{\n <mat-checkbox class=\"checkbox-style\" [(ngModel)]=\"subFeature.isSelected\"\n (click)=\"onCheckboxClick(subFeature)\"></mat-checkbox>\n }\n <div class=\"sa-card-title-icon-container\">\n <div class=\"sa-card-custom-title\">\n {{subFeature?.title}}\n </div>\n @if(subFeature?.tooltip){\n <span class=\"tooltip-container\">\n <sa-icon [icon]=\"props?.['tooltipIcon'] || 'infoCircleOutlined'\"\n customClass=\"accordion-info-icon\" [matTooltip]=\"subFeature?.tooltip\"\n matTooltipClass=\"custom-tooltip\" class=\"tooltip-icon\"></sa-icon>\n </span>\n }\n </div>\n </div>\n </sa-card-title-header>\n </sa-card>\n </div>\n </div>\n <!-- Advanced Features accordion -->\n <div *ngIf=\"props?.['advancedFeatures'] && props['advancedFeatures'].length > 0\"\n class=\"advanced-features-section\">\n <mat-expansion-panel hideToggle [expanded]=\"props?.['advancedFeaturesExpanded'] || 'false'\"\n (opened)=\"onAdvancedFeaturesOpened()\" (closed)=\"onAdvancedFeaturesClosed()\" class=\"advancedAccordion\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n <div class=\"panel-container\">\n @if(!props?.['advancedFeaturesExpanded']){\n <span class=\"d-flex align-center\">\n <sa-icon icon=\"sourcesOutlined\" class=\"d-flex\" customClass=\"colored-icon\"\n size=\"16\"></sa-icon>\n </span>\n }@else{\n <span class=\"material-icons\">\n expand_more\n </span>\n }\n <span class=\"advanced-title\">{{ props?.['advancedFeaturesExpanded'] ?\n props?.['advancedFeatureToggleTitle'] :\n props?.['advancedFeatureTitle'] }}</span>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <div class=\"accordion-advanced-container\">\n <div class=\"disclaimer-container\">\n <span class=\"tooltip-container\">\n <sa-icon icon=\"infoCircleOutlined\" customClass=\"accordion-info-icon\"\n class=\"tooltip-icon\"></sa-icon>\n </span>\n <span class=\"disclaimer-style\">{{props?.['advancedFeatureDisclaimer']}}</span>\n @if(props?.['advancedFeatureDisclaimerButtons']) {\n <div class=\"disclaimer-buttons-container\">\n <ng-container *ngFor=\"let button of props['advancedFeatureDisclaimerButtons']\">\n <sa-button [text]=\"button.text\" [type]=\"button.type\" [size]=\"button.size\"\n [state]=\"button.state\" [iconPosition]=\"button.iconPosition\" [icon]=\"button.icon\"\n [buttonIconSize]=\"button.buttonIconSize\"\n (click)=\"actionHandler(button, $event)\"></sa-button>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"accordion-cards-container\">\n <div *ngFor=\"let subFeature of props?.['advancedFeatures']\">\n <sa-card [column]=\"false\" [showCardHeader]=\"true\" [showCardBody]=\"false\"\n [width]=\"props?.['advancedFeatureCardWidth'] || '632px'\" [showHeaderBodyDivider]=\"false\"\n [customWrapperClass]=\"props?.['customWrapperClass']\" (click)=\"onCardClick(subFeature)\"\n class=\"{{!subFeature?.['disabled'] && subFeature?.['isSelected'] ? 'card-selected' : ''}}{{subFeature?.['disabled'] ? 'disabled-card': ''}}\">\n <sa-card-title-header>\n <div class=\"sa-card-accordion-title-container\">\n @if(subFeature?.['disabled']){\n <span class=\"disabled-icon\">\n <sa-icon icon=\"disabledCheckboxFilled\"\n customClass=\"auto-dimensions disabled-checkbox-icon\"\n class=\"d-flex\"></sa-icon>\n </span>\n }@else{\n <mat-checkbox class=\"checkbox-style\" [(ngModel)]=\"subFeature.isSelected\"\n (click)=\"onCheckboxClick(subFeature)\"></mat-checkbox>\n }\n <div class=\"sa-card-title-icon-container\">\n <div class=\"sa-card-custom-title\">\n {{subFeature?.title}}\n </div>\n @if(subFeature?.tooltip){\n <span class=\"tooltip-container\">\n <sa-icon [icon]=\"props?.['advancedTooltipIcon'] || 'infoCircleOutlined'\"\n customClass=\"accordion-info-icon\" [matTooltip]=\"subFeature?.tooltip\"\n matTooltipClass=\"custom-tooltip\" class=\"tooltip-icon\"></sa-icon>\n </span>\n }\n </div>\n @if(subFeature?.featureChip){\n <div class=\"chip-container\">\n <sa-chip [type]=\"subFeature.featureChip?.['type']\"\n [state]=\"subFeature.featureChip?.['state']\"\n [filling]=\"subFeature.featureChip?.['filling']\"\n [text]=\"subFeature.featureChip?.['label']\"></sa-chip>\n </div>\n }\n </div>\n </sa-card-title-header>\n </sa-card>\n </div>\n </div>\n </div>\n </mat-expansion-panel>\n </div>\n </mat-expansion-panel>\n</mat-accordion>", styles: [".accordion-cards-container{display:grid;grid-template-columns:repeat(auto-fill,37.875rem);gap:1.75rem 2rem;max-width:-webkit-fill-available}.advancedAccordion .accordion-cards-container{display:grid;grid-template-columns:repeat(auto-fill,37.6rem);gap:1.75rem 2rem;max-width:-webkit-fill-available}.accordion-container .panel-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-family, Roboto);font-size:var(--small-16px);font-style:normal;font-weight:400;line-height:var(--medium-24px);letter-spacing:.5px}.panel-container{display:flex;gap:var(--small-8px, 8px)}.tooltip-icon{display:flex;align-items:center}::ng-deep .accordion-container.mat-accordion>.mat-expansion-panel-spacing:last-child,.mat-accordion>*:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{width:-webkit-fill-available;display:flex;flex-direction:column}::ng-deep .accordion-container .mat-expansion-panel-body{display:flex;flex-direction:column;gap:var(--medium-20px)}::ng-deep .accordion-container .mat-expansion-panel-header{display:flex;height:var(--large-56px, 56px);flex-direction:column;align-items:flex-start;gap:var(--small-16px);flex-shrink:0}::ng-deep .card-selected .sa-card-accordion-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--primary-500);background:var(--structural-white)}.accordion-container .custom-divider{width:100%;height:.063rem;background-color:var(--grey-100)}.accordion-container .chip{background-color:red}::ng-deep .accordion-container .panel-container .small{--chip-height: var(--medium-24px)}.advancedAccordion.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none;border:none}::ng-deep .accordion-container .advancedAccordion .mat-expansion-panel-header{padding:var(--small-16px) var(--small-16px) var(--small-16px) var(--small-16px)}.advancedAccordion .disclaimer-container{display:flex;gap:var(--small-8px);height:2.875rem;padding:var(--small-12px) var(--small-16px);align-items:center;border-radius:var(--small-8px);border:1px solid var(--grey-100);background:var(--structural-neutral3)}.advancedAccordion .disclaimer-style{color:var(--text-mediumemphasis);font-family:var(--font);font-size:var(--small-14px);font-style:normal;font-weight:400;line-height:var(--medium-20px);letter-spacing:.25px}.accordion-advanced-container{display:flex;flex-direction:column;gap:var(--small-16px)}.d-flex{display:flex}::ng-deep .disabled-card .sa-card-accordion-wrapper{cursor:auto}.advancedAccordion.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:none}.advanced-title{color:var(--primary-500);font-family:var(--font);font-size:var(--small-14px);font-style:normal;font-weight:400;line-height:1.375rem;letter-spacing:.25px}.align-center{align-items:center}::ng-deep .advancedAccordion .mat-expansion-panel-header-title{color:var(--primary-500)}.advancedAccordion .panel-container .material-icons{font-size:1.375rem}.disabled-icon{padding:.563rem var(--small-8px) var(--small-8px) var(--small-8px)}.advancedAccordion .chip-container{margin-left:auto}.accordions-container{display:flex;flex-direction:column;gap:var(--medium-24px)}::ng-deep .accordion-container .mat-expansion-panel:not([class*=mat-elevation-z]){border:1px solid var(--grey-100);background:var(--structural-white);box-shadow:none}::ng-deep .accordion-container.mat-accordion .mat-expansion-panel:first-of-type{border-radius:var(--small-8px)}::ng-deep .accordion-container .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:none}::ng-deep .advancedAccordion .mat-expansion-panel-body{padding-left:0;padding-right:0}.disclaimer-buttons-container{display:flex;margin-left:auto;align-items:center;gap:var(--small-12px)}\n"], dependencies: [{ kind: "component", type: CardCustomHeaderComponent, selector: "sa-card-title-header" }, { kind: "component", type: CardComponent, selector: "sa-card", inputs: ["title", "showCardHeader", "showCardBody", "showHeaderBodyDivider", "showCustomCardBody", "customWrapperClass", "chip", "body", "avatar", "image", "imageWidth", "avatarSize", "href", "hrefTarget", "icon", "iconSize", "subtitle", "logoIcon", "width", "height", "column"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText"], outputs: ["onClickEvent"] }, { kind: "component", type: ButtonComponent, selector: "sa-button", inputs: ["id", "type", "state", "size", "text", "ImagePath", "icon", "iconPosition", "href", "hrefTarget", "width", "isSubmit", "buttonIconSize", "showSpinner"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }] }); }
110
+ }
111
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AccordionComponent, decorators: [{
112
+ type: Component,
113
+ args: [{ selector: 'sa-accordion', standalone: true, imports: [CardCustomHeaderComponent, CardComponent, FormsModule, MatCheckboxModule, CommonModule, IconComponent, MatTooltipModule, MatExpansionModule, ChipsComponent, ButtonComponent], template: "<mat-accordion class=\"accordion-container\">\n <mat-expansion-panel hideToggle [expanded]=\"props?.['accordionExpanded'] || 'false'\" (opened)=\"onAccordionOpened()\"\n (closed)=\"onAccordionClosed()\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n <div class=\"panel-container\">\n @if(props?.['accordionExpanded']){\n <span class=\"d-flex align-center\">\n <sa-icon [icon]=\"props?.['expandedIcon'] || 'downChevronOutlined'\" class=\"d-flex\"\n size=\"16\"></sa-icon>\n </span>\n }@else{\n <span class=\"d-flex align-center\">\n <sa-icon [icon]=\"props?.['collapsedIcon'] || 'rightChevronOutlined'\" class=\"d-flex\"\n size=\"20\"></sa-icon>\n </span>\n }\n <span class=\"panel-title\">{{props?.['panelTitle']}}</span>\n <div>\n <sa-chip *ngIf=\"props?.['titleChip']\" [type]=\"props['titleChip']?.['type']\"\n [state]=\"props['titleChip']?.['state']\" [filling]=\"props['titleChip']?.['filling']\"\n [text]=\"getChipText()\"></sa-chip>\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <div class=\"custom-divider\"></div>\n <div class=\"accordion-cards-container\">\n <div *ngFor=\"let subFeature of props?.['featuresList']\">\n <sa-card [column]=\"false\" [showCardHeader]=\"true\" [showCardBody]=\"false\"\n [width]=\"props?.['featureCardWidth'] || '632px'\" [showHeaderBodyDivider]=\"false\"\n [customWrapperClass]=\"props?.['customWrapperClass']\" (click)=\"onCardClick(subFeature)\"\n class=\"{{subFeature?.['disabled'] && subFeature?.['isSelected'] ? 'card-selected' : ''}}{{subFeature?.['disabled'] ? 'disabled-card': ''}}\">\n <sa-card-title-header>\n <div class=\"sa-card-accordion-title-container\">\n @if(subFeature?.['disabled']){\n <span class=\"disabled-icon\">\n <sa-icon icon=\"disabledCheckboxFilled\"\n customClass=\"auto-dimensions disabled-checkbox-icon\" class=\"d-flex\"></sa-icon>\n </span>\n }@else{\n <mat-checkbox class=\"checkbox-style\" [(ngModel)]=\"subFeature.isSelected\"\n (click)=\"onCheckboxClick(subFeature)\"></mat-checkbox>\n }\n <div class=\"sa-card-title-icon-container\">\n <div class=\"sa-card-custom-title\">\n {{subFeature?.title}}\n </div>\n @if(subFeature?.tooltip){\n <span class=\"tooltip-container\">\n <sa-icon [icon]=\"props?.['tooltipIcon'] || 'infoCircleOutlined'\"\n customClass=\"accordion-info-icon\" [matTooltip]=\"subFeature?.tooltip\"\n matTooltipClass=\"custom-tooltip\" class=\"tooltip-icon\"></sa-icon>\n </span>\n }\n </div>\n </div>\n </sa-card-title-header>\n </sa-card>\n </div>\n </div>\n <!-- Advanced Features accordion -->\n <div *ngIf=\"props?.['advancedFeatures'] && props['advancedFeatures'].length > 0\"\n class=\"advanced-features-section\">\n <mat-expansion-panel hideToggle [expanded]=\"props?.['advancedFeaturesExpanded'] || 'false'\"\n (opened)=\"onAdvancedFeaturesOpened()\" (closed)=\"onAdvancedFeaturesClosed()\" class=\"advancedAccordion\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n <div class=\"panel-container\">\n @if(!props?.['advancedFeaturesExpanded']){\n <span class=\"d-flex align-center\">\n <sa-icon icon=\"sourcesOutlined\" class=\"d-flex\" customClass=\"colored-icon\"\n size=\"16\"></sa-icon>\n </span>\n }@else{\n <span class=\"material-icons\">\n expand_more\n </span>\n }\n <span class=\"advanced-title\">{{ props?.['advancedFeaturesExpanded'] ?\n props?.['advancedFeatureToggleTitle'] :\n props?.['advancedFeatureTitle'] }}</span>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n <div class=\"accordion-advanced-container\">\n <div class=\"disclaimer-container\">\n <span class=\"tooltip-container\">\n <sa-icon icon=\"infoCircleOutlined\" customClass=\"accordion-info-icon\"\n class=\"tooltip-icon\"></sa-icon>\n </span>\n <span class=\"disclaimer-style\">{{props?.['advancedFeatureDisclaimer']}}</span>\n @if(props?.['advancedFeatureDisclaimerButtons']) {\n <div class=\"disclaimer-buttons-container\">\n <ng-container *ngFor=\"let button of props['advancedFeatureDisclaimerButtons']\">\n <sa-button [text]=\"button.text\" [type]=\"button.type\" [size]=\"button.size\"\n [state]=\"button.state\" [iconPosition]=\"button.iconPosition\" [icon]=\"button.icon\"\n [buttonIconSize]=\"button.buttonIconSize\"\n (click)=\"actionHandler(button, $event)\"></sa-button>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"accordion-cards-container\">\n <div *ngFor=\"let subFeature of props?.['advancedFeatures']\">\n <sa-card [column]=\"false\" [showCardHeader]=\"true\" [showCardBody]=\"false\"\n [width]=\"props?.['advancedFeatureCardWidth'] || '632px'\" [showHeaderBodyDivider]=\"false\"\n [customWrapperClass]=\"props?.['customWrapperClass']\" (click)=\"onCardClick(subFeature)\"\n class=\"{{!subFeature?.['disabled'] && subFeature?.['isSelected'] ? 'card-selected' : ''}}{{subFeature?.['disabled'] ? 'disabled-card': ''}}\">\n <sa-card-title-header>\n <div class=\"sa-card-accordion-title-container\">\n @if(subFeature?.['disabled']){\n <span class=\"disabled-icon\">\n <sa-icon icon=\"disabledCheckboxFilled\"\n customClass=\"auto-dimensions disabled-checkbox-icon\"\n class=\"d-flex\"></sa-icon>\n </span>\n }@else{\n <mat-checkbox class=\"checkbox-style\" [(ngModel)]=\"subFeature.isSelected\"\n (click)=\"onCheckboxClick(subFeature)\"></mat-checkbox>\n }\n <div class=\"sa-card-title-icon-container\">\n <div class=\"sa-card-custom-title\">\n {{subFeature?.title}}\n </div>\n @if(subFeature?.tooltip){\n <span class=\"tooltip-container\">\n <sa-icon [icon]=\"props?.['advancedTooltipIcon'] || 'infoCircleOutlined'\"\n customClass=\"accordion-info-icon\" [matTooltip]=\"subFeature?.tooltip\"\n matTooltipClass=\"custom-tooltip\" class=\"tooltip-icon\"></sa-icon>\n </span>\n }\n </div>\n @if(subFeature?.featureChip){\n <div class=\"chip-container\">\n <sa-chip [type]=\"subFeature.featureChip?.['type']\"\n [state]=\"subFeature.featureChip?.['state']\"\n [filling]=\"subFeature.featureChip?.['filling']\"\n [text]=\"subFeature.featureChip?.['label']\"></sa-chip>\n </div>\n }\n </div>\n </sa-card-title-header>\n </sa-card>\n </div>\n </div>\n </div>\n </mat-expansion-panel>\n </div>\n </mat-expansion-panel>\n</mat-accordion>", styles: [".accordion-cards-container{display:grid;grid-template-columns:repeat(auto-fill,37.875rem);gap:1.75rem 2rem;max-width:-webkit-fill-available}.advancedAccordion .accordion-cards-container{display:grid;grid-template-columns:repeat(auto-fill,37.6rem);gap:1.75rem 2rem;max-width:-webkit-fill-available}.accordion-container .panel-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-family, Roboto);font-size:var(--small-16px);font-style:normal;font-weight:400;line-height:var(--medium-24px);letter-spacing:.5px}.panel-container{display:flex;gap:var(--small-8px, 8px)}.tooltip-icon{display:flex;align-items:center}::ng-deep .accordion-container.mat-accordion>.mat-expansion-panel-spacing:last-child,.mat-accordion>*:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{width:-webkit-fill-available;display:flex;flex-direction:column}::ng-deep .accordion-container .mat-expansion-panel-body{display:flex;flex-direction:column;gap:var(--medium-20px)}::ng-deep .accordion-container .mat-expansion-panel-header{display:flex;height:var(--large-56px, 56px);flex-direction:column;align-items:flex-start;gap:var(--small-16px);flex-shrink:0}::ng-deep .card-selected .sa-card-accordion-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--primary-500);background:var(--structural-white)}.accordion-container .custom-divider{width:100%;height:.063rem;background-color:var(--grey-100)}.accordion-container .chip{background-color:red}::ng-deep .accordion-container .panel-container .small{--chip-height: var(--medium-24px)}.advancedAccordion.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none;border:none}::ng-deep .accordion-container .advancedAccordion .mat-expansion-panel-header{padding:var(--small-16px) var(--small-16px) var(--small-16px) var(--small-16px)}.advancedAccordion .disclaimer-container{display:flex;gap:var(--small-8px);height:2.875rem;padding:var(--small-12px) var(--small-16px);align-items:center;border-radius:var(--small-8px);border:1px solid var(--grey-100);background:var(--structural-neutral3)}.advancedAccordion .disclaimer-style{color:var(--text-mediumemphasis);font-family:var(--font);font-size:var(--small-14px);font-style:normal;font-weight:400;line-height:var(--medium-20px);letter-spacing:.25px}.accordion-advanced-container{display:flex;flex-direction:column;gap:var(--small-16px)}.d-flex{display:flex}::ng-deep .disabled-card .sa-card-accordion-wrapper{cursor:auto}.advancedAccordion.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:none}.advanced-title{color:var(--primary-500);font-family:var(--font);font-size:var(--small-14px);font-style:normal;font-weight:400;line-height:1.375rem;letter-spacing:.25px}.align-center{align-items:center}::ng-deep .advancedAccordion .mat-expansion-panel-header-title{color:var(--primary-500)}.advancedAccordion .panel-container .material-icons{font-size:1.375rem}.disabled-icon{padding:.563rem var(--small-8px) var(--small-8px) var(--small-8px)}.advancedAccordion .chip-container{margin-left:auto}.accordions-container{display:flex;flex-direction:column;gap:var(--medium-24px)}::ng-deep .accordion-container .mat-expansion-panel:not([class*=mat-elevation-z]){border:1px solid var(--grey-100);background:var(--structural-white);box-shadow:none}::ng-deep .accordion-container.mat-accordion .mat-expansion-panel:first-of-type{border-radius:var(--small-8px)}::ng-deep .accordion-container .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:none}::ng-deep .advancedAccordion .mat-expansion-panel-body{padding-left:0;padding-right:0}.disclaimer-buttons-container{display:flex;margin-left:auto;align-items:center;gap:var(--small-12px)}\n"] }]
114
+ }] });
115
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0seURBQXlELENBQUM7QUFDcEcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGtCQUFrQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLElBQUksU0FBUyxFQUFFLE9BQU8sSUFBSSxRQUFRLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBRSxHQUFHLElBQUksSUFBSSxFQUFFLE1BQU0sSUFBSSxPQUFPLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUN4SSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7QUFRL0IsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFNBQVM7SUFQakQ7O1FBUUUsa0JBQWEsR0FBVyxDQUFDLENBQUM7UUFDbEIscUJBQWdCLEdBQVcsU0FBUyxDQUFDO1FBQzdDLDRCQUF1QixHQUFZLEtBQUssQ0FBQztRQUN6QywyQkFBc0IsR0FBVyxFQUFFLENBQUE7UUFFM0IsZ0JBQVcsR0FBRyxJQUFJLE9BQU8sRUFBTyxDQUFDO0tBb0cxQztJQWxHQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQTtRQUM3QyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDekMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDM0QsQ0FBQztRQUNELElBQUksQ0FBQyx1QkFBdUIsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNwRSxJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQztRQUNuQyxtQkFBbUI7UUFDbkIsZ0VBQWdFO1FBQ2hFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUNuQixZQUFZLENBQUMsR0FBRyxDQUFDLENBQ2xCLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDL0MsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsMkJBQTJCO1FBQ3pCLE1BQU0sbUJBQW1CLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEVBQzFELENBQUMsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUE7UUFFN0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxtQkFBbUIsQ0FBQyxNQUFNLENBQUE7UUFDL0MsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFBO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3ZELElBQUksU0FBUyxDQUFDLElBQUksRUFBRSxTQUFTLENBQUMsRUFBRSxDQUFDO1lBQy9CLE9BQU8sUUFBUSxDQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO1FBQ2xFLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxXQUFXLENBQUMsV0FBZ0I7UUFDMUIsV0FBVyxDQUFDLFVBQVUsR0FBRyxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUM7UUFDakQsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxlQUFlLENBQUMsV0FBZ0I7UUFDOUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDekMsQ0FBQztJQUNILENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsR0FBRyxLQUFLLENBQUM7UUFDMUMsQ0FBQztJQUNILENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxXQUFnQjtRQUNuQyw0QkFBNEI7UUFDNUIsSUFBSSxXQUFXLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3ZCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3ZCLENBQUM7UUFFRCwyQ0FBMkM7UUFDM0MsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBRXRCLDRCQUE0QjtRQUM1QixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsRUFBRSxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFbEgsZ0RBQWdEO1FBQ2hELElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDOUMsQ0FBQztJQUdELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDO1lBQ3hFLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUMvSCxDQUFDO0lBQ0gsQ0FBQztJQUVELHdCQUF3QjtRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLDBCQUEwQixDQUFDLEdBQUcsSUFBSSxDQUFDO0lBQ2hELENBQUM7SUFFRCx3QkFBd0I7UUFDdEIsSUFBSSxDQUFDLEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxHQUFHLEtBQUssQ0FBQztJQUNqRCxDQUFDO0lBRUQsYUFBYSxDQUFDLE1BQVcsRUFBRSxLQUFZO1FBQ3JDLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzlCLENBQUM7OEdBdkdVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLCtGQ3RCL0IscTJUQXNKZ0IsMnVIRHBJSix5QkFBeUIsaUVBQUUsYUFBYSwyVUFBRSxXQUFXLDhWQUFFLGlCQUFpQiw2V0FBRSxZQUFZLGdRQUFFLGFBQWEsbUlBQUUsZ0JBQWdCLDRUQUFFLGtCQUFrQix3bkJBQUUsY0FBYyxtTUFBRSxlQUFlOzsyRkFJM0ssa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyx5QkFBeUIsRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJkQ3VzdG9tSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC9jYXJkLWN1c3RvbS1oZWFkZXIvY2FyZC1jdXN0b20taGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC9jYXJkLmNvbXBvbmVudCdcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgTWF0RXhwYW5zaW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uJztcbmltcG9ydCB7IENoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi4vY2hpcHMvY2hpcHMuY29tcG9uZW50J1xuaW1wb3J0IHsgRmllbGRUeXBlLCBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgaW5jbHVkZXMgYXMgX2luY2x1ZGVzLCByZXBsYWNlIGFzIF9yZXBsYWNlLCB0b1N0cmluZyBhcyBfdG9TdHJpbmcsIGdldCBhcyBfZ2V0LCBmaWx0ZXIgYXMgX2ZpbHRlciwgbWFwIGFzIF9tYXAgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2EtYWNjb3JkaW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NhcmRDdXN0b21IZWFkZXJDb21wb25lbnQsIENhcmRDb21wb25lbnQsIEZvcm1zTW9kdWxlLCBNYXRDaGVja2JveE1vZHVsZSwgQ29tbW9uTW9kdWxlLCBJY29uQ29tcG9uZW50LCBNYXRUb29sdGlwTW9kdWxlLCBNYXRFeHBhbnNpb25Nb2R1bGUsIENoaXBzQ29tcG9uZW50LCBCdXR0b25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2FjY29yZGlvbi5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25Db21wb25lbnQgZXh0ZW5kcyBGaWVsZFR5cGUge1xuICBzZWxlY3RlZENvdW50OiBudW1iZXIgPSAwO1xuICBwcml2YXRlIGluaXRpYWxDaGlwU3RhdGU6IHN0cmluZyA9ICduZXV0cmFsJztcbiAgc2hvd2luZ0FkdmFuY2VkRmVhdHVyZXM6IGJvb2xlYW4gPSBmYWxzZTtcbiAgYWR2YW5jZWRGZWF0dXJlSGVhZGluZzogc3RyaW5nID0gJydcbiAgcGFyZW50RmllbGQ6IEZvcm1seUZpZWxkQ29uZmlnO1xuICBwcml2YXRlIGJ1dHRvbkNsaWNrID0gbmV3IFN1YmplY3Q8YW55PigpO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucGFyZW50RmllbGQgPSBfZ2V0KHRoaXMuZmllbGQsICdwYXJlbnQnKVxuICAgIGlmICh0aGlzLnByb3BzPy5bJ3RpdGxlQ2hpcCddPy5bJ3N0YXRlJ10pIHtcbiAgICAgIHRoaXMuaW5pdGlhbENoaXBTdGF0ZSA9IHRoaXMucHJvcHNbJ3RpdGxlQ2hpcCddWydzdGF0ZSddO1xuICAgIH1cbiAgICB0aGlzLnNob3dpbmdBZHZhbmNlZEZlYXR1cmVzID0gdGhpcy5wcm9wcz8uWydzaG93QWR2YW5jZWRGZWF0dXJlcyddO1xuICAgIHRoaXMuY2hlY2tGb3JQcmVzZWxlY3RlZEZlYXR1cmVzKCk7XG4gICAgLy9jb25zb2xlLmxvZyh0aGlzKVxuICAgIC8vY29uc29sZS5sb2codGhpcy5wcm9wcz8uWydhZHZhbmNlZEZlYXR1cmVEaXNjbGFpbWVyQnV0dG9ucyddKTtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrLnBpcGUoXG4gICAgICBkZWJvdW5jZVRpbWUoMzAwKVxuICAgICkuc3Vic2NyaWJlKGJ1dHRvbiA9PiB7XG4gICAgICB0aGlzLmZpZWxkPy5wcm9wcz8uWydvbkJ1dHRvbkNsaWNrJ10oYnV0dG9uKTtcbiAgICB9KTtcbiAgfVxuXG4gIGNoZWNrRm9yUHJlc2VsZWN0ZWRGZWF0dXJlcygpIHtcbiAgICBjb25zdCBwcmVzZWxlY3RlZEZlYXR1cmVzID0gX2ZpbHRlcih0aGlzLnByb3BzWydmZWF0dXJlc0xpc3QnXVxuICAgICAgLCAoZjogYW55KSA9PiBmLmlzU2VsZWN0ZWQpXG5cbiAgICB0aGlzLnNlbGVjdGVkQ291bnQgPSBwcmVzZWxlY3RlZEZlYXR1cmVzLmxlbmd0aFxuICAgIHRoaXMudXBkYXRlQ2hpcFN0YXRlKClcbiAgfVxuXG4gIGdldENoaXBUZXh0KCk6IHN0cmluZyB7XG4gICAgY29uc3QgdGV4dCA9IHRoaXMucHJvcHM/LlsndGl0bGVDaGlwJ10/LlsndGV4dCddIHx8ICcnO1xuICAgIGlmIChfaW5jbHVkZXModGV4dCwgJ3tjb3VudH0nKSkge1xuICAgICAgcmV0dXJuIF9yZXBsYWNlKHRleHQsICd7Y291bnR9JywgX3RvU3RyaW5nKHRoaXMuc2VsZWN0ZWRDb3VudCkpO1xuICAgIH1cbiAgICByZXR1cm4gdGV4dDtcbiAgfVxuXG4gIG9uQ2FyZENsaWNrKGNhcmREZXRhaWxzOiBhbnkpOiB2b2lkIHtcbiAgICBjYXJkRGV0YWlscy5pc1NlbGVjdGVkID0gIWNhcmREZXRhaWxzLmlzU2VsZWN0ZWQ7XG4gICAgdGhpcy5ub3RpZnlDaGVja2JveENoYW5nZShjYXJkRGV0YWlscyk7XG4gIH1cblxuICBvbkNoZWNrYm94Q2xpY2soY2FyZERldGFpbHM6IGFueSk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMubm90aWZ5Q2hlY2tib3hDaGFuZ2UoY2FyZERldGFpbHMpO1xuICB9XG5cbiAgb25BY2NvcmRpb25PcGVuZWQoKSB7XG4gICAgaWYgKCF0aGlzLnByb3BzWydhY2NvcmRpb25FeHBhbmRlZCddKSB7XG4gICAgICB0aGlzLnByb3BzWydhY2NvcmRpb25FeHBhbmRlZCddID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBvbkFjY29yZGlvbkNsb3NlZCgpIHtcbiAgICBpZiAodGhpcy5wcm9wc1snYWNjb3JkaW9uRXhwYW5kZWQnXSkge1xuICAgICAgdGhpcy5wcm9wc1snYWNjb3JkaW9uRXhwYW5kZWQnXSA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIG5vdGlmeUNoZWNrYm94Q2hhbmdlKGNhcmREZXRhaWxzOiBhbnkpIHtcbiAgICAvLyBVcGRhdGUgdGhlIHNlbGVjdGVkIGNvdW50XG4gICAgaWYgKGNhcmREZXRhaWxzLmlzU2VsZWN0ZWQpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRDb3VudCsrO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlbGVjdGVkQ291bnQtLTtcbiAgICB9XG5cbiAgICAvLyBVcGRhdGUgY2hpcCBzdGF0ZSBiYXNlZCBvbiB0aGUgc2VsZWN0aW9uXG4gICAgdGhpcy51cGRhdGVDaGlwU3RhdGUoKVxuXG4gICAgLy8gR2V0IHRoZSBzZWxlY3RlZCBmZWF0dXJlc1xuICAgIGNvbnN0IHNlbGVjdGVkRmVhdHVyZXMgPSBfbWFwKF9maWx0ZXIodGhpcy5wcm9wc1snZmVhdHVyZXNMaXN0J10sIChmOiBhbnkpID0+IGYuaXNTZWxlY3RlZCksIChmOiBhbnkpID0+IGYudGl0bGUpO1xuXG4gICAgLy8gVXBkYXRlIHRoZSBmb3JtIGNvbnRyb2wgd2l0aCB0aGUgbWVyZ2VkIHZhbHVlXG4gICAgdGhpcy5mb3JtQ29udHJvbC5zZXRWYWx1ZShzZWxlY3RlZEZlYXR1cmVzKTtcbiAgfVxuXG5cbiAgdXBkYXRlQ2hpcFN0YXRlKCkge1xuICAgIGlmICh0aGlzLnByb3BzWyd0aXRsZUNoaXAnXSAmJiB0aGlzLnByb3BzWyd0aXRsZUNoaXAnXVsnY2hhbmdlU3RhdGVUbyddKSB7XG4gICAgICB0aGlzLnByb3BzWyd0aXRsZUNoaXAnXVsnc3RhdGUnXSA9IHRoaXMuc2VsZWN0ZWRDb3VudCA+IDAgPyB0aGlzLnByb3BzWyd0aXRsZUNoaXAnXVsnY2hhbmdlU3RhdGVUbyddIDogdGhpcy5pbml0aWFsQ2hpcFN0YXRlO1xuICAgIH1cbiAgfVxuXG4gIG9uQWR2YW5jZWRGZWF0dXJlc09wZW5lZCgpOiB2b2lkIHtcbiAgICB0aGlzLnByb3BzWydhZHZhbmNlZEZlYXR1cmVzRXhwYW5kZWQnXSA9IHRydWU7XG4gIH1cblxuICBvbkFkdmFuY2VkRmVhdHVyZXNDbG9zZWQoKTogdm9pZCB7XG4gICAgdGhpcy5wcm9wc1snYWR2YW5jZWRGZWF0dXJlc0V4cGFuZGVkJ10gPSBmYWxzZTtcbiAgfVxuXG4gIGFjdGlvbkhhbmRsZXIoYnV0dG9uOiBhbnksIGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5idXR0b25DbGljay5uZXh0KGJ1dHRvbik7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrLmNvbXBsZXRlKCk7XG4gIH1cblxuICAvL3BlbmRpbmcgd29yayBvbiBwcmVzZWxlY3RlZCBkYXRhXG59XG4iLCI8bWF0LWFjY29yZGlvbiBjbGFzcz1cImFjY29yZGlvbi1jb250YWluZXJcIj5cbiAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbCBoaWRlVG9nZ2xlIFtleHBhbmRlZF09XCJwcm9wcz8uWydhY2NvcmRpb25FeHBhbmRlZCddIHx8ICdmYWxzZSdcIiAob3BlbmVkKT1cIm9uQWNjb3JkaW9uT3BlbmVkKClcIlxuICAgICAgICAoY2xvc2VkKT1cIm9uQWNjb3JkaW9uQ2xvc2VkKClcIj5cbiAgICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgICAgICAgPG1hdC1wYW5lbC10aXRsZT5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGFuZWwtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgICAgIEBpZihwcm9wcz8uWydhY2NvcmRpb25FeHBhbmRlZCddKXtcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkLWZsZXggYWxpZ24tY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c2EtaWNvbiBbaWNvbl09XCJwcm9wcz8uWydleHBhbmRlZEljb24nXSB8fCAnZG93bkNoZXZyb25PdXRsaW5lZCdcIiBjbGFzcz1cImQtZmxleFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cIjE2XCI+PC9zYS1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIH1AZWxzZXtcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkLWZsZXggYWxpZ24tY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c2EtaWNvbiBbaWNvbl09XCJwcm9wcz8uWydjb2xsYXBzZWRJY29uJ10gfHwgJ3JpZ2h0Q2hldnJvbk91dGxpbmVkJ1wiIGNsYXNzPVwiZC1mbGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaXplPVwiMjBcIj48L3NhLWljb24+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInBhbmVsLXRpdGxlXCI+e3twcm9wcz8uWydwYW5lbFRpdGxlJ119fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzYS1jaGlwICpuZ0lmPVwicHJvcHM/LlsndGl0bGVDaGlwJ11cIiBbdHlwZV09XCJwcm9wc1sndGl0bGVDaGlwJ10/LlsndHlwZSddXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3RhdGVdPVwicHJvcHNbJ3RpdGxlQ2hpcCddPy5bJ3N0YXRlJ11cIiBbZmlsbGluZ109XCJwcm9wc1sndGl0bGVDaGlwJ10/LlsnZmlsbGluZyddXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGV4dF09XCJnZXRDaGlwVGV4dCgpXCI+PC9zYS1jaGlwPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbWF0LXBhbmVsLXRpdGxlPlxuICAgICAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWRpdmlkZXJcIj48L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFjY29yZGlvbi1jYXJkcy1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHN1YkZlYXR1cmUgb2YgcHJvcHM/LlsnZmVhdHVyZXNMaXN0J11cIj5cbiAgICAgICAgICAgICAgICA8c2EtY2FyZCBbY29sdW1uXT1cImZhbHNlXCIgW3Nob3dDYXJkSGVhZGVyXT1cInRydWVcIiBbc2hvd0NhcmRCb2R5XT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgW3dpZHRoXT1cInByb3BzPy5bJ2ZlYXR1cmVDYXJkV2lkdGgnXSB8fCAnNjMycHgnXCIgW3Nob3dIZWFkZXJCb2R5RGl2aWRlcl09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgIFtjdXN0b21XcmFwcGVyQ2xhc3NdPVwicHJvcHM/LlsnY3VzdG9tV3JhcHBlckNsYXNzJ11cIiAoY2xpY2spPVwib25DYXJkQ2xpY2soc3ViRmVhdHVyZSlcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInt7c3ViRmVhdHVyZT8uWydkaXNhYmxlZCddICYmIHN1YkZlYXR1cmU/LlsnaXNTZWxlY3RlZCddID8gJ2NhcmQtc2VsZWN0ZWQnIDogJyd9fXt7c3ViRmVhdHVyZT8uWydkaXNhYmxlZCddID8gJ2Rpc2FibGVkLWNhcmQnOiAnJ319XCI+XG4gICAgICAgICAgICAgICAgICAgIDxzYS1jYXJkLXRpdGxlLWhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYS1jYXJkLWFjY29yZGlvbi10aXRsZS1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYoc3ViRmVhdHVyZT8uWydkaXNhYmxlZCddKXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRpc2FibGVkLWljb25cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNhLWljb24gaWNvbj1cImRpc2FibGVkQ2hlY2tib3hGaWxsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY3VzdG9tQ2xhc3M9XCJhdXRvLWRpbWVuc2lvbnMgZGlzYWJsZWQtY2hlY2tib3gtaWNvblwiIGNsYXNzPVwiZC1mbGV4XCI+PC9zYS1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9QGVsc2V7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1jaGVja2JveCBjbGFzcz1cImNoZWNrYm94LXN0eWxlXCIgWyhuZ01vZGVsKV09XCJzdWJGZWF0dXJlLmlzU2VsZWN0ZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DaGVja2JveENsaWNrKHN1YkZlYXR1cmUpXCI+PC9tYXQtY2hlY2tib3g+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYS1jYXJkLXRpdGxlLWljb24tY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYS1jYXJkLWN1c3RvbS10aXRsZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3tzdWJGZWF0dXJlPy50aXRsZX19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYoc3ViRmVhdHVyZT8udG9vbHRpcCl7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidG9vbHRpcC1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzYS1pY29uIFtpY29uXT1cInByb3BzPy5bJ3Rvb2x0aXBJY29uJ10gfHwgJ2luZm9DaXJjbGVPdXRsaW5lZCdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1c3RvbUNsYXNzPVwiYWNjb3JkaW9uLWluZm8taWNvblwiIFttYXRUb29sdGlwXT1cInN1YkZlYXR1cmU/LnRvb2x0aXBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hdFRvb2x0aXBDbGFzcz1cImN1c3RvbS10b29sdGlwXCIgY2xhc3M9XCJ0b29sdGlwLWljb25cIj48L3NhLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvc2EtY2FyZC10aXRsZS1oZWFkZXI+XG4gICAgICAgICAgICAgICAgPC9zYS1jYXJkPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8IS0tIEFkdmFuY2VkIEZlYXR1cmVzIGFjY29yZGlvbiAtLT5cbiAgICAgICAgPGRpdiAqbmdJZj1cInByb3BzPy5bJ2FkdmFuY2VkRmVhdHVyZXMnXSAmJiBwcm9wc1snYWR2YW5jZWRGZWF0dXJlcyddLmxlbmd0aCA+IDBcIlxuICAgICAgICAgICAgY2xhc3M9XCJhZHZhbmNlZC1mZWF0dXJlcy1zZWN0aW9uXCI+XG4gICAgICAgICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbCBoaWRlVG9nZ2xlIFtleHBhbmRlZF09XCJwcm9wcz8uWydhZHZhbmNlZEZlYXR1cmVzRXhwYW5kZWQnXSB8fCAnZmFsc2UnXCJcbiAgICAgICAgICAgICAgICAob3BlbmVkKT1cIm9uQWR2YW5jZWRGZWF0dXJlc09wZW5lZCgpXCIgKGNsb3NlZCk9XCJvbkFkdmFuY2VkRmVhdHVyZXNDbG9zZWQoKVwiIGNsYXNzPVwiYWR2YW5jZWRBY2NvcmRpb25cIj5cbiAgICAgICAgICAgICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtcGFuZWwtdGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGFuZWwtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmKCFwcm9wcz8uWydhZHZhbmNlZEZlYXR1cmVzRXhwYW5kZWQnXSl7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkLWZsZXggYWxpZ24tY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzYS1pY29uIGljb249XCJzb3VyY2VzT3V0bGluZWRcIiBjbGFzcz1cImQtZmxleFwiIGN1c3RvbUNsYXNzPVwiY29sb3JlZC1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCIxNlwiPjwvc2EtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfUBlbHNle1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZXhwYW5kX21vcmVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYWR2YW5jZWQtdGl0bGVcIj57eyBwcm9wcz8uWydhZHZhbmNlZEZlYXR1cmVzRXhwYW5kZWQnXSA/XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHByb3BzPy5bJ2FkdmFuY2VkRmVhdHVyZVRvZ2dsZVRpdGxlJ10gOlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwcm9wcz8uWydhZHZhbmNlZEZlYXR1cmVUaXRsZSddIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LXBhbmVsLXRpdGxlPlxuICAgICAgICAgICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFjY29yZGlvbi1hZHZhbmNlZC1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRpc2NsYWltZXItY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRvb2x0aXAtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNhLWljb24gaWNvbj1cImluZm9DaXJjbGVPdXRsaW5lZFwiIGN1c3RvbUNsYXNzPVwiYWNjb3JkaW9uLWluZm8taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidG9vbHRpcC1pY29uXCI+PC9zYS1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkaXNjbGFpbWVyLXN0eWxlXCI+e3twcm9wcz8uWydhZHZhbmNlZEZlYXR1cmVEaXNjbGFpbWVyJ119fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZihwcm9wcz8uWydhZHZhbmNlZEZlYXR1cmVEaXNjbGFpbWVyQnV0dG9ucyddKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGlzY2xhaW1lci1idXR0b25zLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBwcm9wc1snYWR2YW5jZWRGZWF0dXJlRGlzY2xhaW1lckJ1dHRvbnMnXVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c2EtYnV0dG9uIFt0ZXh0XT1cImJ1dHRvbi50ZXh0XCIgW3R5cGVdPVwiYnV0dG9uLnR5cGVcIiBbc2l6ZV09XCJidXR0b24uc2l6ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3RhdGVdPVwiYnV0dG9uLnN0YXRlXCIgW2ljb25Qb3NpdGlvbl09XCJidXR0b24uaWNvblBvc2l0aW9uXCIgW2ljb25dPVwiYnV0dG9uLmljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2J1dHRvbkljb25TaXplXT1cImJ1dHRvbi5idXR0b25JY29uU2l6ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiYWN0aW9uSGFuZGxlcihidXR0b24sICRldmVudClcIj48L3NhLWJ1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFjY29yZGlvbi1jYXJkcy1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHN1YkZlYXR1cmUgb2YgcHJvcHM/LlsnYWR2YW5jZWRGZWF0dXJlcyddXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNhLWNhcmQgW2NvbHVtbl09XCJmYWxzZVwiIFtzaG93Q2FyZEhlYWRlcl09XCJ0cnVlXCIgW3Nob3dDYXJkQm9keV09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt3aWR0aF09XCJwcm9wcz8uWydhZHZhbmNlZEZlYXR1cmVDYXJkV2lkdGgnXSB8fCAnNjMycHgnXCIgW3Nob3dIZWFkZXJCb2R5RGl2aWRlcl09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjdXN0b21XcmFwcGVyQ2xhc3NdPVwicHJvcHM/LlsnY3VzdG9tV3JhcHBlckNsYXNzJ11cIiAoY2xpY2spPVwib25DYXJkQ2xpY2soc3ViRmVhdHVyZSlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInt7IXN1YkZlYXR1cmU/LlsnZGlzYWJsZWQnXSAmJiBzdWJGZWF0dXJlPy5bJ2lzU2VsZWN0ZWQnXSA/ICdjYXJkLXNlbGVjdGVkJyA6ICcnfX17e3N1YkZlYXR1cmU/LlsnZGlzYWJsZWQnXSA/ICdkaXNhYmxlZC1jYXJkJzogJyd9fVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c2EtY2FyZC10aXRsZS1oZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2EtY2FyZC1hY2NvcmRpb24tdGl0bGUtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmKHN1YkZlYXR1cmU/LlsnZGlzYWJsZWQnXSl7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkaXNhYmxlZC1pY29uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzYS1pY29uIGljb249XCJkaXNhYmxlZENoZWNrYm94RmlsbGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1c3RvbUNsYXNzPVwiYXV0by1kaW1lbnNpb25zIGRpc2FibGVkLWNoZWNrYm94LWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJkLWZsZXhcIj48L3NhLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1AZWxzZXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWNoZWNrYm94IGNsYXNzPVwiY2hlY2tib3gtc3R5bGVcIiBbKG5nTW9kZWwpXT1cInN1YkZlYXR1cmUuaXNTZWxlY3RlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNoZWNrYm94Q2xpY2soc3ViRmVhdHVyZSlcIj48L21hdC1jaGVja2JveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNhLWNhcmQtdGl0bGUtaWNvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNhLWNhcmQtY3VzdG9tLXRpdGxlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e3N1YkZlYXR1cmU/LnRpdGxlfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZihzdWJGZWF0dXJlPy50b29sdGlwKXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0b29sdGlwLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNhLWljb24gW2ljb25dPVwicHJvcHM/LlsnYWR2YW5jZWRUb29sdGlwSWNvbiddIHx8ICdpbmZvQ2lyY2xlT3V0bGluZWQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjdXN0b21DbGFzcz1cImFjY29yZGlvbi1pbmZvLWljb25cIiBbbWF0VG9vbHRpcF09XCJzdWJGZWF0dXJlPy50b29sdGlwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXRUb29sdGlwQ2xhc3M9XCJjdXN0b20tdG9vbHRpcFwiIGNsYXNzPVwidG9vbHRpcC1pY29uXCI+PC9zYS1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYoc3ViRmVhdHVyZT8uZmVhdHVyZUNoaXApe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjaGlwLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c2EtY2hpcCBbdHlwZV09XCJzdWJGZWF0dXJlLmZlYXR1cmVDaGlwPy5bJ3R5cGUnXVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3RhdGVdPVwic3ViRmVhdHVyZS5mZWF0dXJlQ2hpcD8uWydzdGF0ZSddXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmaWxsaW5nXT1cInN1YkZlYXR1cmUuZmVhdHVyZUNoaXA/LlsnZmlsbGluZyddXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0XT1cInN1YkZlYXR1cmUuZmVhdHVyZUNoaXA/LlsnbGFiZWwnXVwiPjwvc2EtY2hpcD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zYS1jYXJkLXRpdGxlLWhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NhLWNhcmQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L21hdC1leHBhbnNpb24tcGFuZWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cbjwvbWF0LWFjY29yZGlvbj4iXX0=
@@ -0,0 +1,56 @@
1
+ import { Component, EventEmitter } from '@angular/core';
2
+ import { Input, Output } from '@angular/core';
3
+ import { NgIf } from '@angular/common';
4
+ import * as i0 from "@angular/core";
5
+ export class AvatarComponent {
6
+ constructor() {
7
+ this.onClickEvent = new EventEmitter;
8
+ this.onMouseInEvent = new EventEmitter;
9
+ this.onMouseOutEvent = new EventEmitter;
10
+ this.eventEmitObject = {};
11
+ }
12
+ ngOnChanges() {
13
+ this.eventEmitObject = {
14
+ id: this.id
15
+ };
16
+ }
17
+ avatarClicked(evt) {
18
+ this.onClickEvent.emit({
19
+ ...this.eventEmitObject,
20
+ evt
21
+ });
22
+ }
23
+ mouseEnter(evt) {
24
+ this.onMouseInEvent.emit({
25
+ ...this.eventEmitObject,
26
+ evt
27
+ });
28
+ }
29
+ mouseLeave(evt) {
30
+ this.onMouseOutEvent.emit({
31
+ ...this.eventEmitObject,
32
+ evt
33
+ });
34
+ }
35
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
36
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: AvatarComponent, isStandalone: true, selector: "sa-avatar", inputs: { id: "id", imagePath: "imagePath", altText: "altText", size: "size" }, outputs: { onClickEvent: "onClickEvent", onMouseInEvent: "onMouseInEvent", onMouseOutEvent: "onMouseOutEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar {{size}}\" (click)=\"avatarClicked($event)\" (mouseenter)=\"mouseEnter($event)\"\n (mouseleave)=\"mouseLeave($event)\">\n <img *ngIf=\"imagePath\" class=\"avatar-img\" alt=\"{{altText}}\" src=\"{{imagePath}}\">\n <p *ngIf=\"!imagePath\" class=\"avatar-img\">{{altText}}</p>\n</div>\n", styles: [".extra-small{--width: var(--medium-24px);--height: var(--medium-24px)}.small{--width: 28px;--height: 28px}.medium{--width: 32px;--height: 32px}.large{--width: 36px;--height: 36px}.extra-large{--width: 52px;--height: 52px}.avatar{display:flex}.avatar-img{background-color:var(--primary-50);height:var(--height);width:var(--width);border-radius:var(--height);object-fit:cover;font-family:var(--font);font-size:11px;font-weight:500;line-height:var(--height);letter-spacing:.5px;text-align:center;overflow:none}.avatar:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
37
+ }
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AvatarComponent, decorators: [{
39
+ type: Component,
40
+ args: [{ selector: 'sa-avatar', standalone: true, imports: [NgIf], template: "<div class=\"avatar {{size}}\" (click)=\"avatarClicked($event)\" (mouseenter)=\"mouseEnter($event)\"\n (mouseleave)=\"mouseLeave($event)\">\n <img *ngIf=\"imagePath\" class=\"avatar-img\" alt=\"{{altText}}\" src=\"{{imagePath}}\">\n <p *ngIf=\"!imagePath\" class=\"avatar-img\">{{altText}}</p>\n</div>\n", styles: [".extra-small{--width: var(--medium-24px);--height: var(--medium-24px)}.small{--width: 28px;--height: 28px}.medium{--width: 32px;--height: 32px}.large{--width: 36px;--height: 36px}.extra-large{--width: 52px;--height: 52px}.avatar{display:flex}.avatar-img{background-color:var(--primary-50);height:var(--height);width:var(--width);border-radius:var(--height);object-fit:cover;font-family:var(--font);font-size:11px;font-weight:500;line-height:var(--height);letter-spacing:.5px;text-align:center;overflow:none}.avatar:hover{cursor:pointer}\n"] }]
41
+ }], propDecorators: { id: [{
42
+ type: Input
43
+ }], imagePath: [{
44
+ type: Input
45
+ }], altText: [{
46
+ type: Input
47
+ }], size: [{
48
+ type: Input
49
+ }], onClickEvent: [{
50
+ type: Output
51
+ }], onMouseInEvent: [{
52
+ type: Output
53
+ }], onMouseOutEvent: [{
54
+ type: Output
55
+ }] } });
56
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVN2QyxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQWFZLGlCQUFZLEdBQUcsSUFBSSxZQUFZLENBQUE7UUFDL0IsbUJBQWMsR0FBRyxJQUFJLFlBQVksQ0FBQTtRQUNqQyxvQkFBZSxHQUFHLElBQUksWUFBWSxDQUFBO1FBRTVDLG9CQUFlLEdBQUcsRUFBRSxDQUFBO0tBNEJyQjtJQTFCQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLGVBQWUsR0FBRztZQUNyQixFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUU7U0FDWixDQUFBO0lBQ0gsQ0FBQztJQUVELGFBQWEsQ0FBQyxHQUFVO1FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3JCLEdBQUcsSUFBSSxDQUFDLGVBQWU7WUFDdkIsR0FBRztTQUNKLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFRCxVQUFVLENBQUMsR0FBVTtRQUNuQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztZQUN2QixHQUFHLElBQUksQ0FBQyxlQUFlO1lBQ3ZCLEdBQUc7U0FDSixDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVU7UUFDbkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUM7WUFDeEIsR0FBRyxJQUFJLENBQUMsZUFBZTtZQUN2QixHQUFHO1NBQ0osQ0FBQyxDQUFBO0lBQ0osQ0FBQzs4R0FyQ1UsZUFBZTtrR0FBZixlQUFlLDJSQ1g1QixvVEFLQSxvbEJERVksSUFBSTs7MkZBSUgsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQLENBQUMsSUFBSSxDQUFDOzhCQUtOLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLWF2YXRhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgQXZhdGFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgaW1hZ2VQYXRoOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFsdFRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBvbkNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyXG4gIEBPdXRwdXQoKSBvbk1vdXNlSW5FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXJcbiAgQE91dHB1dCgpIG9uTW91c2VPdXRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXJcblxuICBldmVudEVtaXRPYmplY3QgPSB7fVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuZXZlbnRFbWl0T2JqZWN0ID0ge1xuICAgICAgaWQ6IHRoaXMuaWRcbiAgICB9XG4gIH1cblxuICBhdmF0YXJDbGlja2VkKGV2dDogRXZlbnQpIHtcbiAgICB0aGlzLm9uQ2xpY2tFdmVudC5lbWl0KHtcbiAgICAgIC4uLnRoaXMuZXZlbnRFbWl0T2JqZWN0LFxuICAgICAgZXZ0XG4gICAgfSlcbiAgfVxuXG4gIG1vdXNlRW50ZXIoZXZ0OiBFdmVudCkge1xuICAgIHRoaXMub25Nb3VzZUluRXZlbnQuZW1pdCh7XG4gICAgICAuLi50aGlzLmV2ZW50RW1pdE9iamVjdCxcbiAgICAgIGV2dFxuICAgIH0pXG4gIH1cblxuICBtb3VzZUxlYXZlKGV2dDogRXZlbnQpIHtcbiAgICB0aGlzLm9uTW91c2VPdXRFdmVudC5lbWl0KHtcbiAgICAgIC4uLnRoaXMuZXZlbnRFbWl0T2JqZWN0LFxuICAgICAgZXZ0XG4gICAgfSlcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF2YXRhciB7e3NpemV9fVwiIChjbGljayk9XCJhdmF0YXJDbGlja2VkKCRldmVudClcIiAobW91c2VlbnRlcik9XCJtb3VzZUVudGVyKCRldmVudClcIlxuICAobW91c2VsZWF2ZSk9XCJtb3VzZUxlYXZlKCRldmVudClcIj5cbiAgPGltZyAqbmdJZj1cImltYWdlUGF0aFwiIGNsYXNzPVwiYXZhdGFyLWltZ1wiIGFsdD1cInt7YWx0VGV4dH19XCIgc3JjPVwie3tpbWFnZVBhdGh9fVwiPlxuICA8cCAqbmdJZj1cIiFpbWFnZVBhdGhcIiBjbGFzcz1cImF2YXRhci1pbWdcIj57e2FsdFRleHR9fTwvcD5cbjwvZGl2PlxuIl19
@@ -0,0 +1,100 @@
1
+ import { Component, Output } from '@angular/core';
2
+ import { Input } from '@angular/core';
3
+ import { EventEmitter } from '@angular/core';
4
+ import { NgIf } from '@angular/common';
5
+ import { NgStyle } from '@angular/common';
6
+ import { SpinnerComponent } from '../spinner/spinner.component';
7
+ import { HttpClientModule } from '@angular/common/http';
8
+ import { IconComponent } from '../icon/icon.component';
9
+ import { IconService } from '../icon/icon.service';
10
+ import * as i0 from "@angular/core";
11
+ let nextId = 0; // used to give unique ids to inputs used in html
12
+ export class ButtonComponent {
13
+ constructor() {
14
+ this.isSubmit = false;
15
+ this.showSpinner = false;
16
+ this.onClickEvent = new EventEmitter();
17
+ this.onMouseInEvent = new EventEmitter();
18
+ this.onMouseOutEvent = new EventEmitter();
19
+ this.svgStyle = {};
20
+ this.eventEmitObject = {};
21
+ this.uuid = nextId++;
22
+ }
23
+ ngOnChanges(changes) {
24
+ this.svgStyle = {
25
+ '-webkit-mask-image': `url(${this.ImagePath})`,
26
+ 'mask-image': `url(${this.ImagePath})`,
27
+ };
28
+ this.eventEmitObject = {
29
+ id: this.id
30
+ };
31
+ if (changes && changes['width'] && changes['width'].currentValue) {
32
+ console.log(this.width);
33
+ }
34
+ }
35
+ buttonClicked(evt) {
36
+ if (this.state == "disabled")
37
+ return;
38
+ this.onClickEvent.emit({
39
+ ...this.eventEmitObject,
40
+ evt
41
+ });
42
+ if (this.href != "") {
43
+ if (this.hrefTarget == "blank")
44
+ window.open(this.href);
45
+ else if (this.hrefTarget == "self")
46
+ location.href = this.href;
47
+ }
48
+ }
49
+ mouseIn() {
50
+ if (this.state == "disabled")
51
+ return;
52
+ this.onMouseInEvent.emit();
53
+ }
54
+ mouseOut() {
55
+ if (this.state == "disabled")
56
+ return;
57
+ this.onMouseOutEvent.emit();
58
+ }
59
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
60
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ButtonComponent, isStandalone: true, selector: "sa-button", inputs: { id: "id", type: "type", state: "state", size: "size", text: "text", ImagePath: "ImagePath", icon: "icon", iconPosition: "iconPosition", href: "href", hrefTarget: "hrefTarget", width: "width", isSubmit: "isSubmit", buttonIconSize: "buttonIconSize", showSpinner: "showSpinner" }, outputs: { onClickEvent: "onClickEvent", onMouseInEvent: "onMouseInEvent", onMouseOutEvent: "onMouseOutEvent" }, providers: [IconService], usesOnChanges: true, ngImport: i0, template: "<button (click)=\"buttonClicked($event)\" id=\"sa-button-{{uuid}}\" class=\"btn-hide\"\n [type]=\"isSubmit ? 'submit' : 'button'\"></button>\n<!-- (click)=\"buttonClicked()\" on button instead of label breaks whole thing -->\n<label for=\"sa-button-{{uuid}}\" [ngStyle]=\"{'width':width}\" role=\"button\" tabindex=\"0\" (mouseenter)=\"mouseIn()\"\n (mouseleave)=\"mouseOut()\" (keydown.enter)=\"buttonClicked($event)\" for=\"sa-button\"\n class=\"sa-button {{state}} {{type}} {{size}}\">\n @if(showSpinner){\n <sa-spinner [default]=\"true\"></sa-spinner>\n }\n @if(ImagePath) {\n <div class=\"svg-icon\" [style]=\"svgStyle\"\n [style.display]=\"(iconPosition == 'left' || iconPosition == 'both') ? 'block' : 'none'\"></div>\n {{text}}\n <div class=\"svg-icon\" [style]=\"svgStyle\"\n [style.display]=\"(iconPosition == 'right' || iconPosition == 'both') ? 'block' : 'none'\"></div>\n } @else if (icon) {\n <sa-icon [icon]=\"icon\" [size]=\"buttonIconSize\"\n [style.display]=\"(iconPosition == 'left' || iconPosition == 'both') ? 'flex' : 'none'\"></sa-icon>\n {{text}}\n <sa-icon [icon]=\"icon\" [size]=\"buttonIconSize\"\n [style.display]=\"(iconPosition == 'right' || iconPosition == 'both') ? 'flex' : 'none'\"></sa-icon>\n } @else {\n {{text}}\n }\n</label>", styles: [".primary{--default-bg: var(--primary-500);--default-color: var(--text-white);--default-border: transparent;--hover-bg: var(--primary-700);--hover-color: var(--text-white);--hover-border: transparent;--disabled-bg: var(--grey-100);--disabled-color: var(--text-white);--disabled-border: transparent;--error-default-bg: var(--semantic-error-500);--error-hover-bg: var(--semantic-error-600);--error-default-color: var(--text-white);--error-hover-color: var(--text-white);--error-default-border: var(--semantic-error-500);--error-hover-border: var(--semantic-error-500);--svg-icon-color: var(--default-color)}.outline{--default-bg: none;--default-color: var(--primary-500);--default-border: var(--primary-500);--hover-bg: var(--primary-50);--hover-color: var(--primary-700);--hover-border: var(--primary-700);--disabled-bg: none;--disabled-color: var(--grey-100);--disabled-border: var(--grey-100);--error-default-bg: none;--error-hover-bg: var(--semantic-error-50);--error-default-color: var(--semantic-error-500);--error-hover-color: var(--semantic-error-600);--error-default-border: var(--semantic-error-500);--error-hover-border: var(--semantic-error-600);--svg-icon-color: var(--default-color)}.transparent{--default-bg: none;--default-color: var(--primary-500);--default-border: transparent;--hover-bg: var(--primary-50);--hover-color: var(--primary-700);--hover-border: transparent;--disabled-bg: none;--disabled-color: var(--grey-100);--disabled-border: transparent;--error-default-bg: none;--error-hover-bg: var(--semantic-error-50);--error-default-color: var(--semantic-error-500);--error-hover-color: var(--semantic-error-600);--error-default-border: transparent;--error-hover-border: transparent;--svg-icon-color: var(--default-color)}.large{--sizing-1: var(--small-8px);--sizing-2: var(--small-16px);--sizing-3: var(--small-8px);--height: var(--medium-36px);--font-size: var(--small-14px)}.medium{--sizing-1: var(--small-6px);--sizing-2: var(--small-12px);--sizing-3: var(--small-8px);--height: var(--medium-32px);--font-size: var(--small-14px)}.small{--sizing-1: var(--small-4px);--sizing-2: var(--small-8px);--sizing-3: var(--small-8px);--height: var(--medium-24px);--font-size: var(--small-12px)}.disabled{background-color:var(--disabled-bg)!important;color:var(--disabled-color)!important;border:1px solid var(--disabled-border)!important;cursor:default!important;--svg-icon-color: var(--disabled-color) !important}.error{background-color:var(--error-default-bg)!important;color:var(--error-default-color)!important;border:1px solid var(--error-default-border)!important;--svg-icon-color: var(--error-default-color) !important}.error:hover{background-color:var(--error-hover-bg)!important;color:var(--error-hover-color)!important;--svg-icon-color: var(--error-hover-color) !important}.sa-button{display:flex;width:max-content;padding:var(--sizing-1) var(--sizing-2);justify-content:center;align-items:center;gap:var(--sizing-3);box-sizing:border-box;height:var(--height);border-radius:4px;font-family:var(--font);font-size:var(--font-size);cursor:pointer;background-color:var(--default-bg);border:1px solid var(--default-border);color:var(--default-color);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.sa-button:hover{background-color:var(--hover-bg);border:1px solid var(--hover-border);color:var(--hover-color);--svg-icon-color: var(--hover-color)}.svg-icon{-webkit-mask-size:contain;mask-size:contain;width:16px;height:16px;background-color:var(--svg-icon-color)}.btn-hide{display:none}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SpinnerComponent, selector: "sa-spinner", inputs: ["default", "size"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass"] }] }); }
61
+ }
62
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ButtonComponent, decorators: [{
63
+ type: Component,
64
+ args: [{ selector: 'sa-button', standalone: true, imports: [NgIf, NgStyle, SpinnerComponent, HttpClientModule, IconComponent], providers: [IconService], template: "<button (click)=\"buttonClicked($event)\" id=\"sa-button-{{uuid}}\" class=\"btn-hide\"\n [type]=\"isSubmit ? 'submit' : 'button'\"></button>\n<!-- (click)=\"buttonClicked()\" on button instead of label breaks whole thing -->\n<label for=\"sa-button-{{uuid}}\" [ngStyle]=\"{'width':width}\" role=\"button\" tabindex=\"0\" (mouseenter)=\"mouseIn()\"\n (mouseleave)=\"mouseOut()\" (keydown.enter)=\"buttonClicked($event)\" for=\"sa-button\"\n class=\"sa-button {{state}} {{type}} {{size}}\">\n @if(showSpinner){\n <sa-spinner [default]=\"true\"></sa-spinner>\n }\n @if(ImagePath) {\n <div class=\"svg-icon\" [style]=\"svgStyle\"\n [style.display]=\"(iconPosition == 'left' || iconPosition == 'both') ? 'block' : 'none'\"></div>\n {{text}}\n <div class=\"svg-icon\" [style]=\"svgStyle\"\n [style.display]=\"(iconPosition == 'right' || iconPosition == 'both') ? 'block' : 'none'\"></div>\n } @else if (icon) {\n <sa-icon [icon]=\"icon\" [size]=\"buttonIconSize\"\n [style.display]=\"(iconPosition == 'left' || iconPosition == 'both') ? 'flex' : 'none'\"></sa-icon>\n {{text}}\n <sa-icon [icon]=\"icon\" [size]=\"buttonIconSize\"\n [style.display]=\"(iconPosition == 'right' || iconPosition == 'both') ? 'flex' : 'none'\"></sa-icon>\n } @else {\n {{text}}\n }\n</label>", styles: [".primary{--default-bg: var(--primary-500);--default-color: var(--text-white);--default-border: transparent;--hover-bg: var(--primary-700);--hover-color: var(--text-white);--hover-border: transparent;--disabled-bg: var(--grey-100);--disabled-color: var(--text-white);--disabled-border: transparent;--error-default-bg: var(--semantic-error-500);--error-hover-bg: var(--semantic-error-600);--error-default-color: var(--text-white);--error-hover-color: var(--text-white);--error-default-border: var(--semantic-error-500);--error-hover-border: var(--semantic-error-500);--svg-icon-color: var(--default-color)}.outline{--default-bg: none;--default-color: var(--primary-500);--default-border: var(--primary-500);--hover-bg: var(--primary-50);--hover-color: var(--primary-700);--hover-border: var(--primary-700);--disabled-bg: none;--disabled-color: var(--grey-100);--disabled-border: var(--grey-100);--error-default-bg: none;--error-hover-bg: var(--semantic-error-50);--error-default-color: var(--semantic-error-500);--error-hover-color: var(--semantic-error-600);--error-default-border: var(--semantic-error-500);--error-hover-border: var(--semantic-error-600);--svg-icon-color: var(--default-color)}.transparent{--default-bg: none;--default-color: var(--primary-500);--default-border: transparent;--hover-bg: var(--primary-50);--hover-color: var(--primary-700);--hover-border: transparent;--disabled-bg: none;--disabled-color: var(--grey-100);--disabled-border: transparent;--error-default-bg: none;--error-hover-bg: var(--semantic-error-50);--error-default-color: var(--semantic-error-500);--error-hover-color: var(--semantic-error-600);--error-default-border: transparent;--error-hover-border: transparent;--svg-icon-color: var(--default-color)}.large{--sizing-1: var(--small-8px);--sizing-2: var(--small-16px);--sizing-3: var(--small-8px);--height: var(--medium-36px);--font-size: var(--small-14px)}.medium{--sizing-1: var(--small-6px);--sizing-2: var(--small-12px);--sizing-3: var(--small-8px);--height: var(--medium-32px);--font-size: var(--small-14px)}.small{--sizing-1: var(--small-4px);--sizing-2: var(--small-8px);--sizing-3: var(--small-8px);--height: var(--medium-24px);--font-size: var(--small-12px)}.disabled{background-color:var(--disabled-bg)!important;color:var(--disabled-color)!important;border:1px solid var(--disabled-border)!important;cursor:default!important;--svg-icon-color: var(--disabled-color) !important}.error{background-color:var(--error-default-bg)!important;color:var(--error-default-color)!important;border:1px solid var(--error-default-border)!important;--svg-icon-color: var(--error-default-color) !important}.error:hover{background-color:var(--error-hover-bg)!important;color:var(--error-hover-color)!important;--svg-icon-color: var(--error-hover-color) !important}.sa-button{display:flex;width:max-content;padding:var(--sizing-1) var(--sizing-2);justify-content:center;align-items:center;gap:var(--sizing-3);box-sizing:border-box;height:var(--height);border-radius:4px;font-family:var(--font);font-size:var(--font-size);cursor:pointer;background-color:var(--default-bg);border:1px solid var(--default-border);color:var(--default-color);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.sa-button:hover{background-color:var(--hover-bg);border:1px solid var(--hover-border);color:var(--hover-color);--svg-icon-color: var(--hover-color)}.svg-icon{-webkit-mask-size:contain;mask-size:contain;width:16px;height:16px;background-color:var(--svg-icon-color)}.btn-hide{display:none}\n"] }]
65
+ }], propDecorators: { id: [{
66
+ type: Input
67
+ }], type: [{
68
+ type: Input
69
+ }], state: [{
70
+ type: Input
71
+ }], size: [{
72
+ type: Input
73
+ }], text: [{
74
+ type: Input
75
+ }], ImagePath: [{
76
+ type: Input
77
+ }], icon: [{
78
+ type: Input
79
+ }], iconPosition: [{
80
+ type: Input
81
+ }], href: [{
82
+ type: Input
83
+ }], hrefTarget: [{
84
+ type: Input
85
+ }], width: [{
86
+ type: Input
87
+ }], isSubmit: [{
88
+ type: Input
89
+ }], buttonIconSize: [{
90
+ type: Input
91
+ }], showSpinner: [{
92
+ type: Input
93
+ }], onClickEvent: [{
94
+ type: Output
95
+ }], onMouseInEvent: [{
96
+ type: Output
97
+ }], onMouseOutEvent: [{
98
+ type: Output
99
+ }] } });
100
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBRW5ELElBQUksTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFJLGlEQUFpRDtBQVdwRSxNQUFNLE9BQU8sZUFBZTtJQVQ1QjtRQXFCVyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBRTVCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsQyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRS9DLGFBQVEsR0FBRyxFQUFFLENBQUE7UUFDYixvQkFBZSxHQUFHLEVBQUUsQ0FBQTtRQUNwQixTQUFJLEdBQVcsTUFBTSxFQUFFLENBQUM7S0FvQ3pCO0lBbENDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHO1lBQ2Qsb0JBQW9CLEVBQUUsT0FBTyxJQUFJLENBQUMsU0FBUyxHQUFHO1lBQzlDLFlBQVksRUFBRSxPQUFPLElBQUksQ0FBQyxTQUFTLEdBQUc7U0FDdkMsQ0FBQTtRQUNELElBQUksQ0FBQyxlQUFlLEdBQUc7WUFDckIsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFO1NBQ1osQ0FBQTtRQUNELElBQUksT0FBTyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDakUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDekIsQ0FBQztJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsR0FBVTtRQUN0QixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksVUFBVTtZQUFFLE9BQU87UUFDckMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDckIsR0FBRyxJQUFJLENBQUMsZUFBZTtZQUN2QixHQUFHO1NBQ0osQ0FBQyxDQUFDO1FBQ0gsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxPQUFPO2dCQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2lCQUNsRCxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksTUFBTTtnQkFBRSxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDaEUsQ0FBQztJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLFVBQVU7WUFBRSxPQUFPO1FBQ3JDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksVUFBVTtZQUFFLE9BQU87UUFDckMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDOzhHQTFEVSxlQUFlO2tHQUFmLGVBQWUseWNBTGYsQ0FBQyxXQUFXLENBQUMsK0NDakIxQiw4d0NBd0JRLHdpSERSVSxPQUFPLDJFQUFFLGdCQUFnQixtRkFBRSxnQkFBZ0IsK0JBQUUsYUFBYTs7MkZBTS9ELGVBQWU7a0JBVDNCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxDQUFDLGFBQ2hFLENBQUMsV0FBVyxDQUFDOzhCQU1mLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuLi9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9pY29uLWludGVyZmFjZSc7XG5pbXBvcnQgeyBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuLi9pY29uL2ljb24uc2VydmljZSc7XG5cbmxldCBuZXh0SWQgPSAwOyAgICAvLyB1c2VkIHRvIGdpdmUgdW5pcXVlIGlkcyB0byBpbnB1dHMgdXNlZCBpbiBodG1sXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOZ1N0eWxlLCBTcGlubmVyQ29tcG9uZW50LCBIdHRwQ2xpZW50TW9kdWxlLCBJY29uQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbSWNvblNlcnZpY2VdLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuY3NzJ1xufSlcblxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZztcbiAgQElucHV0KCkgc3RhdGU6IHN0cmluZztcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgfCBudW1iZXI7XG4gIEBJbnB1dCgpIEltYWdlUGF0aDogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uOiBJY29uTmFtZTtcbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhyZWY6IHN0cmluZztcbiAgQElucHV0KCkgaHJlZlRhcmdldDogc3RyaW5nO1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nO1xuICBASW5wdXQoKSBpc1N1Ym1pdDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBidXR0b25JY29uU2l6ZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHNob3dTcGlubmVyOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIG9uQ2xpY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIG9uTW91c2VJbkV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgb25Nb3VzZU91dEV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHN2Z1N0eWxlID0ge31cbiAgZXZlbnRFbWl0T2JqZWN0ID0ge31cbiAgdXVpZDogbnVtYmVyID0gbmV4dElkKys7XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHRoaXMuc3ZnU3R5bGUgPSB7XG4gICAgICAnLXdlYmtpdC1tYXNrLWltYWdlJzogYHVybCgke3RoaXMuSW1hZ2VQYXRofSlgLFxuICAgICAgJ21hc2staW1hZ2UnOiBgdXJsKCR7dGhpcy5JbWFnZVBhdGh9KWAsXG4gICAgfVxuICAgIHRoaXMuZXZlbnRFbWl0T2JqZWN0ID0ge1xuICAgICAgaWQ6IHRoaXMuaWRcbiAgICB9XG4gICAgaWYgKGNoYW5nZXMgJiYgY2hhbmdlc1snd2lkdGgnXSAmJiBjaGFuZ2VzWyd3aWR0aCddLmN1cnJlbnRWYWx1ZSkge1xuICAgICAgY29uc29sZS5sb2codGhpcy53aWR0aClcbiAgICB9XG4gIH1cblxuICBidXR0b25DbGlja2VkKGV2dDogRXZlbnQpIHtcbiAgICBpZiAodGhpcy5zdGF0ZSA9PSBcImRpc2FibGVkXCIpIHJldHVybjtcbiAgICB0aGlzLm9uQ2xpY2tFdmVudC5lbWl0KHtcbiAgICAgIC4uLnRoaXMuZXZlbnRFbWl0T2JqZWN0LFxuICAgICAgZXZ0XG4gICAgfSk7XG4gICAgaWYgKHRoaXMuaHJlZiAhPSBcIlwiKSB7XG4gICAgICBpZiAodGhpcy5ocmVmVGFyZ2V0ID09IFwiYmxhbmtcIikgd2luZG93Lm9wZW4odGhpcy5ocmVmKTtcbiAgICAgIGVsc2UgaWYgKHRoaXMuaHJlZlRhcmdldCA9PSBcInNlbGZcIikgbG9jYXRpb24uaHJlZiA9IHRoaXMuaHJlZjtcbiAgICB9XG4gIH1cblxuICBtb3VzZUluKCkge1xuICAgIGlmICh0aGlzLnN0YXRlID09IFwiZGlzYWJsZWRcIikgcmV0dXJuO1xuICAgIHRoaXMub25Nb3VzZUluRXZlbnQuZW1pdCgpO1xuICB9XG5cbiAgbW91c2VPdXQoKSB7XG4gICAgaWYgKHRoaXMuc3RhdGUgPT0gXCJkaXNhYmxlZFwiKSByZXR1cm47XG4gICAgdGhpcy5vbk1vdXNlT3V0RXZlbnQuZW1pdCgpO1xuICB9XG59XG4iLCI8YnV0dG9uIChjbGljayk9XCJidXR0b25DbGlja2VkKCRldmVudClcIiBpZD1cInNhLWJ1dHRvbi17e3V1aWR9fVwiIGNsYXNzPVwiYnRuLWhpZGVcIlxuICBbdHlwZV09XCJpc1N1Ym1pdCA/ICdzdWJtaXQnIDogJ2J1dHRvbidcIj48L2J1dHRvbj5cbjwhLS0gKGNsaWNrKT1cImJ1dHRvbkNsaWNrZWQoKVwiIG9uIGJ1dHRvbiBpbnN0ZWFkIG9mIGxhYmVsIGJyZWFrcyB3aG9sZSB0aGluZyAtLT5cbjxsYWJlbCBmb3I9XCJzYS1idXR0b24te3t1dWlkfX1cIiBbbmdTdHlsZV09XCJ7J3dpZHRoJzp3aWR0aH1cIiByb2xlPVwiYnV0dG9uXCIgdGFiaW5kZXg9XCIwXCIgKG1vdXNlZW50ZXIpPVwibW91c2VJbigpXCJcbiAgKG1vdXNlbGVhdmUpPVwibW91c2VPdXQoKVwiIChrZXlkb3duLmVudGVyKT1cImJ1dHRvbkNsaWNrZWQoJGV2ZW50KVwiIGZvcj1cInNhLWJ1dHRvblwiXG4gIGNsYXNzPVwic2EtYnV0dG9uIHt7c3RhdGV9fSB7e3R5cGV9fSB7e3NpemV9fVwiPlxuICBAaWYoc2hvd1NwaW5uZXIpe1xuICA8c2Etc3Bpbm5lciBbZGVmYXVsdF09XCJ0cnVlXCI+PC9zYS1zcGlubmVyPlxuICB9XG4gIEBpZihJbWFnZVBhdGgpIHtcbiAgPGRpdiBjbGFzcz1cInN2Zy1pY29uXCIgW3N0eWxlXT1cInN2Z1N0eWxlXCJcbiAgICBbc3R5bGUuZGlzcGxheV09XCIoaWNvblBvc2l0aW9uID09ICdsZWZ0JyB8fCBpY29uUG9zaXRpb24gPT0gJ2JvdGgnKSA/ICdibG9jaycgOiAnbm9uZSdcIj48L2Rpdj5cbiAge3t0ZXh0fX1cbiAgPGRpdiBjbGFzcz1cInN2Zy1pY29uXCIgW3N0eWxlXT1cInN2Z1N0eWxlXCJcbiAgICBbc3R5bGUuZGlzcGxheV09XCIoaWNvblBvc2l0aW9uID09ICdyaWdodCcgfHwgaWNvblBvc2l0aW9uID09ICdib3RoJykgPyAnYmxvY2snIDogJ25vbmUnXCI+PC9kaXY+XG4gIH0gQGVsc2UgaWYgKGljb24pIHtcbiAgPHNhLWljb24gW2ljb25dPVwiaWNvblwiIFtzaXplXT1cImJ1dHRvbkljb25TaXplXCJcbiAgICBbc3R5bGUuZGlzcGxheV09XCIoaWNvblBvc2l0aW9uID09ICdsZWZ0JyB8fCBpY29uUG9zaXRpb24gPT0gJ2JvdGgnKSA/ICdmbGV4JyA6ICdub25lJ1wiPjwvc2EtaWNvbj5cbiAge3t0ZXh0fX1cbiAgPHNhLWljb24gW2ljb25dPVwiaWNvblwiIFtzaXplXT1cImJ1dHRvbkljb25TaXplXCJcbiAgICBbc3R5bGUuZGlzcGxheV09XCIoaWNvblBvc2l0aW9uID09ICdyaWdodCcgfHwgaWNvblBvc2l0aW9uID09ICdib3RoJykgPyAnZmxleCcgOiAnbm9uZSdcIj48L3NhLWljb24+XG4gIH0gQGVsc2Uge1xuICB7e3RleHR9fVxuICB9XG48L2xhYmVsPiJdfQ==