@agorapulse/ui-components 14.0.5 → 14.0.6

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 (307) hide show
  1. package/{src/lib/add-comment → add-comment}/add-comment.component.d.ts +1 -1
  2. package/add-comment/index.d.ts +5 -0
  3. package/add-comment/public_api.d.ts +1 -0
  4. package/agorapulse-ui-components-14.0.6.tgz +0 -0
  5. package/{src/lib/avatar → avatar}/avatar.component.d.ts +1 -1
  6. package/avatar/index.d.ts +5 -0
  7. package/avatar/public_api.d.ts +1 -0
  8. package/{src/lib/confirm-modal → confirm-modal}/confirm-modal-texts.model.d.ts +0 -0
  9. package/{src/lib/confirm-modal → confirm-modal}/confirm-modal.component.d.ts +2 -2
  10. package/confirm-modal/index.d.ts +5 -0
  11. package/confirm-modal/public_api.d.ts +2 -0
  12. package/{src/lib/datepicker → datepicker}/datepicker.component.d.ts +2 -2
  13. package/datepicker/index.d.ts +5 -0
  14. package/datepicker/public_api.d.ts +1 -0
  15. package/{src/lib/directives → directives}/autosize-textarea.directive.d.ts +1 -1
  16. package/{src/lib/directives → directives}/default-image.directive.d.ts +1 -1
  17. package/{src/lib/directives → directives}/ellipsis.directive.d.ts +1 -1
  18. package/{src/lib/directives → directives}/equal-validator.directive.d.ts +1 -1
  19. package/{src/lib/directives → directives}/frozen-gif.directive.d.ts +1 -1
  20. package/directives/index.d.ts +5 -0
  21. package/{src/lib/directives → directives}/multi-style-text.directive.d.ts +1 -1
  22. package/directives/public_api.d.ts +7 -0
  23. package/{src/lib/directives → directives}/truncate-tooltip.directive.d.ts +2 -3
  24. package/{src/lib/dots-stepper → dots-stepper}/dots-stepper.component.d.ts +1 -1
  25. package/dots-stepper/index.d.ts +5 -0
  26. package/dots-stepper/public_api.d.ts +1 -0
  27. package/esm2020/add-comment/add-comment.component.mjs +70 -0
  28. package/esm2020/add-comment/agorapulse-ui-components-add-comment.mjs +5 -0
  29. package/esm2020/add-comment/public_api.mjs +2 -0
  30. package/esm2020/avatar/agorapulse-ui-components-avatar.mjs +5 -0
  31. package/esm2020/avatar/avatar.component.mjs +138 -0
  32. package/esm2020/avatar/public_api.mjs +2 -0
  33. package/esm2020/confirm-modal/agorapulse-ui-components-confirm-modal.mjs +5 -0
  34. package/esm2020/confirm-modal/confirm-modal-texts.model.mjs +2 -0
  35. package/esm2020/confirm-modal/confirm-modal.component.mjs +61 -0
  36. package/esm2020/confirm-modal/public_api.mjs +3 -0
  37. package/esm2020/datepicker/agorapulse-ui-components-datepicker.mjs +5 -0
  38. package/esm2020/datepicker/datepicker.component.mjs +225 -0
  39. package/esm2020/datepicker/public_api.mjs +2 -0
  40. package/esm2020/directives/agorapulse-ui-components-directives.mjs +5 -0
  41. package/esm2020/directives/autosize-textarea.directive.mjs +44 -0
  42. package/esm2020/directives/default-image.directive.mjs +32 -0
  43. package/esm2020/directives/ellipsis.directive.mjs +86 -0
  44. package/esm2020/directives/equal-validator.directive.mjs +66 -0
  45. package/esm2020/directives/frozen-gif.directive.mjs +116 -0
  46. package/esm2020/directives/multi-style-text.directive.mjs +136 -0
  47. package/esm2020/directives/public_api.mjs +8 -0
  48. package/esm2020/directives/truncate-tooltip.directive.mjs +33 -0
  49. package/esm2020/dots-stepper/agorapulse-ui-components-dots-stepper.mjs +5 -0
  50. package/esm2020/dots-stepper/dots-stepper.component.mjs +43 -0
  51. package/esm2020/dots-stepper/public_api.mjs +2 -0
  52. package/esm2020/index.mjs +27 -33
  53. package/esm2020/infobox/agorapulse-ui-components-infobox.mjs +5 -0
  54. package/esm2020/infobox/infobox.component.mjs +30 -0
  55. package/esm2020/infobox/public_api.mjs +2 -0
  56. package/esm2020/labels/agorapulse-ui-components-labels.mjs +5 -0
  57. package/esm2020/labels/label-list.component.mjs +101 -0
  58. package/esm2020/labels/label.component.mjs +56 -0
  59. package/esm2020/labels/public_api.mjs +3 -0
  60. package/esm2020/labels-selector/agorapulse-ui-components-labels-selector.mjs +5 -0
  61. package/esm2020/labels-selector/labels-selector.component.mjs +95 -0
  62. package/esm2020/labels-selector/public_api.mjs +2 -0
  63. package/esm2020/media-display-overlay/agorapulse-ui-components-media-display-overlay.mjs +5 -0
  64. package/esm2020/media-display-overlay/media-display-overlay-dialog.component.mjs +88 -0
  65. package/esm2020/media-display-overlay/public_api.mjs +2 -0
  66. package/esm2020/modal/agorapulse-ui-components-modal.mjs +5 -0
  67. package/esm2020/modal/modal.component.mjs +99 -0
  68. package/esm2020/modal/public_api.mjs +2 -0
  69. package/esm2020/notification/agorapulse-ui-components-notification.mjs +5 -0
  70. package/esm2020/notification/notification.component.mjs +17 -0
  71. package/esm2020/notification/public_api.mjs +2 -0
  72. package/esm2020/paginator/agorapulse-ui-components-paginator.mjs +5 -0
  73. package/esm2020/paginator/paginator-button/paginator-button.component.mjs +24 -0
  74. package/esm2020/paginator/paginator.component.mjs +56 -0
  75. package/esm2020/paginator/public_api.mjs +3 -0
  76. package/esm2020/password-input/agorapulse-ui-components-password-input.mjs +5 -0
  77. package/esm2020/password-input/password-input.component.mjs +70 -0
  78. package/esm2020/password-input/public_api.mjs +2 -0
  79. package/esm2020/popmenu/agorapulse-ui-components-popmenu.mjs +5 -0
  80. package/esm2020/popmenu/options.mjs +17 -0
  81. package/esm2020/popmenu/popmenu-options.interface.mjs +2 -0
  82. package/esm2020/popmenu/popmenu-options.service.mjs +7 -0
  83. package/esm2020/popmenu/popmenu.component.mjs +368 -0
  84. package/esm2020/popmenu/popmenu.directive.mjs +241 -0
  85. package/esm2020/popmenu/popmenu.module.mjs +35 -0
  86. package/esm2020/{src/lib/popmenu/index.mjs → popmenu/public_api.mjs} +1 -1
  87. package/esm2020/slide-toggle/agorapulse-ui-components-slide-toggle.mjs +5 -0
  88. package/esm2020/slide-toggle/public_api.mjs +2 -0
  89. package/esm2020/slide-toggle/slide-toggle.component.mjs +65 -0
  90. package/esm2020/snackbar/agorapulse-ui-components-snackbar.mjs +5 -0
  91. package/esm2020/snackbar/public_api.mjs +2 -0
  92. package/esm2020/snackbar/snackbar.component.mjs +22 -0
  93. package/esm2020/snackbars-thread/agorapulse-ui-components-snackbars-thread.mjs +5 -0
  94. package/esm2020/snackbars-thread/component/snackbars-thread.component.mjs +71 -0
  95. package/esm2020/snackbars-thread/model/snackbars-thread.model.mjs +41 -0
  96. package/esm2020/snackbars-thread/public_api.mjs +4 -0
  97. package/esm2020/snackbars-thread/service/snackbars-thread.service.mjs +41 -0
  98. package/esm2020/snackbars-thread/utils/const/snackbars-thread.const.mjs +13 -0
  99. package/esm2020/src/lib/agorapulse-ui-components.module.mjs +60 -87
  100. package/esm2020/stepper/agorapulse-ui-components-stepper.mjs +5 -0
  101. package/esm2020/stepper/public_api.mjs +3 -0
  102. package/esm2020/stepper/step.model.mjs +2 -0
  103. package/esm2020/stepper/stepper.component.mjs +37 -0
  104. package/esm2020/text-measurement/agorapulse-ui-components-text-measurement.mjs +5 -0
  105. package/esm2020/text-measurement/public_api.mjs +2 -0
  106. package/esm2020/text-measurement/text-measurement.service.mjs +28 -0
  107. package/esm2020/tooltip-neo/agorapulse-ui-components-tooltip-neo.mjs +5 -0
  108. package/esm2020/tooltip-neo/public_api.mjs +4 -0
  109. package/esm2020/tooltip-neo/tooltip-neo.component.mjs +44 -0
  110. package/esm2020/tooltip-neo/tooltip-neo.const.mjs +67 -0
  111. package/esm2020/tooltip-neo/tooltip-neo.directive.mjs +156 -0
  112. package/esm2020/tooltip-neo/tooltip-neo.model.mjs +2 -0
  113. package/esm2020/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.service.mjs +1 -1
  114. package/fesm2015/agorapulse-ui-components-add-comment.mjs +77 -0
  115. package/fesm2015/agorapulse-ui-components-add-comment.mjs.map +1 -0
  116. package/fesm2015/agorapulse-ui-components-avatar.mjs +146 -0
  117. package/fesm2015/agorapulse-ui-components-avatar.mjs.map +1 -0
  118. package/fesm2015/agorapulse-ui-components-confirm-modal.mjs +68 -0
  119. package/fesm2015/agorapulse-ui-components-confirm-modal.mjs.map +1 -0
  120. package/fesm2015/agorapulse-ui-components-datepicker.mjs +235 -0
  121. package/fesm2015/agorapulse-ui-components-datepicker.mjs.map +1 -0
  122. package/fesm2015/agorapulse-ui-components-directives.mjs +509 -0
  123. package/fesm2015/agorapulse-ui-components-directives.mjs.map +1 -0
  124. package/fesm2015/agorapulse-ui-components-dots-stepper.mjs +50 -0
  125. package/fesm2015/agorapulse-ui-components-dots-stepper.mjs.map +1 -0
  126. package/fesm2015/agorapulse-ui-components-infobox.mjs +37 -0
  127. package/fesm2015/agorapulse-ui-components-infobox.mjs.map +1 -0
  128. package/fesm2015/agorapulse-ui-components-labels-selector.mjs +103 -0
  129. package/fesm2015/agorapulse-ui-components-labels-selector.mjs.map +1 -0
  130. package/fesm2015/agorapulse-ui-components-labels.mjs +160 -0
  131. package/fesm2015/agorapulse-ui-components-labels.mjs.map +1 -0
  132. package/fesm2015/agorapulse-ui-components-media-display-overlay.mjs +97 -0
  133. package/fesm2015/agorapulse-ui-components-media-display-overlay.mjs.map +1 -0
  134. package/fesm2015/agorapulse-ui-components-modal.mjs +106 -0
  135. package/fesm2015/agorapulse-ui-components-modal.mjs.map +1 -0
  136. package/fesm2015/agorapulse-ui-components-notification.mjs +24 -0
  137. package/fesm2015/agorapulse-ui-components-notification.mjs.map +1 -0
  138. package/fesm2015/agorapulse-ui-components-paginator.mjs +82 -0
  139. package/fesm2015/agorapulse-ui-components-paginator.mjs.map +1 -0
  140. package/fesm2015/agorapulse-ui-components-password-input.mjs +77 -0
  141. package/fesm2015/agorapulse-ui-components-password-input.mjs.map +1 -0
  142. package/fesm2015/agorapulse-ui-components-popmenu.mjs +666 -0
  143. package/fesm2015/agorapulse-ui-components-popmenu.mjs.map +1 -0
  144. package/fesm2015/agorapulse-ui-components-slide-toggle.mjs +72 -0
  145. package/fesm2015/agorapulse-ui-components-slide-toggle.mjs.map +1 -0
  146. package/fesm2015/agorapulse-ui-components-snackbar.mjs +31 -0
  147. package/fesm2015/agorapulse-ui-components-snackbar.mjs.map +1 -0
  148. package/fesm2015/agorapulse-ui-components-snackbars-thread.mjs +169 -0
  149. package/fesm2015/agorapulse-ui-components-snackbars-thread.mjs.map +1 -0
  150. package/fesm2015/agorapulse-ui-components-stepper.mjs +45 -0
  151. package/fesm2015/agorapulse-ui-components-stepper.mjs.map +1 -0
  152. package/fesm2015/agorapulse-ui-components-text-measurement.mjs +35 -0
  153. package/fesm2015/agorapulse-ui-components-text-measurement.mjs.map +1 -0
  154. package/fesm2015/agorapulse-ui-components-tooltip-neo.mjs +283 -0
  155. package/fesm2015/agorapulse-ui-components-tooltip-neo.mjs.map +1 -0
  156. package/fesm2015/agorapulse-ui-components.mjs +82 -2824
  157. package/fesm2015/agorapulse-ui-components.mjs.map +1 -1
  158. package/fesm2020/agorapulse-ui-components-add-comment.mjs +77 -0
  159. package/fesm2020/agorapulse-ui-components-add-comment.mjs.map +1 -0
  160. package/fesm2020/agorapulse-ui-components-avatar.mjs +145 -0
  161. package/fesm2020/agorapulse-ui-components-avatar.mjs.map +1 -0
  162. package/fesm2020/agorapulse-ui-components-confirm-modal.mjs +68 -0
  163. package/fesm2020/agorapulse-ui-components-confirm-modal.mjs.map +1 -0
  164. package/fesm2020/agorapulse-ui-components-datepicker.mjs +232 -0
  165. package/fesm2020/agorapulse-ui-components-datepicker.mjs.map +1 -0
  166. package/fesm2020/agorapulse-ui-components-directives.mjs +507 -0
  167. package/fesm2020/agorapulse-ui-components-directives.mjs.map +1 -0
  168. package/fesm2020/agorapulse-ui-components-dots-stepper.mjs +50 -0
  169. package/fesm2020/agorapulse-ui-components-dots-stepper.mjs.map +1 -0
  170. package/fesm2020/agorapulse-ui-components-infobox.mjs +37 -0
  171. package/fesm2020/agorapulse-ui-components-infobox.mjs.map +1 -0
  172. package/fesm2020/agorapulse-ui-components-labels-selector.mjs +102 -0
  173. package/fesm2020/agorapulse-ui-components-labels-selector.mjs.map +1 -0
  174. package/fesm2020/agorapulse-ui-components-labels.mjs +160 -0
  175. package/fesm2020/agorapulse-ui-components-labels.mjs.map +1 -0
  176. package/fesm2020/agorapulse-ui-components-media-display-overlay.mjs +95 -0
  177. package/fesm2020/agorapulse-ui-components-media-display-overlay.mjs.map +1 -0
  178. package/fesm2020/agorapulse-ui-components-modal.mjs +106 -0
  179. package/fesm2020/agorapulse-ui-components-modal.mjs.map +1 -0
  180. package/fesm2020/agorapulse-ui-components-notification.mjs +24 -0
  181. package/fesm2020/agorapulse-ui-components-notification.mjs.map +1 -0
  182. package/fesm2020/agorapulse-ui-components-paginator.mjs +82 -0
  183. package/fesm2020/agorapulse-ui-components-paginator.mjs.map +1 -0
  184. package/fesm2020/agorapulse-ui-components-password-input.mjs +77 -0
  185. package/fesm2020/agorapulse-ui-components-password-input.mjs.map +1 -0
  186. package/fesm2020/agorapulse-ui-components-popmenu.mjs +664 -0
  187. package/fesm2020/agorapulse-ui-components-popmenu.mjs.map +1 -0
  188. package/fesm2020/agorapulse-ui-components-slide-toggle.mjs +72 -0
  189. package/fesm2020/agorapulse-ui-components-slide-toggle.mjs.map +1 -0
  190. package/fesm2020/agorapulse-ui-components-snackbar.mjs +29 -0
  191. package/fesm2020/agorapulse-ui-components-snackbar.mjs.map +1 -0
  192. package/fesm2020/agorapulse-ui-components-snackbars-thread.mjs +169 -0
  193. package/fesm2020/agorapulse-ui-components-snackbars-thread.mjs.map +1 -0
  194. package/fesm2020/agorapulse-ui-components-stepper.mjs +44 -0
  195. package/fesm2020/agorapulse-ui-components-stepper.mjs.map +1 -0
  196. package/fesm2020/agorapulse-ui-components-text-measurement.mjs +35 -0
  197. package/fesm2020/agorapulse-ui-components-text-measurement.mjs.map +1 -0
  198. package/fesm2020/agorapulse-ui-components-tooltip-neo.mjs +282 -0
  199. package/fesm2020/agorapulse-ui-components-tooltip-neo.mjs.map +1 -0
  200. package/fesm2020/agorapulse-ui-components.mjs +79 -2807
  201. package/fesm2020/agorapulse-ui-components.mjs.map +1 -1
  202. package/index.d.ts +28 -34
  203. package/infobox/index.d.ts +5 -0
  204. package/{src/lib/infobox → infobox}/infobox.component.d.ts +1 -1
  205. package/infobox/public_api.d.ts +1 -0
  206. package/labels/index.d.ts +5 -0
  207. package/{src/lib/labels → labels}/label-list.component.d.ts +2 -2
  208. package/{src/lib/labels → labels}/label.component.d.ts +2 -2
  209. package/labels/public_api.d.ts +2 -0
  210. package/labels-selector/index.d.ts +5 -0
  211. package/{src/lib/labels-selector → labels-selector}/labels-selector.component.d.ts +2 -2
  212. package/labels-selector/public_api.d.ts +1 -0
  213. package/media-display-overlay/index.d.ts +5 -0
  214. package/{src/lib/media-display-overlay → media-display-overlay}/media-display-overlay-dialog.component.d.ts +1 -1
  215. package/media-display-overlay/public_api.d.ts +1 -0
  216. package/modal/index.d.ts +5 -0
  217. package/{src/lib/modal → modal}/modal.component.d.ts +3 -4
  218. package/modal/public_api.d.ts +1 -0
  219. package/notification/index.d.ts +5 -0
  220. package/{src/lib/notification → notification}/notification.component.d.ts +1 -1
  221. package/notification/public_api.d.ts +1 -0
  222. package/package.json +169 -1
  223. package/paginator/index.d.ts +5 -0
  224. package/{src/lib/paginator → paginator}/paginator-button/paginator-button.component.d.ts +1 -1
  225. package/{src/lib/paginator → paginator}/paginator.component.d.ts +1 -1
  226. package/paginator/public_api.d.ts +2 -0
  227. package/password-input/index.d.ts +5 -0
  228. package/{src/lib/password-input → password-input}/password-input.component.d.ts +1 -1
  229. package/password-input/public_api.d.ts +1 -0
  230. package/popmenu/index.d.ts +5 -0
  231. package/{src/lib/popmenu → popmenu}/options.d.ts +0 -0
  232. package/{src/lib/popmenu → popmenu}/popmenu-options.interface.d.ts +0 -0
  233. package/{src/lib/popmenu → popmenu}/popmenu-options.service.d.ts +0 -0
  234. package/{src/lib/popmenu → popmenu}/popmenu.component.d.ts +1 -1
  235. package/{src/lib/popmenu → popmenu}/popmenu.directive.d.ts +1 -1
  236. package/{src/lib/popmenu → popmenu}/popmenu.module.d.ts +1 -4
  237. package/{src/lib/popmenu/index.d.ts → popmenu/public_api.d.ts} +0 -0
  238. package/slide-toggle/index.d.ts +5 -0
  239. package/slide-toggle/public_api.d.ts +1 -0
  240. package/{src/lib/slide-toggle → slide-toggle}/slide-toggle.component.d.ts +1 -1
  241. package/snackbar/index.d.ts +5 -0
  242. package/snackbar/public_api.d.ts +1 -0
  243. package/{src/lib/snackbar → snackbar}/snackbar.component.d.ts +1 -1
  244. package/{src/lib/snackbars-thread → snackbars-thread}/component/snackbars-thread.component.d.ts +1 -1
  245. package/snackbars-thread/index.d.ts +5 -0
  246. package/{src/lib/snackbars-thread → snackbars-thread}/model/snackbars-thread.model.d.ts +1 -1
  247. package/snackbars-thread/public_api.d.ts +3 -0
  248. package/{src/lib/snackbars-thread → snackbars-thread}/service/snackbars-thread.service.d.ts +0 -0
  249. package/{src/lib/snackbars-thread → snackbars-thread}/utils/const/snackbars-thread.const.d.ts +0 -0
  250. package/src/lib/agorapulse-ui-components.module.d.ts +24 -38
  251. package/stepper/index.d.ts +5 -0
  252. package/stepper/public_api.d.ts +2 -0
  253. package/{src/lib/stepper → stepper}/step.model.d.ts +0 -0
  254. package/{src/lib/stepper → stepper}/stepper.component.d.ts +1 -1
  255. package/text-measurement/index.d.ts +5 -0
  256. package/text-measurement/public_api.d.ts +1 -0
  257. package/{src/lib/text-measurement → text-measurement}/text-measurement.service.d.ts +0 -0
  258. package/tooltip-neo/index.d.ts +5 -0
  259. package/tooltip-neo/public_api.d.ts +3 -0
  260. package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.component.d.ts +1 -1
  261. package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.const.d.ts +0 -0
  262. package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.directive.d.ts +2 -2
  263. package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.model.d.ts +0 -0
  264. package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.service.d.ts +0 -0
  265. package/agorapulse-ui-components-14.0.5.tgz +0 -0
  266. package/esm2020/src/lib/add-comment/add-comment.component.mjs +0 -64
  267. package/esm2020/src/lib/avatar/avatar.component.mjs +0 -137
  268. package/esm2020/src/lib/confirm-modal/confirm-modal-texts.model.mjs +0 -2
  269. package/esm2020/src/lib/confirm-modal/confirm-modal.component.mjs +0 -61
  270. package/esm2020/src/lib/datepicker/datepicker.component.mjs +0 -219
  271. package/esm2020/src/lib/directives/autosize-textarea.directive.mjs +0 -43
  272. package/esm2020/src/lib/directives/default-image.directive.mjs +0 -31
  273. package/esm2020/src/lib/directives/ellipsis.directive.mjs +0 -85
  274. package/esm2020/src/lib/directives/equal-validator.directive.mjs +0 -65
  275. package/esm2020/src/lib/directives/frozen-gif.directive.mjs +0 -115
  276. package/esm2020/src/lib/directives/multi-style-text.directive.mjs +0 -135
  277. package/esm2020/src/lib/directives/truncate-tooltip.directive.mjs +0 -33
  278. package/esm2020/src/lib/dots-stepper/dots-stepper.component.mjs +0 -43
  279. package/esm2020/src/lib/infobox/infobox.component.mjs +0 -24
  280. package/esm2020/src/lib/labels/label-list.component.mjs +0 -98
  281. package/esm2020/src/lib/labels/label.component.mjs +0 -53
  282. package/esm2020/src/lib/labels-selector/labels-selector.component.mjs +0 -92
  283. package/esm2020/src/lib/media-display-overlay/media-display-overlay-dialog.component.mjs +0 -87
  284. package/esm2020/src/lib/modal/modal.component.mjs +0 -96
  285. package/esm2020/src/lib/notification/notification.component.mjs +0 -17
  286. package/esm2020/src/lib/paginator/paginator-button/paginator-button.component.mjs +0 -23
  287. package/esm2020/src/lib/paginator/paginator.component.mjs +0 -54
  288. package/esm2020/src/lib/password-input/password-input.component.mjs +0 -69
  289. package/esm2020/src/lib/popmenu/options.mjs +0 -17
  290. package/esm2020/src/lib/popmenu/popmenu-options.interface.mjs +0 -2
  291. package/esm2020/src/lib/popmenu/popmenu-options.service.mjs +0 -7
  292. package/esm2020/src/lib/popmenu/popmenu.component.mjs +0 -357
  293. package/esm2020/src/lib/popmenu/popmenu.directive.mjs +0 -240
  294. package/esm2020/src/lib/popmenu/popmenu.module.mjs +0 -47
  295. package/esm2020/src/lib/slide-toggle/slide-toggle.component.mjs +0 -67
  296. package/esm2020/src/lib/snackbar/snackbar.component.mjs +0 -21
  297. package/esm2020/src/lib/snackbars-thread/component/snackbars-thread.component.mjs +0 -70
  298. package/esm2020/src/lib/snackbars-thread/model/snackbars-thread.model.mjs +0 -41
  299. package/esm2020/src/lib/snackbars-thread/service/snackbars-thread.service.mjs +0 -41
  300. package/esm2020/src/lib/snackbars-thread/utils/const/snackbars-thread.const.mjs +0 -13
  301. package/esm2020/src/lib/stepper/step.model.mjs +0 -2
  302. package/esm2020/src/lib/stepper/stepper.component.mjs +0 -36
  303. package/esm2020/src/lib/text-measurement/text-measurement.service.mjs +0 -28
  304. package/esm2020/src/lib/tooltip-neo/tooltip-neo.component.mjs +0 -44
  305. package/esm2020/src/lib/tooltip-neo/tooltip-neo.const.mjs +0 -67
  306. package/esm2020/src/lib/tooltip-neo/tooltip-neo.directive.mjs +0 -137
  307. package/esm2020/src/lib/tooltip-neo/tooltip-neo.model.mjs +0 -2
@@ -1,98 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import { BehaviorSubject } from "rxjs";
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../text-measurement/text-measurement.service";
5
- import * as i2 from "@angular/common";
6
- import * as i3 from "./label.component";
7
- export class LabelListComponent {
8
- constructor(changeDetectorRef, elementRef, textMeasurementService, zone) {
9
- this.changeDetectorRef = changeDetectorRef;
10
- this.elementRef = elementRef;
11
- this.textMeasurementService = textMeasurementService;
12
- this.zone = zone;
13
- this.labels = [];
14
- this.removeLabelsEnabled = false;
15
- this.responsive = false;
16
- this.seeLessTranslation = 'See less';
17
- this.removeLabel = new EventEmitter();
18
- this.badgeWidth = 0;
19
- this.expanded = false;
20
- this.howManyItemsLeft = 0;
21
- this.responsiveLabels = [];
22
- this.width$ = new BehaviorSubject(0);
23
- this.observer = new ResizeObserver(entries => {
24
- this.zone.run(() => {
25
- this.width$.next(entries[0].contentRect.width);
26
- });
27
- });
28
- }
29
- ngAfterContentInit() {
30
- if (this.responsive) {
31
- this.generateResponsiveLabels(this.elementRef.nativeElement.getElementsByClassName('labels-list')[0].offsetWidth);
32
- this.observer.observe(this.elementRef.nativeElement.getElementsByClassName('labels-list')[0]);
33
- this.width$.subscribe(width => {
34
- this.generateResponsiveLabels(width);
35
- });
36
- }
37
- }
38
- ngOnChanges(changes) {
39
- if (changes.labels.currentValue && this.responsive) {
40
- this.generateResponsiveLabels(this.elementRef.nativeElement.getElementsByClassName('labels-list')[0].offsetWidth);
41
- }
42
- }
43
- ngOnDestroy() {
44
- this.observer.unobserve(this.elementRef.nativeElement.getElementsByClassName('labels-list')[0]);
45
- }
46
- onExpand() {
47
- this.expanded = !this.expanded;
48
- }
49
- onRemoveLabel(label) {
50
- this.removeLabel.emit(label);
51
- }
52
- onResize() {
53
- this.generateResponsiveLabels(this.elementRef.nativeElement.children[0].offsetWidth);
54
- }
55
- trackByLabelContent(index, entry) {
56
- return entry;
57
- }
58
- generateResponsiveLabels(width) {
59
- let seeMoreElementWidth = this.textMeasurementService.calculateTextWidth('+'.concat(this.labels.length.toString()), 14, 'Averta');
60
- seeMoreElementWidth += 1 + 8 + 8 + 1; // border-left + padding-left + padding-right + border-right
61
- let elementWidth = width - 16 - 16; // width - padding-left - padding-right
62
- elementWidth -= seeMoreElementWidth;
63
- let currentIndex = 0;
64
- for (let index = 0; index < this.labels.length; index++) {
65
- let textWidth = this.textMeasurementService.calculateTextWidth(this.labels[index], 14, 'Averta');
66
- textWidth += 1 + 8 + (this.removeLabelsEnabled ? 25 : 8) + 1 + 4; // border-left + padding-left + padding-right + border-right + label spacing
67
- elementWidth -= textWidth;
68
- if (elementWidth <= 0) {
69
- break;
70
- }
71
- currentIndex = index;
72
- }
73
- if (currentIndex + 1 === (this.labels.length)) {
74
- this.expanded = false;
75
- }
76
- this.howManyItemsLeft = this.labels.length - (currentIndex + 1);
77
- this.badgeWidth = this.howManyItemsLeft > 0 && currentIndex === 0 ? this.textMeasurementService.calculateTextWidth("+" + this.howManyItemsLeft, 14, 'Averta') + 22 : 0;
78
- this.responsiveLabels = this.labels.slice(0, currentIndex + 1);
79
- this.changeDetectorRef.markForCheck();
80
- }
81
- }
82
- LabelListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LabelListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TextMeasurementService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
83
- LabelListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: LabelListComponent, selector: "ap-label-list", inputs: { labels: "labels", removeLabelsEnabled: "removeLabelsEnabled", responsive: "responsive", seeLessTranslation: "seeLessTranslation" }, outputs: { removeLabel: "removeLabel" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"labels-list\" (window:resize)=\"onResize()\">\n <ng-container *ngIf=\"responsive; else defaultLabels\">\n <ng-container *ngFor=\"let label of expanded ? labels : responsiveLabels\">\n <ap-label [content]=\"label\"\n [style.max-width]=\"!expanded ? 'calc(100% - ' + badgeWidth + 'px)' : '100%'\"\n [removable]=\"removeLabelsEnabled\"\n (remove)=\"onRemoveLabel($event)\"></ap-label>\n </ng-container>\n\n <button *ngIf=\"!expanded && responsiveLabels.length !== labels.length && howManyItemsLeft > 0\"\n class=\"label-expand\"\n (click)=\"onExpand()\">\n +{{howManyItemsLeft}}\n </button>\n <button *ngIf=\"expanded\"\n class=\"label-retract\"\n (click)=\"onExpand()\">\n {{seeLessTranslation}}\n </button>\n </ng-container>\n\n <ng-template #defaultLabels>\n <ng-container *ngFor=\"let label of labels; trackBy: trackByLabelContent;\">\n <ap-label [content]=\"label\"\n [removable]=\"removeLabelsEnabled\"\n (remove)=\"onRemoveLabel($event)\"></ap-label>\n </ng-container>\n </ng-template>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.labels-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:100%;padding:9px 16px;margin:0}.labels-list>*{max-width:100%}.label-expand{box-sizing:border-box;padding:0 8px;background:#e8f4ff;border-radius:25px;border:1px solid #74bbfe;color:#178dfe;height:24px;min-width:30px;text-align:center;text-overflow:ellipsis;font-size:14px;font-family:Averta}.label-expand:hover{cursor:pointer;text-decoration:underline}.label-retract{box-sizing:border-box;border:0;background-color:transparent;line-height:24px;color:#178dfe}.label-retract:hover{cursor:pointer;text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.LabelComponent, selector: "ap-label", inputs: ["color", "content", "onlyText", "selectorWidth", "removable"], outputs: ["remove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
84
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LabelListComponent, decorators: [{
85
- type: Component,
86
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-label-list', template: "<div class=\"labels-list\" (window:resize)=\"onResize()\">\n <ng-container *ngIf=\"responsive; else defaultLabels\">\n <ng-container *ngFor=\"let label of expanded ? labels : responsiveLabels\">\n <ap-label [content]=\"label\"\n [style.max-width]=\"!expanded ? 'calc(100% - ' + badgeWidth + 'px)' : '100%'\"\n [removable]=\"removeLabelsEnabled\"\n (remove)=\"onRemoveLabel($event)\"></ap-label>\n </ng-container>\n\n <button *ngIf=\"!expanded && responsiveLabels.length !== labels.length && howManyItemsLeft > 0\"\n class=\"label-expand\"\n (click)=\"onExpand()\">\n +{{howManyItemsLeft}}\n </button>\n <button *ngIf=\"expanded\"\n class=\"label-retract\"\n (click)=\"onExpand()\">\n {{seeLessTranslation}}\n </button>\n </ng-container>\n\n <ng-template #defaultLabels>\n <ng-container *ngFor=\"let label of labels; trackBy: trackByLabelContent;\">\n <ap-label [content]=\"label\"\n [removable]=\"removeLabelsEnabled\"\n (remove)=\"onRemoveLabel($event)\"></ap-label>\n </ng-container>\n </ng-template>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.labels-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:100%;padding:9px 16px;margin:0}.labels-list>*{max-width:100%}.label-expand{box-sizing:border-box;padding:0 8px;background:#e8f4ff;border-radius:25px;border:1px solid #74bbfe;color:#178dfe;height:24px;min-width:30px;text-align:center;text-overflow:ellipsis;font-size:14px;font-family:Averta}.label-expand:hover{cursor:pointer;text-decoration:underline}.label-retract{box-sizing:border-box;border:0;background-color:transparent;line-height:24px;color:#178dfe}.label-retract:hover{cursor:pointer;text-decoration:underline}\n"] }]
87
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TextMeasurementService }, { type: i0.NgZone }]; }, propDecorators: { labels: [{
88
- type: Input
89
- }], removeLabelsEnabled: [{
90
- type: Input
91
- }], responsive: [{
92
- type: Input
93
- }], seeLessTranslation: [{
94
- type: Input
95
- }], removeLabel: [{
96
- type: Output
97
- }] } });
98
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9sYWJlbHMvbGFiZWwtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9sYWJlbHMvbGFiZWwtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sTUFBTSxDQUFDOzs7OztBQVFyQyxNQUFNLE9BQU8sa0JBQWtCO0lBaUIzQixZQUFvQixpQkFBb0MsRUFDcEMsVUFBc0IsRUFDdEIsc0JBQThDLEVBQzlDLElBQVk7UUFIWixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3BDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtRQUM5QyxTQUFJLEdBQUosSUFBSSxDQUFRO1FBbEJ2QixXQUFNLEdBQWEsRUFBRSxDQUFDO1FBQ3RCLHdCQUFtQixHQUFZLEtBQUssQ0FBQztRQUNyQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLHVCQUFrQixHQUFXLFVBQVUsQ0FBQztRQUV2QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbkQsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUN2QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLHFCQUFnQixHQUFHLENBQUMsQ0FBQztRQUNyQixxQkFBZ0IsR0FBYSxFQUFFLENBQUM7UUFHeEIsV0FBTSxHQUFHLElBQUksZUFBZSxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBTTVDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDekMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO2dCQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDbkQsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDakIsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBRWxILElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDOUYsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN6QyxDQUFDLENBQUMsQ0FBQTtTQUNMO0lBQ0wsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDaEQsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ3JIO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3BHLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDbkMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN6RixDQUFDO0lBRU0sbUJBQW1CLENBQUMsS0FBSyxFQUFFLEtBQWE7UUFDM0MsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztJQUVPLHdCQUF3QixDQUFDLEtBQWE7UUFDMUMsSUFBSSxtQkFBbUIsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsa0JBQWtCLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUNsSSxtQkFBbUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyw0REFBNEQ7UUFDbEcsSUFBSSxZQUFZLEdBQUcsS0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyx1Q0FBdUM7UUFDM0UsWUFBWSxJQUFJLG1CQUFtQixDQUFDO1FBQ3BDLElBQUksWUFBWSxHQUFHLENBQUMsQ0FBQztRQUNyQixLQUFLLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDckQsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQ2pHLFNBQVMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyw0RUFBNEU7WUFDOUksWUFBWSxJQUFJLFNBQVMsQ0FBQztZQUMxQixJQUFJLFlBQVksSUFBSSxDQUFDLEVBQUU7Z0JBQ25CLE1BQU07YUFDVDtZQUNELFlBQVksR0FBRyxLQUFLLENBQUM7U0FDeEI7UUFDRCxJQUFJLFlBQVksR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1NBQ3pCO1FBQ0QsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ2hFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxZQUFZLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsa0JBQWtCLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdkssSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFDLENBQUM7OytHQXZGUSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpUUNuQi9CLDJ3Q0E2QkE7MkZEVmEsa0JBQWtCO2tCQU45QixTQUFTO3NDQUNXLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsZUFBZTsyTEFNaEIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlckNvbnRlbnRJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCwgTmdab25lLCBPbkNoYW5nZXMsIE9uRGVzdHJveSxcbiAgICBPdXRwdXQsIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUZXh0TWVhc3VyZW1lbnRTZXJ2aWNlfSBmcm9tIFwiLi4vdGV4dC1tZWFzdXJlbWVudC90ZXh0LW1lYXN1cmVtZW50LnNlcnZpY2VcIjtcbmltcG9ydCB7QmVoYXZpb3JTdWJqZWN0fSBmcm9tIFwicnhqc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWxhYmVsLWxpc3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9sYWJlbC1saXN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuXG4gICAgQElucHV0KCkgbGFiZWxzOiBzdHJpbmdbXSA9IFtdO1xuICAgIEBJbnB1dCgpIHJlbW92ZUxhYmVsc0VuYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSByZXNwb25zaXZlOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2VlTGVzc1RyYW5zbGF0aW9uOiBzdHJpbmcgPSAnU2VlIGxlc3MnO1xuXG4gICAgQE91dHB1dCgpIHJlbW92ZUxhYmVsID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBiYWRnZVdpZHRoOiBudW1iZXIgPSAwO1xuICAgIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgaG93TWFueUl0ZW1zTGVmdCA9IDA7XG4gICAgcmVzcG9uc2l2ZUxhYmVsczogc3RyaW5nW10gPSBbXTtcblxuICAgIHByaXZhdGUgb2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyO1xuICAgIHByaXZhdGUgd2lkdGgkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+KDApO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICAgICAgICAgIHByaXZhdGUgdGV4dE1lYXN1cmVtZW50U2VydmljZTogVGV4dE1lYXN1cmVtZW50U2VydmljZSxcbiAgICAgICAgICAgICAgICBwcml2YXRlIHpvbmU6IE5nWm9uZSkge1xuICAgICAgICB0aGlzLm9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKGVudHJpZXMgPT4ge1xuICAgICAgICAgICAgdGhpcy56b25lLnJ1bigoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy53aWR0aCQubmV4dChlbnRyaWVzWzBdLmNvbnRlbnRSZWN0LndpZHRoKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnJlc3BvbnNpdmUpIHtcbiAgICAgICAgICAgIHRoaXMuZ2VuZXJhdGVSZXNwb25zaXZlTGFiZWxzKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ2xhYmVscy1saXN0JylbMF0ub2Zmc2V0V2lkdGgpO1xuXG4gICAgICAgICAgICB0aGlzLm9ic2VydmVyLm9ic2VydmUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnbGFiZWxzLWxpc3QnKVswXSk7XG4gICAgICAgICAgICB0aGlzLndpZHRoJC5zdWJzY3JpYmUod2lkdGggPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuZ2VuZXJhdGVSZXNwb25zaXZlTGFiZWxzKHdpZHRoKTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzLmxhYmVscy5jdXJyZW50VmFsdWUgJiYgdGhpcy5yZXNwb25zaXZlKSB7XG4gICAgICAgICAgICB0aGlzLmdlbmVyYXRlUmVzcG9uc2l2ZUxhYmVscyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCdsYWJlbHMtbGlzdCcpWzBdLm9mZnNldFdpZHRoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLm9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCdsYWJlbHMtbGlzdCcpWzBdKTtcbiAgICB9XG5cbiAgICBvbkV4cGFuZCgpIHtcbiAgICAgICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkO1xuICAgIH1cblxuICAgIG9uUmVtb3ZlTGFiZWwobGFiZWw6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLnJlbW92ZUxhYmVsLmVtaXQobGFiZWwpO1xuICAgIH1cblxuICAgIG9uUmVzaXplKCkge1xuICAgICAgICB0aGlzLmdlbmVyYXRlUmVzcG9uc2l2ZUxhYmVscyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jaGlsZHJlblswXS5vZmZzZXRXaWR0aCk7XG4gICAgfVxuXG4gICAgcHVibGljIHRyYWNrQnlMYWJlbENvbnRlbnQoaW5kZXgsIGVudHJ5OiBzdHJpbmcpIHtcbiAgICAgICAgcmV0dXJuIGVudHJ5O1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2VuZXJhdGVSZXNwb25zaXZlTGFiZWxzKHdpZHRoOiBudW1iZXIpIHtcbiAgICAgICAgbGV0IHNlZU1vcmVFbGVtZW50V2lkdGggPSB0aGlzLnRleHRNZWFzdXJlbWVudFNlcnZpY2UuY2FsY3VsYXRlVGV4dFdpZHRoKCcrJy5jb25jYXQodGhpcy5sYWJlbHMubGVuZ3RoLnRvU3RyaW5nKCkpLCAxNCwgJ0F2ZXJ0YScpO1xuICAgICAgICBzZWVNb3JlRWxlbWVudFdpZHRoICs9IDEgKyA4ICsgOCArIDE7IC8vIGJvcmRlci1sZWZ0ICsgcGFkZGluZy1sZWZ0ICsgcGFkZGluZy1yaWdodCArIGJvcmRlci1yaWdodFxuICAgICAgICBsZXQgZWxlbWVudFdpZHRoID0gd2lkdGggLSAxNiAtIDE2OyAvLyB3aWR0aCAtIHBhZGRpbmctbGVmdCAtIHBhZGRpbmctcmlnaHRcbiAgICAgICAgZWxlbWVudFdpZHRoIC09IHNlZU1vcmVFbGVtZW50V2lkdGg7XG4gICAgICAgIGxldCBjdXJyZW50SW5kZXggPSAwO1xuICAgICAgICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgdGhpcy5sYWJlbHMubGVuZ3RoOyBpbmRleCsrKSB7XG4gICAgICAgICAgICBsZXQgdGV4dFdpZHRoID0gdGhpcy50ZXh0TWVhc3VyZW1lbnRTZXJ2aWNlLmNhbGN1bGF0ZVRleHRXaWR0aCh0aGlzLmxhYmVsc1tpbmRleF0sIDE0LCAnQXZlcnRhJyk7XG4gICAgICAgICAgICB0ZXh0V2lkdGggKz0gMSArIDggKyAodGhpcy5yZW1vdmVMYWJlbHNFbmFibGVkID8gMjUgOiA4KSArIDEgKyA0OyAvLyBib3JkZXItbGVmdCArIHBhZGRpbmctbGVmdCArIHBhZGRpbmctcmlnaHQgKyBib3JkZXItcmlnaHQgKyBsYWJlbCBzcGFjaW5nXG4gICAgICAgICAgICBlbGVtZW50V2lkdGggLT0gdGV4dFdpZHRoO1xuICAgICAgICAgICAgaWYgKGVsZW1lbnRXaWR0aCA8PSAwKSB7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjdXJyZW50SW5kZXggPSBpbmRleDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoY3VycmVudEluZGV4ICsgMSA9PT0gKHRoaXMubGFiZWxzLmxlbmd0aCkpIHtcbiAgICAgICAgICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmhvd01hbnlJdGVtc0xlZnQgPSB0aGlzLmxhYmVscy5sZW5ndGggLSAoY3VycmVudEluZGV4ICsgMSk7XG4gICAgICAgIHRoaXMuYmFkZ2VXaWR0aCA9IHRoaXMuaG93TWFueUl0ZW1zTGVmdCA+IDAgJiYgY3VycmVudEluZGV4ID09PSAwID8gdGhpcy50ZXh0TWVhc3VyZW1lbnRTZXJ2aWNlLmNhbGN1bGF0ZVRleHRXaWR0aChcIitcIiArIHRoaXMuaG93TWFueUl0ZW1zTGVmdCwgMTQsICdBdmVydGEnKSArIDIyIDogMDtcbiAgICAgICAgdGhpcy5yZXNwb25zaXZlTGFiZWxzID0gdGhpcy5sYWJlbHMuc2xpY2UoMCwgY3VycmVudEluZGV4ICsgMSk7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImxhYmVscy1saXN0XCIgKHdpbmRvdzpyZXNpemUpPVwib25SZXNpemUoKVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJyZXNwb25zaXZlOyBlbHNlIGRlZmF1bHRMYWJlbHNcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgbGFiZWwgb2YgZXhwYW5kZWQgPyBsYWJlbHMgOiByZXNwb25zaXZlTGFiZWxzXCI+XG4gICAgICAgICAgICA8YXAtbGFiZWwgW2NvbnRlbnRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5tYXgtd2lkdGhdPVwiIWV4cGFuZGVkID8gJ2NhbGMoMTAwJSAtICcgKyBiYWRnZVdpZHRoICsgJ3B4KScgOiAnMTAwJSdcIlxuICAgICAgICAgICAgICAgICAgICAgIFtyZW1vdmFibGVdPVwicmVtb3ZlTGFiZWxzRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgKHJlbW92ZSk9XCJvblJlbW92ZUxhYmVsKCRldmVudClcIj48L2FwLWxhYmVsPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8YnV0dG9uICpuZ0lmPVwiIWV4cGFuZGVkICYmIHJlc3BvbnNpdmVMYWJlbHMubGVuZ3RoICE9PSBsYWJlbHMubGVuZ3RoICYmIGhvd01hbnlJdGVtc0xlZnQgPiAwXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImxhYmVsLWV4cGFuZFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRXhwYW5kKClcIj5cbiAgICAgICAgICAgICt7e2hvd01hbnlJdGVtc0xlZnR9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImV4cGFuZGVkXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImxhYmVsLXJldHJhY3RcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkV4cGFuZCgpXCI+XG4gICAgICAgICAgICB7e3NlZUxlc3NUcmFuc2xhdGlvbn19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0TGFiZWxzPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBsYWJlbCBvZiBsYWJlbHM7IHRyYWNrQnk6IHRyYWNrQnlMYWJlbENvbnRlbnQ7XCI+XG4gICAgICAgICAgICA8YXAtbGFiZWwgW2NvbnRlbnRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgIFtyZW1vdmFibGVdPVwicmVtb3ZlTGFiZWxzRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgKHJlbW92ZSk9XCJvblJlbW92ZUxhYmVsKCRldmVudClcIj48L2FwLWxhYmVsPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=
@@ -1,53 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@agorapulse/ui-symbol";
4
- import * as i2 from "@angular/common";
5
- import * as i3 from "../tooltip-neo/tooltip-neo.directive";
6
- export class LabelComponent {
7
- constructor(elementRef, zone) {
8
- this.elementRef = elementRef;
9
- this.zone = zone;
10
- this.color = 'default';
11
- this.onlyText = false;
12
- this.selectorWidth = 0; //Width of the selector input, if applicable
13
- this.removable = false;
14
- this.remove = new EventEmitter();
15
- this.tooltipEnabled = false;
16
- }
17
- ngAfterViewInit() {
18
- this.observer = new ResizeObserver(entries => {
19
- this.zone.run(() => {
20
- const containerWidth = this.elementRef.nativeElement.clientWidth > 0 ? this.elementRef.nativeElement.clientWidth : this.selectorWidth;
21
- if (containerWidth > 0) {
22
- this.tooltipEnabled = entries[0].target.scrollWidth > containerWidth;
23
- }
24
- });
25
- });
26
- this.observer.observe(this.elementRef.nativeElement.getElementsByClassName('label-content')[0]);
27
- }
28
- ngOnDestroy() {
29
- this.observer.unobserve(this.elementRef.nativeElement.children[0]);
30
- }
31
- onRemoveLabel() {
32
- this.remove.emit(this.content);
33
- }
34
- }
35
- LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
36
- LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: LabelComponent, selector: "ap-label", inputs: { color: "color", content: "content", onlyText: "onlyText", selectorWidth: "selectorWidth", removable: "removable" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"label\"\n [ngClass]=\"color\"\n [class.big-padding]=\"onlyText\"\n [class.removable]=\"removable\"\n [apTooltipNeo]=\"tooltipEnabled ? content : ''\" >\n <div class=\"label-content\">{{content}}</div>\n <div *ngIf=\"removable\"\n class=\"delete-cross\"\n (mousedown)=\"$event.stopPropagation()\"\n (click)=\"onRemoveLabel()\">\n <ap-symbol symbolId=\"remove-bold\"\n size=\"pico\">\n </ap-symbol>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.label{padding:4px 8px;color:#344563;align-self:center;background:#e8f4ff;border-radius:25px;text-wrap:none;display:flex;align-items:center;border:none}.label.default{padding:0 8px;border:1px solid #74bbfe;height:24px;box-sizing:border-box;max-width:100%;text-overflow:ellipsis}.label.blue{background-color:#e8f4ff;color:#178dfe}.label.red{background-color:#fde7e7;color:#e81313}.label.purple{background-color:#efedf8;color:#6554c0}.label.orange{background-color:#ffefe9;color:#ff6726}.label.yellow{background-color:#fffde9;color:#ffe91f}.label.green{background-color:#ecf7ed;color:#45b854}.label.big-padding{padding:8px 16px}.label.removable{padding:0 0 0 8px}.label .label-content{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-cross{align-self:center;cursor:pointer;min-width:20px;height:20px;border-radius:100px;display:flex;align-items:center;justify-content:center;margin:1px 1px 1px 4px}.delete-cross:hover{background-color:#d1e8ff}.delete-cross:hover ::ng-deep ap-symbol *{color:#178dfe}.delete-cross ::ng-deep ap-symbol *{color:#858fa1}\n"], dependencies: [{ kind: "component", type: i1.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TooltipNeoDirective, selector: "[apTooltipNeo]", inputs: ["apTooltipNeo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
37
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LabelComponent, decorators: [{
38
- type: Component,
39
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-label', template: "<div class=\"label\"\n [ngClass]=\"color\"\n [class.big-padding]=\"onlyText\"\n [class.removable]=\"removable\"\n [apTooltipNeo]=\"tooltipEnabled ? content : ''\" >\n <div class=\"label-content\">{{content}}</div>\n <div *ngIf=\"removable\"\n class=\"delete-cross\"\n (mousedown)=\"$event.stopPropagation()\"\n (click)=\"onRemoveLabel()\">\n <ap-symbol symbolId=\"remove-bold\"\n size=\"pico\">\n </ap-symbol>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.label{padding:4px 8px;color:#344563;align-self:center;background:#e8f4ff;border-radius:25px;text-wrap:none;display:flex;align-items:center;border:none}.label.default{padding:0 8px;border:1px solid #74bbfe;height:24px;box-sizing:border-box;max-width:100%;text-overflow:ellipsis}.label.blue{background-color:#e8f4ff;color:#178dfe}.label.red{background-color:#fde7e7;color:#e81313}.label.purple{background-color:#efedf8;color:#6554c0}.label.orange{background-color:#ffefe9;color:#ff6726}.label.yellow{background-color:#fffde9;color:#ffe91f}.label.green{background-color:#ecf7ed;color:#45b854}.label.big-padding{padding:8px 16px}.label.removable{padding:0 0 0 8px}.label .label-content{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-cross{align-self:center;cursor:pointer;min-width:20px;height:20px;border-radius:100px;display:flex;align-items:center;justify-content:center;margin:1px 1px 1px 4px}.delete-cross:hover{background-color:#d1e8ff}.delete-cross:hover ::ng-deep ap-symbol *{color:#178dfe}.delete-cross ::ng-deep ap-symbol *{color:#858fa1}\n"] }]
40
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { color: [{
41
- type: Input
42
- }], content: [{
43
- type: Input
44
- }], onlyText: [{
45
- type: Input
46
- }], selectorWidth: [{
47
- type: Input
48
- }], removable: [{
49
- type: Input
50
- }], remove: [{
51
- type: Output
52
- }] } });
53
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvbGFiZWxzL2xhYmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL2xhYmVscy9sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFnQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRN0gsTUFBTSxPQUFPLGNBQWM7SUFhdkIsWUFBb0IsVUFBc0IsRUFDdEIsSUFBWTtRQURaLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsU0FBSSxHQUFKLElBQUksQ0FBUTtRQVp2QixVQUFLLEdBQXVFLFNBQVMsQ0FBQztRQUV0RixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGtCQUFhLEdBQVcsQ0FBQyxDQUFDLENBQUMsNENBQTRDO1FBQ3ZFLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFMUIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHOUMsbUJBQWMsR0FBWSxLQUFLLENBQUM7SUFJaEMsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksY0FBYyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ3pDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRTtnQkFDZixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUM7Z0JBQ3RJLElBQUksY0FBYyxHQUFHLENBQUMsRUFBRTtvQkFDcEIsSUFBSSxDQUFDLGNBQWMsR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxjQUFjLENBQUM7aUJBQ3hFO1lBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDcEcsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsYUFBYTtRQUNULElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNuQyxDQUFDOzsyR0FuQ1EsY0FBYzsrRkFBZCxjQUFjLDZNQ1IzQiwrZkFlQTsyRkRQYSxjQUFjO2tCQU4xQixTQUFTO3NDQUNXLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsVUFBVTtzSEFNWCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmLCBOZ1pvbmUsIE9uRGVzdHJveX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtbGFiZWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbGFiZWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMYWJlbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgICBASW5wdXQoKSBjb2xvcjogc3RyaW5nIHwgJ2JsdWUnIHwgJ3JlZCcgfCAncHVycGxlJyB8ICdvcmFuZ2UnIHwgJ3llbGxvdycgfCAnZ3JlZW4nID0gJ2RlZmF1bHQnO1xuICAgIEBJbnB1dCgpIGNvbnRlbnQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBvbmx5VGV4dDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNlbGVjdG9yV2lkdGg6IG51bWJlciA9IDA7IC8vV2lkdGggb2YgdGhlIHNlbGVjdG9yIGlucHV0LCBpZiBhcHBsaWNhYmxlXG4gICAgQElucHV0KCkgcmVtb3ZhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBAT3V0cHV0KCkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBwcml2YXRlIG9ic2VydmVyOiBSZXNpemVPYnNlcnZlcjtcbiAgICB0b29sdGlwRW5hYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICAgICAgICAgIHByaXZhdGUgem9uZTogTmdab25lKSB7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKGVudHJpZXMgPT4ge1xuICAgICAgICAgICAgdGhpcy56b25lLnJ1bigoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgY29udGFpbmVyV2lkdGggPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCA+IDAgPyB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCA6IHRoaXMuc2VsZWN0b3JXaWR0aDtcbiAgICAgICAgICAgICAgICBpZiAoY29udGFpbmVyV2lkdGggPiAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudG9vbHRpcEVuYWJsZWQgPSBlbnRyaWVzWzBdLnRhcmdldC5zY3JvbGxXaWR0aCA+IGNvbnRhaW5lcldpZHRoO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5vYnNlcnZlci5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ2xhYmVsLWNvbnRlbnQnKVswXSk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIudW5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNoaWxkcmVuWzBdKTtcbiAgICB9XG5cbiAgICBvblJlbW92ZUxhYmVsKCkge1xuICAgICAgICB0aGlzLnJlbW92ZS5lbWl0KHRoaXMuY29udGVudCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImxhYmVsXCJcbiAgICAgW25nQ2xhc3NdPVwiY29sb3JcIlxuICAgICBbY2xhc3MuYmlnLXBhZGRpbmddPVwib25seVRleHRcIlxuICAgICBbY2xhc3MucmVtb3ZhYmxlXT1cInJlbW92YWJsZVwiXG4gICAgIFthcFRvb2x0aXBOZW9dPVwidG9vbHRpcEVuYWJsZWQgPyBjb250ZW50IDogJydcIiA+XG4gICAgPGRpdiBjbGFzcz1cImxhYmVsLWNvbnRlbnRcIj57e2NvbnRlbnR9fTwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJyZW1vdmFibGVcIlxuICAgICAgICAgY2xhc3M9XCJkZWxldGUtY3Jvc3NcIlxuICAgICAgICAgKG1vdXNlZG93bik9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgICAgICAgKGNsaWNrKT1cIm9uUmVtb3ZlTGFiZWwoKVwiPlxuICAgICAgICA8YXAtc3ltYm9sIHN5bWJvbElkPVwicmVtb3ZlLWJvbGRcIlxuICAgICAgICAgICAgICAgICAgIHNpemU9XCJwaWNvXCI+XG4gICAgICAgIDwvYXAtc3ltYm9sPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
@@ -1,92 +0,0 @@
1
- import { Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import { Subject } from "rxjs";
3
- import { catchError, debounceTime, distinctUntilChanged, map, switchMap, tap } from "rxjs/operators";
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@agorapulse/ui-symbol";
6
- import * as i2 from "@angular/common";
7
- import * as i3 from "@angular/forms";
8
- import * as i4 from "@ng-select/ng-select";
9
- import * as i5 from "../labels/label.component";
10
- export class LabelsSelectorComponent {
11
- constructor(changeDetectorRef) {
12
- this.changeDetectorRef = changeDetectorRef;
13
- this.INFINITY = Number.MAX_SAFE_INTEGER;
14
- this.addLabelEnabled = true;
15
- this.disabled = false;
16
- this.initialLabels = [];
17
- this.loadingOnSearch = true;
18
- this.multipleEnabled = true;
19
- this.createLabel = new EventEmitter();
20
- this.deleteLabel = new EventEmitter();
21
- this.selectLabels = new EventEmitter();
22
- this.searchErrorMessage = new EventEmitter();
23
- this.labels = [];
24
- this.labelsInput$ = new Subject();
25
- this.labelsLoading = false;
26
- }
27
- ngOnInit() {
28
- this.labels = this.initialLabels;
29
- this.setSearchFunction();
30
- }
31
- ngOnChanges(changes) {
32
- if (changes?.initialLabels?.currentValue) {
33
- this.labels = this.initialLabels;
34
- }
35
- }
36
- onCreateLabel(label) {
37
- this.createLabel.emit(label);
38
- }
39
- onDeleteLabel(event) {
40
- this.deleteLabel.emit(event.value);
41
- }
42
- onOpen() {
43
- this.labelsInput$.next('');
44
- }
45
- onLabelsChange() {
46
- this.selectLabels.emit(this.labels);
47
- this.changeDetectorRef.markForCheck();
48
- }
49
- setSearchFunction() {
50
- this.labels$ = this.labelsInput$.pipe(debounceTime(this.loadingOnSearch ? 400 : 0), distinctUntilChanged(), tap(() => {
51
- this.labelsLoading = true;
52
- }), switchMap((term) => this.searchLabelsFunction(term).pipe(catchError((response) => {
53
- this.searchErrorMessage.emit(response.error ? response.error.message : 'Error');
54
- return [];
55
- }), map(response => {
56
- this.labelsLoading = false;
57
- if (!response || Object.keys(response).length == 0) {
58
- return [];
59
- }
60
- return response;
61
- }))));
62
- }
63
- }
64
- LabelsSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LabelsSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
65
- LabelsSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: LabelsSelectorComponent, selector: "ap-labels-selector", inputs: { addLabelEnabled: "addLabelEnabled", disabled: "disabled", initialLabels: "initialLabels", translation: "translation", loadingOnSearch: "loadingOnSearch", multipleEnabled: "multipleEnabled", searchLabelsFunction: "searchLabelsFunction" }, outputs: { createLabel: "createLabel", deleteLabel: "deleteLabel", selectLabels: "selectLabels", searchErrorMessage: "searchErrorMessage" }, usesOnChanges: true, ngImport: i0, template: "<!-- @JRA [multiple]=\"false\" break the component display and behavior, we use [maxSelectedItems]=\"1\" as efficient workaround -->\n<ng-select class=\"labels-select\"\n [addTag]=\"addLabelEnabled\"\n [clearable]=\"false\"\n [disabled]=\"disabled\"\n [hideSelected]=\"true\"\n [items]=\"labels$ | async\"\n [loading]=\"labelsLoading\"\n [maxSelectedItems]=\"multipleEnabled ? INFINITY : 1\"\n [minTermLength]=\"0\"\n [multiple]=\"true\"\n [placeholder]=\"translation.placeholder\"\n [typeahead]=\"labelsInput$\"\n [(ngModel)]=\"labels\"\n (add)=\"onCreateLabel($event)\"\n (change)=\"onLabelsChange()\"\n (remove)=\"onDeleteLabel($event)\"\n (open)=\"onOpen()\"\n appendTo=\"body\">\n <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <div *ngFor=\"let item of items\" class=\"labels-wrapper\">\n <ap-label [content]=\"item\"\n [selectorWidth]=\"221\"\n [removable]=\"!disabled\"\n (remove)=\"clear(item)\"></ap-label>\n </div>\n </ng-template>\n <ng-template ng-option-tmp let-item=\"item\" let-search=\"searchTerm\">\n <div *ngIf=\"search\"><b>{{item.substring(0, search.length)}}</b>{{item.substring(search.length, item.length)}}</div>\n <div *ngIf=\"!search\">{{item}}</div>\n </ng-template>\n <ng-template ng-tag-tmp let-search=\"searchTerm\">\n <div class=\"add-label\">\n <ap-symbol class=\"add-label-icon\"\n symbolId=\"add-circle-bold-alternate\"\n size=\"micro\"\n ></ap-symbol>\n <div class=\"add-label-preview\">{{translation.createLabel}} \"{{search}}\"</div>\n </div>\n </ng-template>\n</ng-select>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{max-width:260px;display:flex}.labels-select{width:260px}.labels-select .labels-wrapper{margin-bottom:5px;max-width:221px}::ng-deep .labels-select.ng-select .ng-select-container .ng-value-container{overflow-y:auto;overflow-x:hidden;max-height:171px;padding-left:6px!important;gap:4px}::ng-deep .ng-option{color:#344563!important}::ng-deep .ng-option.ng-option-marked{color:#178dfe!important}.add-label{display:flex;align-items:center;color:#178dfe}.add-label .add-label-icon{padding-right:8px}.add-label-preview{text-overflow:ellipsis;display:block;white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "component", type: i1.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i4.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i4.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i4.NgTagTemplateDirective, selector: "[ng-tag-tmp]" }, { kind: "component", type: i5.LabelComponent, selector: "ap-label", inputs: ["color", "content", "onlyText", "selectorWidth", "removable"], outputs: ["remove"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
66
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LabelsSelectorComponent, decorators: [{
67
- type: Component,
68
- args: [{ selector: 'ap-labels-selector', template: "<!-- @JRA [multiple]=\"false\" break the component display and behavior, we use [maxSelectedItems]=\"1\" as efficient workaround -->\n<ng-select class=\"labels-select\"\n [addTag]=\"addLabelEnabled\"\n [clearable]=\"false\"\n [disabled]=\"disabled\"\n [hideSelected]=\"true\"\n [items]=\"labels$ | async\"\n [loading]=\"labelsLoading\"\n [maxSelectedItems]=\"multipleEnabled ? INFINITY : 1\"\n [minTermLength]=\"0\"\n [multiple]=\"true\"\n [placeholder]=\"translation.placeholder\"\n [typeahead]=\"labelsInput$\"\n [(ngModel)]=\"labels\"\n (add)=\"onCreateLabel($event)\"\n (change)=\"onLabelsChange()\"\n (remove)=\"onDeleteLabel($event)\"\n (open)=\"onOpen()\"\n appendTo=\"body\">\n <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <div *ngFor=\"let item of items\" class=\"labels-wrapper\">\n <ap-label [content]=\"item\"\n [selectorWidth]=\"221\"\n [removable]=\"!disabled\"\n (remove)=\"clear(item)\"></ap-label>\n </div>\n </ng-template>\n <ng-template ng-option-tmp let-item=\"item\" let-search=\"searchTerm\">\n <div *ngIf=\"search\"><b>{{item.substring(0, search.length)}}</b>{{item.substring(search.length, item.length)}}</div>\n <div *ngIf=\"!search\">{{item}}</div>\n </ng-template>\n <ng-template ng-tag-tmp let-search=\"searchTerm\">\n <div class=\"add-label\">\n <ap-symbol class=\"add-label-icon\"\n symbolId=\"add-circle-bold-alternate\"\n size=\"micro\"\n ></ap-symbol>\n <div class=\"add-label-preview\">{{translation.createLabel}} \"{{search}}\"</div>\n </div>\n </ng-template>\n</ng-select>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{max-width:260px;display:flex}.labels-select{width:260px}.labels-select .labels-wrapper{margin-bottom:5px;max-width:221px}::ng-deep .labels-select.ng-select .ng-select-container .ng-value-container{overflow-y:auto;overflow-x:hidden;max-height:171px;padding-left:6px!important;gap:4px}::ng-deep .ng-option{color:#344563!important}::ng-deep .ng-option.ng-option-marked{color:#178dfe!important}.add-label{display:flex;align-items:center;color:#178dfe}.add-label .add-label-icon{padding-right:8px}.add-label-preview{text-overflow:ellipsis;display:block;white-space:nowrap;overflow:hidden}\n"] }]
69
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { addLabelEnabled: [{
70
- type: Input
71
- }], disabled: [{
72
- type: Input
73
- }], initialLabels: [{
74
- type: Input
75
- }], translation: [{
76
- type: Input
77
- }], loadingOnSearch: [{
78
- type: Input
79
- }], multipleEnabled: [{
80
- type: Input
81
- }], searchLabelsFunction: [{
82
- type: Input
83
- }], createLabel: [{
84
- type: Output
85
- }], deleteLabel: [{
86
- type: Output
87
- }], selectLabels: [{
88
- type: Output
89
- }], searchErrorMessage: [{
90
- type: Output
91
- }] } });
92
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWxzLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL2xhYmVscy1zZWxlY3Rvci9sYWJlbHMtc2VsZWN0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvbGFiZWxzLXNlbGVjdG9yL2xhYmVscy1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBaUIsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzdDLE9BQU8sRUFBQyxVQUFVLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFZbkcsTUFBTSxPQUFPLHVCQUF1QjtJQXNCaEMsWUFBb0IsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFwQi9DLGFBQVEsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUM7UUFFbkMsb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFDaEMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixrQkFBYSxHQUFhLEVBQUUsQ0FBQztRQUU3QixvQkFBZSxHQUFZLElBQUksQ0FBQztRQUNoQyxvQkFBZSxHQUFZLElBQUksQ0FBQztRQUcvQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDekMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3pDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVksQ0FBQztRQUM1Qyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FB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dCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsIE9uQ2hhbmdlcyxcbiAgICBPbkluaXQsXG4gICAgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7T2JzZXJ2YWJsZSwgb2YsIFN1YmplY3R9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQge2NhdGNoRXJyb3IsIGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCwgc3dpdGNoTWFwLCB0YXB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIExhYmVsc1NlbGVjdG9yVHJhbnNsYXRpb24ge1xuICAgIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gICAgY3JlYXRlTGFiZWw6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcC1sYWJlbHMtc2VsZWN0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sYWJlbHMtc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xhYmVscy1zZWxlY3Rvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExhYmVsc1NlbGVjdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuXG4gICAgcmVhZG9ubHkgSU5GSU5JVFkgPSBOdW1iZXIuTUFYX1NBRkVfSU5URUdFUjtcblxuICAgIEBJbnB1dCgpIGFkZExhYmVsRW5hYmxlZDogYm9vbGVhbiA9IHRydWU7XG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBpbml0aWFsTGFiZWxzOiBzdHJpbmdbXSA9IFtdO1xuICAgIEBJbnB1dCgpIHRyYW5zbGF0aW9uOiBMYWJlbHNTZWxlY3RvclRyYW5zbGF0aW9uO1xuICAgIEBJbnB1dCgpIGxvYWRpbmdPblNlYXJjaDogYm9vbGVhbiA9IHRydWU7XG4gICAgQElucHV0KCkgbXVsdGlwbGVFbmFibGVkOiBib29sZWFuID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBzZWFyY2hMYWJlbHNGdW5jdGlvbjogKHN0cmluZykgPT4gT2JzZXJ2YWJsZTxzdHJpbmdbXT47XG5cbiAgICBAT3V0cHV0KCkgY3JlYXRlTGFiZWwgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgZGVsZXRlTGFiZWwgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgc2VsZWN0TGFiZWxzID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmdbXT4oKTtcbiAgICBAT3V0cHV0KCkgc2VhcmNoRXJyb3JNZXNzYWdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBsYWJlbHM6IHN0cmluZ1tdID0gW107XG4gICAgbGFiZWxzSW5wdXQkOiBTdWJqZWN0PHN0cmluZz4gPSBuZXcgU3ViamVjdDxzdHJpbmc+KCk7XG4gICAgbGFiZWxzJDogT2JzZXJ2YWJsZTxzdHJpbmdbXT47XG4gICAgbGFiZWxzTG9hZGluZyA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMubGFiZWxzID0gdGhpcy5pbml0aWFsTGFiZWxzO1xuICAgICAgICB0aGlzLnNldFNlYXJjaEZ1bmN0aW9uKCk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoY2hhbmdlcz8uaW5pdGlhbExhYmVscz8uY3VycmVudFZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmxhYmVscyA9IHRoaXMuaW5pdGlhbExhYmVscztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ3JlYXRlTGFiZWwobGFiZWw6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLmNyZWF0ZUxhYmVsLmVtaXQobGFiZWwpO1xuICAgIH1cblxuICAgIG9uRGVsZXRlTGFiZWwoZXZlbnQ6IHsgdmFsdWU6IHN0cmluZzsgfSkge1xuICAgICAgICB0aGlzLmRlbGV0ZUxhYmVsLmVtaXQoZXZlbnQudmFsdWUpXG4gICAgfVxuXG4gICAgb25PcGVuKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmxhYmVsc0lucHV0JC5uZXh0KCcnKTtcbiAgICB9XG5cbiAgICBvbkxhYmVsc0NoYW5nZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RMYWJlbHMuZW1pdCh0aGlzLmxhYmVscyk7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG4gICAgc2V0U2VhcmNoRnVuY3Rpb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMubGFiZWxzJCA9IHRoaXMubGFiZWxzSW5wdXQkLnBpcGUoXG4gICAgICAgICAgICBkZWJvdW5jZVRpbWUodGhpcy5sb2FkaW5nT25TZWFyY2ggPyA0MDAgOiAwKSxcbiAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgICAgICB0YXAoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMubGFiZWxzTG9hZGluZyA9IHRydWU7XG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIHN3aXRjaE1hcCgodGVybTogc3RyaW5nKSA9PiB0aGlzLnNlYXJjaExhYmVsc0Z1bmN0aW9uKHRlcm0pLnBpcGUoXG4gICAgICAgICAgICAgICAgY2F0Y2hFcnJvcigocmVzcG9uc2UpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5zZWFyY2hFcnJvck1lc3NhZ2UuZW1pdChyZXNwb25zZS5lcnJvciA/IHJlc3BvbnNlLmVycm9yLm1lc3NhZ2U6ICdFcnJvcicpO1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgbWFwKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5sYWJlbHNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgICAgIGlmICghcmVzcG9uc2UgfHwgT2JqZWN0LmtleXMocmVzcG9uc2UpLmxlbmd0aCA9PSAwKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlO1xuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApKSk7XG4gICAgfVxufVxuIiwiPCEtLSBASlJBIFttdWx0aXBsZV09XCJmYWxzZVwiIGJyZWFrIHRoZSBjb21wb25lbnQgZGlzcGxheSBhbmQgYmVoYXZpb3IsIHdlIHVzZSBbbWF4U2VsZWN0ZWRJdGVtc109XCIxXCIgYXMgZWZmaWNpZW50IHdvcmthcm91bmQgLS0+XG48bmctc2VsZWN0IGNsYXNzPVwibGFiZWxzLXNlbGVjdFwiXG4gICAgICAgICAgIFthZGRUYWddPVwiYWRkTGFiZWxFbmFibGVkXCJcbiAgICAgICAgICAgW2NsZWFyYWJsZV09XCJmYWxzZVwiXG4gICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgIFtoaWRlU2VsZWN0ZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgIFtpdGVtc109XCJsYWJlbHMkIHwgYXN5bmNcIlxuICAgICAgICAgICBbbG9hZGluZ109XCJsYWJlbHNMb2FkaW5nXCJcbiAgICAgICAgICAgW21heFNlbGVjdGVkSXRlbXNdPVwibXVsdGlwbGVFbmFibGVkID8gSU5GSU5JVFkgOiAxXCJcbiAgICAgICAgICAgW21pblRlcm1MZW5ndGhdPVwiMFwiXG4gICAgICAgICAgIFttdWx0aXBsZV09XCJ0cnVlXCJcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInRyYW5zbGF0aW9uLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgW3R5cGVhaGVhZF09XCJsYWJlbHNJbnB1dCRcIlxuICAgICAgICAgICBbKG5nTW9kZWwpXT1cImxhYmVsc1wiXG4gICAgICAgICAgIChhZGQpPVwib25DcmVhdGVMYWJlbCgkZXZlbnQpXCJcbiAgICAgICAgICAgKGNoYW5nZSk9XCJvbkxhYmVsc0NoYW5nZSgpXCJcbiAgICAgICAgICAgKHJlbW92ZSk9XCJvbkRlbGV0ZUxhYmVsKCRldmVudClcIlxuICAgICAgICAgICAob3Blbik9XCJvbk9wZW4oKVwiXG4gICAgICAgICAgIGFwcGVuZFRvPVwiYm9keVwiPlxuICAgIDxuZy10ZW1wbGF0ZSBuZy1tdWx0aS1sYWJlbC10bXAgbGV0LWl0ZW1zPVwiaXRlbXNcIiBsZXQtY2xlYXI9XCJjbGVhclwiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgY2xhc3M9XCJsYWJlbHMtd3JhcHBlclwiPlxuICAgICAgICAgICAgPGFwLWxhYmVsIFtjb250ZW50XT1cIml0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RvcldpZHRoXT1cIjIyMVwiXG4gICAgICAgICAgICAgICAgICAgICAgW3JlbW92YWJsZV09XCIhZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgIChyZW1vdmUpPVwiY2xlYXIoaXRlbSlcIj48L2FwLWxhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBuZy1vcHRpb24tdG1wIGxldC1pdGVtPVwiaXRlbVwiIGxldC1zZWFyY2g9XCJzZWFyY2hUZXJtXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJzZWFyY2hcIj48Yj57e2l0ZW0uc3Vic3RyaW5nKDAsIHNlYXJjaC5sZW5ndGgpfX08L2I+e3tpdGVtLnN1YnN0cmluZyhzZWFyY2gubGVuZ3RoLCBpdGVtLmxlbmd0aCl9fTwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIXNlYXJjaFwiPnt7aXRlbX19PC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgbmctdGFnLXRtcCBsZXQtc2VhcmNoPVwic2VhcmNoVGVybVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkLWxhYmVsXCI+XG4gICAgICAgICAgICA8YXAtc3ltYm9sIGNsYXNzPVwiYWRkLWxhYmVsLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICBzeW1ib2xJZD1cImFkZC1jaXJjbGUtYm9sZC1hbHRlcm5hdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICBzaXplPVwibWljcm9cIlxuICAgICAgICAgICAgPjwvYXAtc3ltYm9sPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZC1sYWJlbC1wcmV2aWV3XCI+e3t0cmFuc2xhdGlvbi5jcmVhdGVMYWJlbH19IFwie3tzZWFyY2h9fVwiPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG48L25nLXNlbGVjdD5cbiJdfQ==
@@ -1,87 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, HostListener, Inject } from '@angular/core';
2
- import { MAT_DIALOG_DATA } from '@angular/material/dialog';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/material/dialog";
5
- import * as i2 from "@agorapulse/ui-symbol";
6
- import * as i3 from "@angular/common";
7
- import * as i4 from "../directives/frozen-gif.directive";
8
- export var KEY_CODE;
9
- (function (KEY_CODE) {
10
- KEY_CODE[KEY_CODE["RIGHT_ARROW"] = 39] = "RIGHT_ARROW";
11
- KEY_CODE[KEY_CODE["LEFT_ARROW"] = 37] = "LEFT_ARROW";
12
- })(KEY_CODE || (KEY_CODE = {}));
13
- export class MediaDisplayOverlayDialogComponent {
14
- constructor(dialogRef, data) {
15
- this.dialogRef = dialogRef;
16
- this.data = data;
17
- this.currentUrlIndex = 1;
18
- this.urls = []; // all urls
19
- this.mediaType = 'image'; // 'image', 'video'
20
- this.supportGif = true;
21
- }
22
- ngOnInit() {
23
- // const data = ModalService.getModal('media-display-overlay') || {};
24
- if (this.data) {
25
- if (this.data.urls && this.data.urls.length > 0) {
26
- this.urls = this.data.urls;
27
- }
28
- if (this.data.url) {
29
- if (this.urls.length === 0) {
30
- this.urls = [this.data.url];
31
- }
32
- this.url = this.data.url;
33
- this.currentUrlIndex = this.urls.indexOf(this.data.url) + 1;
34
- }
35
- }
36
- }
37
- onClose() {
38
- this.dialogRef.close();
39
- }
40
- onNext($event) {
41
- if (this.currentUrlIndex < this.urls.length) {
42
- this.currentUrlIndex += 1;
43
- this.url = this.urls[this.currentUrlIndex - 1];
44
- }
45
- $event.stopPropagation();
46
- }
47
- onPrevious($event) {
48
- if (this.currentUrlIndex > 1) {
49
- this.currentUrlIndex -= 1;
50
- this.url = this.urls[this.currentUrlIndex - 1];
51
- }
52
- $event.stopPropagation();
53
- }
54
- keyEvent(event) {
55
- if (event.keyCode === KEY_CODE.RIGHT_ARROW) {
56
- this.onNext(event);
57
- }
58
- if (event.keyCode === KEY_CODE.LEFT_ARROW) {
59
- this.onPrevious(event);
60
- }
61
- }
62
- }
63
- MediaDisplayOverlayDialogComponent.config = {
64
- position: {
65
- top: '10px',
66
- right: '10px',
67
- left: '10px'
68
- },
69
- height: '100%',
70
- width: '100%',
71
- maxWidth: 'none',
72
- panelClass: 'full-screen-modal',
73
- backdropClass: 'dark-backdrop'
74
- };
75
- MediaDisplayOverlayDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MediaDisplayOverlayDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
76
- MediaDisplayOverlayDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MediaDisplayOverlayDialogComponent, selector: "ap-media-display-overlay", host: { listeners: { "window:keyup": "keyEvent($event)" } }, ngImport: i0, template: "<div class=\"full\" (click)=\"onClose()\">\n <div class=\"media-display ap-new\">\n <header class=\"ap-modal-header\">\n <ap-symbol\n id=\"close\"\n color=\"white\"\n size=\"micro\"\n (click)=\"onClose()\">\n </ap-symbol>\n </header>\n <content class=\"ap-modal-content\">\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container left\"\n [class.disabled]=\"currentUrlIndex <= 1\"\n (click)=\"onPrevious($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-left-1\"\n [color]=\"currentUrlIndex <= 1 ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n <div class=\"media-container\">\n <img *ngIf=\"url && mediaType ==='image'\" apFrozenGif [apFrozen]=\"!supportGif\" [src]=\"url\" (click)=\"$event.stopPropagation()\">\n </div>\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container right\"\n [class.disabled]=\"currentUrlIndex >= urls.length\"\n (click)=\"onNext($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-right-1\"\n [color]=\"currentUrlIndex >= urls.length ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n </content>\n <footer *ngIf=\"urls && urls.length > 1\"\n class=\"ap-modal-footer\">\n <div class=\"index-container\">\n {{currentUrlIndex}} / {{urls.length}}\n </div>\n </footer>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{width:100%;height:100%}.full{height:100%;width:100%}.media-display{background:transparent;display:flex;flex-direction:column;width:100%;height:100%}.media-display .media-container{margin:auto;flex:1;align-items:center;flex-direction:column;display:flex}.media-display .media-container img{max-width:80%}.media-display .ap-modal-content{padding-bottom:10px;margin:auto}.media-display .ap-modal-header{background:transparent;border-bottom:none;display:flex;justify-content:flex-end}.media-display .ap-modal-header .ap-modal-close{color:#fff}.media-display .ap-modal-header .ap-modal-close.ap-icon{font-size:45px}.media-display .ap-modal-footer{justify-content:flex-end;background:transparent;border:none;margin-bottom:24px;align-items:center;display:flex;flex-direction:column}.media-display .ap-modal-footer .index-container{color:#fff;font-size:24px;display:inline;background-color:#0000001a;border-radius:20px;padding:16px}.media-display .next-prev-container{display:flex;justify-content:center;align-items:center;width:60px;height:60px;position:absolute;top:45%;cursor:pointer;background-color:#0000001a;border-radius:60px;color:#fff}.media-display .next-prev-container .ap-icon{font-size:45px}.media-display .next-prev-container.right{margin-right:24px;right:0}.media-display .next-prev-container.right .icon-container{margin-left:7px}.media-display .next-prev-container[disabled] .ap-icon{color:#dfe3e9}.media-display .next-prev-container.left{margin-left:24px;left:0}.media-display .next-prev-container.left .icon-container{margin-right:5px}.media-display .next-prev-container.disabled{cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: i2.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.FrozenGifDirective, selector: "img[apFrozenGif]", inputs: ["src", "apFrozen", "apGifEvents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
77
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MediaDisplayOverlayDialogComponent, decorators: [{
78
- type: Component,
79
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-media-display-overlay', template: "<div class=\"full\" (click)=\"onClose()\">\n <div class=\"media-display ap-new\">\n <header class=\"ap-modal-header\">\n <ap-symbol\n id=\"close\"\n color=\"white\"\n size=\"micro\"\n (click)=\"onClose()\">\n </ap-symbol>\n </header>\n <content class=\"ap-modal-content\">\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container left\"\n [class.disabled]=\"currentUrlIndex <= 1\"\n (click)=\"onPrevious($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-left-1\"\n [color]=\"currentUrlIndex <= 1 ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n <div class=\"media-container\">\n <img *ngIf=\"url && mediaType ==='image'\" apFrozenGif [apFrozen]=\"!supportGif\" [src]=\"url\" (click)=\"$event.stopPropagation()\">\n </div>\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container right\"\n [class.disabled]=\"currentUrlIndex >= urls.length\"\n (click)=\"onNext($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-right-1\"\n [color]=\"currentUrlIndex >= urls.length ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n </content>\n <footer *ngIf=\"urls && urls.length > 1\"\n class=\"ap-modal-footer\">\n <div class=\"index-container\">\n {{currentUrlIndex}} / {{urls.length}}\n </div>\n </footer>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{width:100%;height:100%}.full{height:100%;width:100%}.media-display{background:transparent;display:flex;flex-direction:column;width:100%;height:100%}.media-display .media-container{margin:auto;flex:1;align-items:center;flex-direction:column;display:flex}.media-display .media-container img{max-width:80%}.media-display .ap-modal-content{padding-bottom:10px;margin:auto}.media-display .ap-modal-header{background:transparent;border-bottom:none;display:flex;justify-content:flex-end}.media-display .ap-modal-header .ap-modal-close{color:#fff}.media-display .ap-modal-header .ap-modal-close.ap-icon{font-size:45px}.media-display .ap-modal-footer{justify-content:flex-end;background:transparent;border:none;margin-bottom:24px;align-items:center;display:flex;flex-direction:column}.media-display .ap-modal-footer .index-container{color:#fff;font-size:24px;display:inline;background-color:#0000001a;border-radius:20px;padding:16px}.media-display .next-prev-container{display:flex;justify-content:center;align-items:center;width:60px;height:60px;position:absolute;top:45%;cursor:pointer;background-color:#0000001a;border-radius:60px;color:#fff}.media-display .next-prev-container .ap-icon{font-size:45px}.media-display .next-prev-container.right{margin-right:24px;right:0}.media-display .next-prev-container.right .icon-container{margin-left:7px}.media-display .next-prev-container[disabled] .ap-icon{color:#dfe3e9}.media-display .next-prev-container.left{margin-left:24px;left:0}.media-display .next-prev-container.left .icon-container{margin-right:5px}.media-display .next-prev-container.disabled{cursor:not-allowed}\n"] }]
80
- }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
81
- type: Inject,
82
- args: [MAT_DIALOG_DATA]
83
- }] }]; }, propDecorators: { keyEvent: [{
84
- type: HostListener,
85
- args: ['window:keyup', ['$event']]
86
- }] } });
87
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9tZWRpYS1kaXNwbGF5LW92ZXJsYXkvbWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9tZWRpYS1kaXNwbGF5LW92ZXJsYXkvbWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFFL0YsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFTekQsTUFBTSxDQUFOLElBQVksUUFHWDtBQUhELFdBQVksUUFBUTtJQUNoQixzREFBZ0IsQ0FBQTtJQUNoQixvREFBZSxDQUFBO0FBQ25CLENBQUMsRUFIVyxRQUFRLEtBQVIsUUFBUSxRQUduQjtBQVFELE1BQU0sT0FBTyxrQ0FBa0M7SUFxQjNDLFlBQW1CLFNBQTJELEVBQ2xDLElBQXNCO1FBRC9DLGNBQVMsR0FBVCxTQUFTLENBQWtEO1FBQ2xDLFNBQUksR0FBSixJQUFJLENBQWtCO1FBUGxFLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLFNBQUksR0FBYSxFQUFFLENBQUMsQ0FBQyxXQUFXO1FBRWhDLGNBQVMsR0FBRyxPQUFPLENBQUMsQ0FBQyxtQkFBbUI7UUFDeEMsZUFBVSxHQUFHLElBQUksQ0FBQztJQUlsQixDQUFDO0lBRUQsUUFBUTtRQUNKLHFFQUFxRTtRQUNyRSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDWCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQzdDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7YUFDOUI7WUFDRCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO2dCQUNmLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO29CQUN4QixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztpQkFDL0I7Z0JBQ0QsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztnQkFDekIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUMvRDtTQUNKO0lBQ0wsQ0FBQztJQUVELE9BQU87UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxNQUFNLENBQUMsTUFBZTtRQUNsQixJQUFJLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDekMsSUFBSSxDQUFDLGVBQWUsSUFBSSxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDbEQ7UUFDRCxNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFVBQVUsQ0FBQyxNQUFlO1FBQ3RCLElBQUksSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLEVBQUU7WUFDMUIsSUFBSSxDQUFDLGVBQWUsSUFBSSxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDbEQ7UUFDRCxNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUdELFFBQVEsQ0FBQyxLQUFvQjtRQUV6QixJQUFJLEtBQUssQ0FBQyxPQUFPLEtBQUssUUFBUSxDQUFDLFdBQVcsRUFBRTtZQUN4QyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3RCO1FBRUQsSUFBSSxLQUFLLENBQUMsT0FBTyxLQUFLLFFBQVEsQ0FBQyxVQUFVLEVBQUU7WUFDdkMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMxQjtJQUNMLENBQUM7O0FBckVNLHlDQUFNLEdBQW9CO0lBQzdCLFFBQVEsRUFBRTtRQUNOLEdBQUcsRUFBRSxNQUFNO1FBQ1gsS0FBSyxFQUFFLE1BQU07UUFDYixJQUFJLEVBQUUsTUFBTTtLQUNmO0lBQ0QsTUFBTSxFQUFFLE1BQU07SUFDZCxLQUFLLEVBQUUsTUFBTTtJQUNiLFFBQVEsRUFBRSxNQUFNO0lBQ2hCLFVBQVUsRUFBRSxtQkFBbUI7SUFDL0IsYUFBYSxFQUFFLGVBQWU7Q0FDakMsQ0FBQzsrSEFiTyxrQ0FBa0MsOENBc0J2QixlQUFlO21IQXRCMUIsa0NBQWtDLDZIQ3RCL0MscTZEQStDQTsyRkR6QmEsa0NBQWtDO2tCQU45QyxTQUFTO3NDQUNXLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsMEJBQTBCOzswQkEwQnZCLE1BQU07MkJBQUMsZUFBZTs0Q0F3Q25DLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxjQUFjLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5qZWN0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNYXREaWFsb2dDb25maWcsIE1hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7TUFUX0RJQUxPR19EQVRBfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lZGlhRGlzcGxheURhdGEge1xuICAgIHVybHM6IHN0cmluZ1tdO1xuICAgIHVybDogc3RyaW5nO1xuICAgIG1lZGlhVHlwZTogc3RyaW5nO1xuICAgIHN1cHBvcnRHaWY6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBlbnVtIEtFWV9DT0RFIHtcbiAgICBSSUdIVF9BUlJPVyA9IDM5LFxuICAgIExFRlRfQVJST1cgPSAzN1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLW1lZGlhLWRpc3BsYXktb3ZlcmxheScsXG4gICAgc3R5bGVVcmxzOiBbJy4vbWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9tZWRpYS1kaXNwbGF5LW92ZXJsYXktZGlhbG9nLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBNZWRpYURpc3BsYXlPdmVybGF5RGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIHN0YXRpYyBjb25maWc6IE1hdERpYWxvZ0NvbmZpZyA9IHtcbiAgICAgICAgcG9zaXRpb246IHtcbiAgICAgICAgICAgIHRvcDogJzEwcHgnLFxuICAgICAgICAgICAgcmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgIGxlZnQ6ICcxMHB4J1xuICAgICAgICB9LFxuICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgbWF4V2lkdGg6ICdub25lJyxcbiAgICAgICAgcGFuZWxDbGFzczogJ2Z1bGwtc2NyZWVuLW1vZGFsJyxcbiAgICAgICAgYmFja2Ryb3BDbGFzczogJ2RhcmstYmFja2Ryb3AnXG4gICAgfTtcblxuICAgIGN1cnJlbnRVcmxJbmRleCA9IDE7XG4gICAgdXJsczogc3RyaW5nW10gPSBbXTsgLy8gYWxsIHVybHNcbiAgICB1cmw6IHN0cmluZzsgLy8gY3VycmVudCBkaXNwbGF5ZWQgdXJsXG4gICAgbWVkaWFUeXBlID0gJ2ltYWdlJzsgLy8gJ2ltYWdlJywgJ3ZpZGVvJ1xuICAgIHN1cHBvcnRHaWYgPSB0cnVlO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPE1lZGlhRGlzcGxheU92ZXJsYXlEaWFsb2dDb21wb25lbnQ+LFxuICAgICAgICAgICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogTWVkaWFEaXNwbGF5RGF0YSkge1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICAvLyBjb25zdCBkYXRhID0gTW9kYWxTZXJ2aWNlLmdldE1vZGFsKCdtZWRpYS1kaXNwbGF5LW92ZXJsYXknKSB8fCB7fTtcbiAgICAgICAgaWYgKHRoaXMuZGF0YSkge1xuICAgICAgICAgICAgaWYgKHRoaXMuZGF0YS51cmxzICYmIHRoaXMuZGF0YS51cmxzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICB0aGlzLnVybHMgPSB0aGlzLmRhdGEudXJscztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGlmICh0aGlzLmRhdGEudXJsKSB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMudXJscy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy51cmxzID0gW3RoaXMuZGF0YS51cmxdO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aGlzLnVybCA9IHRoaXMuZGF0YS51cmw7XG4gICAgICAgICAgICAgICAgdGhpcy5jdXJyZW50VXJsSW5kZXggPSB0aGlzLnVybHMuaW5kZXhPZih0aGlzLmRhdGEudXJsKSArIDE7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbkNsb3NlKCkge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgIH1cblxuICAgIG9uTmV4dCgkZXZlbnQ6IFVJRXZlbnQpIHtcbiAgICAgICAgaWYgKHRoaXMuY3VycmVudFVybEluZGV4IDwgdGhpcy51cmxzLmxlbmd0aCkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50VXJsSW5kZXggKz0gMTtcbiAgICAgICAgICAgIHRoaXMudXJsID0gdGhpcy51cmxzW3RoaXMuY3VycmVudFVybEluZGV4IC0gMV07XG4gICAgICAgIH1cbiAgICAgICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIG9uUHJldmlvdXMoJGV2ZW50OiBVSUV2ZW50KSB7XG4gICAgICAgIGlmICh0aGlzLmN1cnJlbnRVcmxJbmRleCA+IDEpIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudFVybEluZGV4IC09IDE7XG4gICAgICAgICAgICB0aGlzLnVybCA9IHRoaXMudXJsc1t0aGlzLmN1cnJlbnRVcmxJbmRleCAtIDFdO1xuICAgICAgICB9XG4gICAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5dXAnLCBbJyRldmVudCddKVxuICAgIGtleUV2ZW50KGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleUNvZGUgPT09IEtFWV9DT0RFLlJJR0hUX0FSUk9XKSB7XG4gICAgICAgICAgICB0aGlzLm9uTmV4dChldmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoZXZlbnQua2V5Q29kZSA9PT0gS0VZX0NPREUuTEVGVF9BUlJPVykge1xuICAgICAgICAgICAgdGhpcy5vblByZXZpb3VzKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmdWxsXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJtZWRpYS1kaXNwbGF5IGFwLW5ld1wiPlxuICAgICAgICA8aGVhZGVyIGNsYXNzPVwiYXAtbW9kYWwtaGVhZGVyXCI+XG4gICAgICAgICAgICA8YXAtc3ltYm9sXG4gICAgICAgICAgICAgICAgaWQ9XCJjbG9zZVwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm1pY3JvXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbG9zZSgpXCI+XG4gICAgICAgICAgICA8L2FwLXN5bWJvbD5cbiAgICAgICAgPC9oZWFkZXI+XG4gICAgICAgIDxjb250ZW50IGNsYXNzPVwiYXAtbW9kYWwtY29udGVudFwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInVybHMubGVuZ3RoID4gMVwiXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwibmV4dC1wcmV2LWNvbnRhaW5lciBsZWZ0XCJcbiAgICAgICAgICAgICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImN1cnJlbnRVcmxJbmRleCA8PSAxXCJcbiAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uUHJldmlvdXMoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgICA8YXAtc3ltYm9sXG4gICAgICAgICAgICAgICAgICAgICAgICBpZD1cImFycm93LWxlZnQtMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29sb3JdPVwiY3VycmVudFVybEluZGV4IDw9IDEgID8gJ2dyZXktYmx1ZScgOiAnd2hpdGUnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgICAgICAgICA8L2FwLXN5bWJvbD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lZGlhLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJ1cmwgJiYgbWVkaWFUeXBlID09PSdpbWFnZSdcIiBhcEZyb3plbkdpZiBbYXBGcm96ZW5dPVwiIXN1cHBvcnRHaWZcIiBbc3JjXT1cInVybFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInVybHMubGVuZ3RoID4gMVwiXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwibmV4dC1wcmV2LWNvbnRhaW5lciByaWdodFwiXG4gICAgICAgICAgICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJjdXJyZW50VXJsSW5kZXggPj0gdXJscy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25OZXh0KCRldmVudClcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGFwLXN5bWJvbFxuICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJhcnJvdy1yaWdodC0xXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJjdXJyZW50VXJsSW5kZXggPj0gdXJscy5sZW5ndGggPyAnZ3JleS1ibHVlJyA6ICd3aGl0ZSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgICAgICAgIDwvYXAtc3ltYm9sPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvY29udGVudD5cbiAgICAgICAgPGZvb3RlciAqbmdJZj1cInVybHMgJiYgdXJscy5sZW5ndGggPiAxXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImFwLW1vZGFsLWZvb3RlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZGV4LWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIHt7Y3VycmVudFVybEluZGV4fX0gLyB7e3VybHMubGVuZ3RofX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Zvb3Rlcj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19