@covalent/core 3.1.2-beta.4 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (348) hide show
  1. package/bundles/covalent-core-side-sheet.umd.js +1458 -0
  2. package/bundles/covalent-core-side-sheet.umd.js.map +1 -0
  3. package/bundles/covalent-core-side-sheet.umd.min.js +16 -0
  4. package/bundles/covalent-core-side-sheet.umd.min.js.map +1 -0
  5. package/bundles/covalent-core-user-profile.umd.js +1 -9
  6. package/bundles/covalent-core-user-profile.umd.js.map +1 -1
  7. package/bundles/covalent-core-user-profile.umd.min.js.map +1 -1
  8. package/dialogs/_dialog-theme.scss +1 -0
  9. package/esm2015/side-sheet/covalent-core-side-sheet.js +12 -0
  10. package/esm2015/side-sheet/index.js +7 -0
  11. package/esm2015/side-sheet/public-api.js +11 -0
  12. package/esm2015/side-sheet/side-sheet-container.js +402 -0
  13. package/esm2015/side-sheet/side-sheet-ref.js +50 -0
  14. package/esm2015/side-sheet/side-sheet.animation.js +20 -0
  15. package/esm2015/side-sheet/side-sheet.config.js +12 -0
  16. package/esm2015/side-sheet/side-sheet.content-directives.js +255 -0
  17. package/esm2015/side-sheet/side-sheet.js +360 -0
  18. package/esm2015/side-sheet/side-sheet.module.js +36 -0
  19. package/esm2015/user-profile/user-profile.module.js +3 -11
  20. package/fesm2015/covalent-core-side-sheet.js +1134 -0
  21. package/fesm2015/covalent-core-side-sheet.js.map +1 -0
  22. package/fesm2015/covalent-core-user-profile.js +1 -9
  23. package/fesm2015/covalent-core-user-profile.js.map +1 -1
  24. package/package.json +1 -1
  25. package/schematics/components.js +1 -14
  26. package/schematics/components.js.map +1 -1
  27. package/side-sheet/README.md +66 -0
  28. package/side-sheet/covalent-core-side-sheet.d.ts +6 -0
  29. package/side-sheet/covalent-core-side-sheet.metadata.json +1 -0
  30. package/{chips → side-sheet}/index.d.ts +0 -0
  31. package/side-sheet/package.json +11 -0
  32. package/side-sheet/public-api.d.ts +5 -0
  33. package/side-sheet/side-sheet-container.d.ts +94 -0
  34. package/side-sheet/side-sheet-ref.d.ts +10 -0
  35. package/side-sheet/side-sheet.animation.d.ts +4 -0
  36. package/side-sheet/side-sheet.config.d.ts +3 -0
  37. package/side-sheet/side-sheet.content-directives.d.ts +50 -0
  38. package/side-sheet/side-sheet.d.ts +61 -0
  39. package/side-sheet/side-sheet.module.d.ts +2 -0
  40. package/side-sheet/side-sheet.scss +69 -0
  41. package/side-sheet/side-sheet.theme.scss +8 -0
  42. package/theming/_all-theme.scss +2 -14
  43. package/theming/prebuilt/blue-grey-deep-orange.css +5 -249
  44. package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
  45. package/theming/prebuilt/blue-orange.css +5 -249
  46. package/theming/prebuilt/blue-orange.css.map +1 -1
  47. package/theming/prebuilt/indigo-pink.css +5 -249
  48. package/theming/prebuilt/indigo-pink.css.map +1 -1
  49. package/theming/prebuilt/orange-light-blue.css +5 -249
  50. package/theming/prebuilt/orange-light-blue.css.map +1 -1
  51. package/theming/prebuilt/teal-orange.css +5 -249
  52. package/theming/prebuilt/teal-orange.css.map +1 -1
  53. package/typography/_all-typography.scss +0 -10
  54. package/user-profile/covalent-core-user-profile.metadata.json +1 -1
  55. package/bundles/covalent-core-chips.umd.js +0 -1507
  56. package/bundles/covalent-core-chips.umd.js.map +0 -1
  57. package/bundles/covalent-core-chips.umd.min.js +0 -16
  58. package/bundles/covalent-core-chips.umd.min.js.map +0 -1
  59. package/bundles/covalent-core-data-table.umd.js +0 -2756
  60. package/bundles/covalent-core-data-table.umd.js.map +0 -1
  61. package/bundles/covalent-core-data-table.umd.min.js +0 -16
  62. package/bundles/covalent-core-data-table.umd.min.js.map +0 -1
  63. package/bundles/covalent-core-expansion-panel.umd.js +0 -853
  64. package/bundles/covalent-core-expansion-panel.umd.js.map +0 -1
  65. package/bundles/covalent-core-expansion-panel.umd.min.js +0 -16
  66. package/bundles/covalent-core-expansion-panel.umd.min.js.map +0 -1
  67. package/bundles/covalent-core-loading.umd.js +0 -1534
  68. package/bundles/covalent-core-loading.umd.js.map +0 -1
  69. package/bundles/covalent-core-loading.umd.min.js +0 -16
  70. package/bundles/covalent-core-loading.umd.min.js.map +0 -1
  71. package/bundles/covalent-core-media.umd.js +0 -749
  72. package/bundles/covalent-core-media.umd.js.map +0 -1
  73. package/bundles/covalent-core-media.umd.min.js +0 -16
  74. package/bundles/covalent-core-media.umd.min.js.map +0 -1
  75. package/bundles/covalent-core-nav-links.umd.js +0 -197
  76. package/bundles/covalent-core-nav-links.umd.js.map +0 -1
  77. package/bundles/covalent-core-nav-links.umd.min.js +0 -2
  78. package/bundles/covalent-core-nav-links.umd.min.js.map +0 -1
  79. package/bundles/covalent-core-notifications.umd.js +0 -275
  80. package/bundles/covalent-core-notifications.umd.js.map +0 -1
  81. package/bundles/covalent-core-notifications.umd.min.js +0 -2
  82. package/bundles/covalent-core-notifications.umd.min.js.map +0 -1
  83. package/bundles/covalent-core-paging.umd.js +0 -491
  84. package/bundles/covalent-core-paging.umd.js.map +0 -1
  85. package/bundles/covalent-core-paging.umd.min.js +0 -2
  86. package/bundles/covalent-core-paging.umd.min.js.map +0 -1
  87. package/bundles/covalent-core-sidesheet.umd.js +0 -145
  88. package/bundles/covalent-core-sidesheet.umd.js.map +0 -1
  89. package/bundles/covalent-core-sidesheet.umd.min.js +0 -2
  90. package/bundles/covalent-core-sidesheet.umd.min.js.map +0 -1
  91. package/bundles/covalent-core-steps.umd.js +0 -1756
  92. package/bundles/covalent-core-steps.umd.js.map +0 -1
  93. package/bundles/covalent-core-steps.umd.min.js +0 -16
  94. package/bundles/covalent-core-steps.umd.min.js.map +0 -1
  95. package/bundles/covalent-core-tab-select.umd.js +0 -732
  96. package/bundles/covalent-core-tab-select.umd.js.map +0 -1
  97. package/bundles/covalent-core-tab-select.umd.min.js +0 -16
  98. package/bundles/covalent-core-tab-select.umd.min.js.map +0 -1
  99. package/bundles/covalent-core-virtual-scroll.umd.js +0 -785
  100. package/bundles/covalent-core-virtual-scroll.umd.js.map +0 -1
  101. package/bundles/covalent-core-virtual-scroll.umd.min.js +0 -16
  102. package/bundles/covalent-core-virtual-scroll.umd.min.js.map +0 -1
  103. package/chips/README.md +0 -99
  104. package/chips/_chips-theme.scss +0 -87
  105. package/chips/chips.component.d.ts +0 -287
  106. package/chips/chips.component.scss +0 -147
  107. package/chips/chips.module.d.ts +0 -2
  108. package/chips/covalent-core-chips.d.ts +0 -4
  109. package/chips/covalent-core-chips.metadata.json +0 -1
  110. package/chips/package.json +0 -11
  111. package/chips/public-api.d.ts +0 -2
  112. package/data-table/README.md +0 -134
  113. package/data-table/_data-table-theme.scss +0 -115
  114. package/data-table/covalent-core-data-table.d.ts +0 -4
  115. package/data-table/covalent-core-data-table.metadata.json +0 -1
  116. package/data-table/data-table-cell/data-table-cell.component.d.ts +0 -22
  117. package/data-table/data-table-cell/data-table-cell.component.scss +0 -58
  118. package/data-table/data-table-column/data-table-column.component.d.ts +0 -63
  119. package/data-table/data-table-column/data-table-column.component.scss +0 -80
  120. package/data-table/data-table-row/data-table-row.component.d.ts +0 -20
  121. package/data-table/data-table-row/data-table-row.component.scss +0 -12
  122. package/data-table/data-table-table/data-table-table.component.d.ts +0 -6
  123. package/data-table/data-table-table/data-table-table.component.scss +0 -7
  124. package/data-table/data-table.component.d.ts +0 -356
  125. package/data-table/data-table.component.scss +0 -93
  126. package/data-table/data-table.module.d.ts +0 -2
  127. package/data-table/directives/data-table-template.directive.d.ts +0 -6
  128. package/data-table/index.d.ts +0 -1
  129. package/data-table/package.json +0 -11
  130. package/data-table/public-api.d.ts +0 -8
  131. package/data-table/services/data-table.service.d.ts +0 -31
  132. package/esm2015/chips/chips.component.js +0 -1115
  133. package/esm2015/chips/chips.module.js +0 -23
  134. package/esm2015/chips/covalent-core-chips.js +0 -10
  135. package/esm2015/chips/index.js +0 -7
  136. package/esm2015/chips/public-api.js +0 -8
  137. package/esm2015/data-table/covalent-core-data-table.js +0 -10
  138. package/esm2015/data-table/data-table-cell/data-table-cell.component.js +0 -88
  139. package/esm2015/data-table/data-table-column/data-table-column.component.js +0 -218
  140. package/esm2015/data-table/data-table-row/data-table-row.component.js +0 -132
  141. package/esm2015/data-table/data-table-table/data-table-table.component.js +0 -43
  142. package/esm2015/data-table/data-table.component.js +0 -1640
  143. package/esm2015/data-table/data-table.module.js +0 -39
  144. package/esm2015/data-table/directives/data-table-template.directive.js +0 -32
  145. package/esm2015/data-table/index.js +0 -7
  146. package/esm2015/data-table/public-api.js +0 -14
  147. package/esm2015/data-table/services/data-table.service.js +0 -116
  148. package/esm2015/expansion-panel/covalent-core-expansion-panel.js +0 -10
  149. package/esm2015/expansion-panel/expansion-panel-group.component.js +0 -212
  150. package/esm2015/expansion-panel/expansion-panel.component.js +0 -272
  151. package/esm2015/expansion-panel/expansion-panel.module.js +0 -31
  152. package/esm2015/expansion-panel/index.js +0 -7
  153. package/esm2015/expansion-panel/public-api.js +0 -9
  154. package/esm2015/loading/covalent-core-loading.js +0 -10
  155. package/esm2015/loading/directives/loading.directive.js +0 -231
  156. package/esm2015/loading/index.js +0 -7
  157. package/esm2015/loading/loading.component.js +0 -302
  158. package/esm2015/loading/loading.module.js +0 -30
  159. package/esm2015/loading/public-api.js +0 -11
  160. package/esm2015/loading/services/loading.factory.js +0 -297
  161. package/esm2015/loading/services/loading.service.js +0 -319
  162. package/esm2015/media/covalent-core-media.js +0 -10
  163. package/esm2015/media/directives/media-toggle.directive.js +0 -207
  164. package/esm2015/media/index.js +0 -7
  165. package/esm2015/media/media.module.js +0 -20
  166. package/esm2015/media/public-api.js +0 -9
  167. package/esm2015/media/services/media.service.js +0 -169
  168. package/esm2015/nav-links/covalent-core-nav-links.js +0 -10
  169. package/esm2015/nav-links/index.js +0 -7
  170. package/esm2015/nav-links/nav-links.component.js +0 -138
  171. package/esm2015/nav-links/nav-links.module.js +0 -37
  172. package/esm2015/nav-links/public-api.js +0 -8
  173. package/esm2015/notifications/covalent-core-notifications.js +0 -10
  174. package/esm2015/notifications/index.js +0 -7
  175. package/esm2015/notifications/notification-count.component.js +0 -191
  176. package/esm2015/notifications/notifications.module.js +0 -20
  177. package/esm2015/notifications/public-api.js +0 -8
  178. package/esm2015/paging/covalent-core-paging.js +0 -10
  179. package/esm2015/paging/index.js +0 -7
  180. package/esm2015/paging/paging-bar.component.js +0 -412
  181. package/esm2015/paging/paging.module.js +0 -20
  182. package/esm2015/paging/public-api.js +0 -8
  183. package/esm2015/sidesheet/covalent-core-sidesheet.js +0 -10
  184. package/esm2015/sidesheet/index.js +0 -7
  185. package/esm2015/sidesheet/public-api.js +0 -8
  186. package/esm2015/sidesheet/sidesheet.component.js +0 -72
  187. package/esm2015/sidesheet/sidesheet.module.js +0 -27
  188. package/esm2015/steps/covalent-core-steps.js +0 -10
  189. package/esm2015/steps/index.js +0 -7
  190. package/esm2015/steps/nav/nav-step-link/nav-step-link.component.js +0 -144
  191. package/esm2015/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +0 -371
  192. package/esm2015/steps/nav/nav-steps-vertical/nav-steps-vertical.component.js +0 -130
  193. package/esm2015/steps/public-api.js +0 -14
  194. package/esm2015/steps/step-body/step-body.component.js +0 -83
  195. package/esm2015/steps/step-header/step-header.component.js +0 -79
  196. package/esm2015/steps/step.component.js +0 -312
  197. package/esm2015/steps/steps.component.js +0 -234
  198. package/esm2015/steps/steps.module.js +0 -44
  199. package/esm2015/tab-select/covalent-core-tab-select.js +0 -10
  200. package/esm2015/tab-select/index.js +0 -7
  201. package/esm2015/tab-select/public-api.js +0 -9
  202. package/esm2015/tab-select/tab-option.component.js +0 -82
  203. package/esm2015/tab-select/tab-select.component.js +0 -291
  204. package/esm2015/tab-select/tab-select.module.js +0 -31
  205. package/esm2015/virtual-scroll/covalent-core-virtual-scroll.js +0 -10
  206. package/esm2015/virtual-scroll/index.js +0 -7
  207. package/esm2015/virtual-scroll/public-api.js +0 -9
  208. package/esm2015/virtual-scroll/virtual-scroll-container.component.js +0 -391
  209. package/esm2015/virtual-scroll/virtual-scroll-row.directive.js +0 -25
  210. package/esm2015/virtual-scroll/virtual-scroll.module.js +0 -21
  211. package/expansion-panel/README.md +0 -116
  212. package/expansion-panel/_expansion-panel-theme.scss +0 -80
  213. package/expansion-panel/covalent-core-expansion-panel.d.ts +0 -4
  214. package/expansion-panel/covalent-core-expansion-panel.metadata.json +0 -1
  215. package/expansion-panel/expansion-panel-group.component.d.ts +0 -31
  216. package/expansion-panel/expansion-panel-group.component.scss +0 -0
  217. package/expansion-panel/expansion-panel.component.d.ts +0 -82
  218. package/expansion-panel/expansion-panel.component.scss +0 -50
  219. package/expansion-panel/expansion-panel.module.d.ts +0 -2
  220. package/expansion-panel/index.d.ts +0 -1
  221. package/expansion-panel/package.json +0 -11
  222. package/expansion-panel/public-api.d.ts +0 -3
  223. package/fesm2015/covalent-core-chips.js +0 -1151
  224. package/fesm2015/covalent-core-chips.js.map +0 -1
  225. package/fesm2015/covalent-core-data-table.js +0 -2309
  226. package/fesm2015/covalent-core-data-table.js.map +0 -1
  227. package/fesm2015/covalent-core-expansion-panel.js +0 -528
  228. package/fesm2015/covalent-core-expansion-panel.js.map +0 -1
  229. package/fesm2015/covalent-core-loading.js +0 -1179
  230. package/fesm2015/covalent-core-loading.js.map +0 -1
  231. package/fesm2015/covalent-core-media.js +0 -411
  232. package/fesm2015/covalent-core-media.js.map +0 -1
  233. package/fesm2015/covalent-core-nav-links.js +0 -193
  234. package/fesm2015/covalent-core-nav-links.js.map +0 -1
  235. package/fesm2015/covalent-core-notifications.js +0 -228
  236. package/fesm2015/covalent-core-notifications.js.map +0 -1
  237. package/fesm2015/covalent-core-paging.js +0 -451
  238. package/fesm2015/covalent-core-paging.js.map +0 -1
  239. package/fesm2015/covalent-core-sidesheet.js +0 -118
  240. package/fesm2015/covalent-core-sidesheet.js.map +0 -1
  241. package/fesm2015/covalent-core-steps.js +0 -1384
  242. package/fesm2015/covalent-core-steps.js.map +0 -1
  243. package/fesm2015/covalent-core-tab-select.js +0 -416
  244. package/fesm2015/covalent-core-tab-select.js.map +0 -1
  245. package/fesm2015/covalent-core-virtual-scroll.js +0 -453
  246. package/fesm2015/covalent-core-virtual-scroll.js.map +0 -1
  247. package/loading/README.md +0 -180
  248. package/loading/_loading-theme.scss +0 -10
  249. package/loading/covalent-core-loading.d.ts +0 -4
  250. package/loading/covalent-core-loading.metadata.json +0 -1
  251. package/loading/directives/loading.directive.d.ts +0 -71
  252. package/loading/index.d.ts +0 -1
  253. package/loading/loading.component.d.ts +0 -87
  254. package/loading/loading.component.scss +0 -42
  255. package/loading/loading.module.d.ts +0 -2
  256. package/loading/package.json +0 -11
  257. package/loading/public-api.d.ts +0 -5
  258. package/loading/services/loading.factory.d.ts +0 -66
  259. package/loading/services/loading.service.d.ts +0 -118
  260. package/media/covalent-core-media.d.ts +0 -4
  261. package/media/covalent-core-media.metadata.json +0 -1
  262. package/media/directives/media-toggle.directive.d.ts +0 -42
  263. package/media/index.d.ts +0 -1
  264. package/media/media.module.d.ts +0 -2
  265. package/media/package.json +0 -11
  266. package/media/public-api.d.ts +0 -3
  267. package/media/services/media.service.d.ts +0 -31
  268. package/nav-links/README.md +0 -1
  269. package/nav-links/covalent-core-nav-links.d.ts +0 -4
  270. package/nav-links/covalent-core-nav-links.metadata.json +0 -1
  271. package/nav-links/index.d.ts +0 -1
  272. package/nav-links/nav-links.component.d.ts +0 -51
  273. package/nav-links/nav-links.component.scss +0 -15
  274. package/nav-links/nav-links.module.d.ts +0 -2
  275. package/nav-links/package.json +0 -11
  276. package/nav-links/public-api.d.ts +0 -2
  277. package/notifications/README.md +0 -69
  278. package/notifications/_notification-count-theme.scss +0 -27
  279. package/notifications/covalent-core-notifications.d.ts +0 -4
  280. package/notifications/covalent-core-notifications.metadata.json +0 -1
  281. package/notifications/index.d.ts +0 -1
  282. package/notifications/notification-count.component.d.ts +0 -74
  283. package/notifications/notification-count.component.scss +0 -90
  284. package/notifications/notifications.module.d.ts +0 -2
  285. package/notifications/package.json +0 -11
  286. package/notifications/public-api.d.ts +0 -2
  287. package/paging/README.md +0 -141
  288. package/paging/_paging-bar-theme.scss +0 -26
  289. package/paging/covalent-core-paging.d.ts +0 -4
  290. package/paging/covalent-core-paging.metadata.json +0 -1
  291. package/paging/index.d.ts +0 -1
  292. package/paging/package.json +0 -11
  293. package/paging/paging-bar.component.d.ts +0 -115
  294. package/paging/paging-bar.component.scss +0 -23
  295. package/paging/paging.module.d.ts +0 -2
  296. package/paging/public-api.d.ts +0 -2
  297. package/sidesheet/README.md +0 -68
  298. package/sidesheet/covalent-core-sidesheet.d.ts +0 -4
  299. package/sidesheet/covalent-core-sidesheet.metadata.json +0 -1
  300. package/sidesheet/index.d.ts +0 -1
  301. package/sidesheet/package.json +0 -11
  302. package/sidesheet/public-api.d.ts +0 -2
  303. package/sidesheet/sidesheet.component.d.ts +0 -13
  304. package/sidesheet/sidesheet.component.scss +0 -101
  305. package/sidesheet/sidesheet.module.d.ts +0 -2
  306. package/steps/README.md +0 -159
  307. package/steps/_steps-theme.scss +0 -108
  308. package/steps/covalent-core-steps.d.ts +0 -4
  309. package/steps/covalent-core-steps.metadata.json +0 -1
  310. package/steps/index.d.ts +0 -1
  311. package/steps/nav/README.md +0 -90
  312. package/steps/nav/nav-step-link/nav-step-link.component.d.ts +0 -42
  313. package/steps/nav/nav-step-link/nav-step-link.component.scss +0 -17
  314. package/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.d.ts +0 -79
  315. package/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.scss +0 -83
  316. package/steps/nav/nav-steps-vertical/nav-steps-vertical.component.d.ts +0 -18
  317. package/steps/nav/nav-steps-vertical/nav-steps-vertical.component.scss +0 -18
  318. package/steps/package.json +0 -11
  319. package/steps/public-api.d.ts +0 -8
  320. package/steps/step-body/step-body.component.d.ts +0 -25
  321. package/steps/step-body/step-body.component.scss +0 -29
  322. package/steps/step-header/step-header.component.d.ts +0 -35
  323. package/steps/step-header/step-header.component.scss +0 -90
  324. package/steps/step.component.d.ts +0 -97
  325. package/steps/steps.component.d.ts +0 -60
  326. package/steps/steps.component.scss +0 -55
  327. package/steps/steps.module.d.ts +0 -2
  328. package/tab-select/README.md +0 -93
  329. package/tab-select/covalent-core-tab-select.d.ts +0 -4
  330. package/tab-select/covalent-core-tab-select.metadata.json +0 -1
  331. package/tab-select/index.d.ts +0 -1
  332. package/tab-select/package.json +0 -11
  333. package/tab-select/public-api.d.ts +0 -3
  334. package/tab-select/tab-option.component.d.ts +0 -20
  335. package/tab-select/tab-option.component.scss +0 -0
  336. package/tab-select/tab-select.component.d.ts +0 -62
  337. package/tab-select/tab-select.component.scss +0 -3
  338. package/tab-select/tab-select.module.d.ts +0 -2
  339. package/virtual-scroll/README.md +0 -68
  340. package/virtual-scroll/covalent-core-virtual-scroll.d.ts +0 -4
  341. package/virtual-scroll/covalent-core-virtual-scroll.metadata.json +0 -1
  342. package/virtual-scroll/index.d.ts +0 -1
  343. package/virtual-scroll/package.json +0 -11
  344. package/virtual-scroll/public-api.d.ts +0 -3
  345. package/virtual-scroll/virtual-scroll-container.component.d.ts +0 -73
  346. package/virtual-scroll/virtual-scroll-container.component.scss +0 -7
  347. package/virtual-scroll/virtual-scroll-row.directive.d.ts +0 -5
  348. package/virtual-scroll/virtual-scroll.module.d.ts +0 -2
@@ -1,275 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
3
- typeof define === 'function' && define.amd ? define('@covalent/core/notifications', ['exports', '@angular/core', '@angular/common'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.notifications = {}), global.ng.core, global.ng.common));
5
- }(this, (function (exports, core, common) { 'use strict';
6
-
7
- /**
8
- * @fileoverview added by tsickle
9
- * Generated from: notification-count.component.ts
10
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
11
- */
12
- /** @enum {string} */
13
- var TdNotificationCountPositionY = {
14
- Top: "top",
15
- Bottom: "bottom",
16
- Center: "center",
17
- };
18
- /** @enum {string} */
19
- var TdNotificationCountPositionX = {
20
- Before: "before",
21
- After: "after",
22
- Center: "center",
23
- };
24
- /** @type {?} */
25
- var DEFAULT_NOTIFICATION_LIMIT = 99;
26
- var TdNotificationCountComponent = /** @class */ (function () {
27
- function TdNotificationCountComponent() {
28
- this._notifications = 0;
29
- this._limit = DEFAULT_NOTIFICATION_LIMIT;
30
- /**
31
- * color?: "primary" | "accent" | "warn"
32
- * Sets the theme color of the notification tip. Defaults to "warn"
33
- */
34
- this.color = 'warn';
35
- }
36
- Object.defineProperty(TdNotificationCountComponent.prototype, "positionX", {
37
- /**
38
- * @return {?}
39
- */
40
- get: function () {
41
- return this._positionX;
42
- },
43
- /**
44
- * positionX?: TdNotificationCountPositionX or "before" | "after" | "center"
45
- * Sets the X position of the notification tip.
46
- * Defaults to "after" if it has content, else 'center'.
47
- * @param {?} positionX
48
- * @return {?}
49
- */
50
- set: function (positionX) {
51
- this._positionX = positionX;
52
- },
53
- enumerable: false,
54
- configurable: true
55
- });
56
- Object.defineProperty(TdNotificationCountComponent.prototype, "positionY", {
57
- /**
58
- * @return {?}
59
- */
60
- get: function () {
61
- return this._positionY;
62
- },
63
- /**
64
- * positionY?: TdNotificationCountPositionY or "top" | "bottom" | "center"
65
- * Sets the Y position of the notification tip.
66
- * Defaults to "top" if it has content, else 'center'.
67
- * @param {?} positionY
68
- * @return {?}
69
- */
70
- set: function (positionY) {
71
- this._positionY = positionY;
72
- },
73
- enumerable: false,
74
- configurable: true
75
- });
76
- Object.defineProperty(TdNotificationCountComponent.prototype, "notifications", {
77
- /**
78
- * notifications?: number | boolean
79
- * Number for the notification count. Shows component only if the input is a positive number or 'true'
80
- * @param {?} notifications
81
- * @return {?}
82
- */
83
- set: function (notifications) {
84
- this._notifications = notifications;
85
- },
86
- enumerable: false,
87
- configurable: true
88
- });
89
- Object.defineProperty(TdNotificationCountComponent.prototype, "limit", {
90
- /**
91
- * limit?: number
92
- * Limit for notification count. If the number of notifications is greater than limit, then + will be added. Defaults to 99.
93
- * @param {?} limit
94
- * @return {?}
95
- */
96
- set: function (limit) {
97
- this._limit = limit;
98
- },
99
- enumerable: false,
100
- configurable: true
101
- });
102
- Object.defineProperty(TdNotificationCountComponent.prototype, "hideHost", {
103
- /**
104
- * @return {?}
105
- */
106
- get: function () {
107
- return !this.show && !this._hasContent();
108
- },
109
- enumerable: false,
110
- configurable: true
111
- });
112
- Object.defineProperty(TdNotificationCountComponent.prototype, "noCount", {
113
- /**
114
- * Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.
115
- * Makes the notification tip show without a count.
116
- * @return {?}
117
- */
118
- get: function () {
119
- return this._notifications === true;
120
- },
121
- enumerable: false,
122
- configurable: true
123
- });
124
- Object.defineProperty(TdNotificationCountComponent.prototype, "notificationsDisplay", {
125
- /**
126
- * Notification display string when a count is available.
127
- * Anything over 99 gets set as 99+
128
- * @return {?}
129
- */
130
- get: function () {
131
- if (this._notifications > this._limit) {
132
- return this._limit + "+";
133
- }
134
- return this._notifications.toString();
135
- },
136
- enumerable: false,
137
- configurable: true
138
- });
139
- Object.defineProperty(TdNotificationCountComponent.prototype, "show", {
140
- /**
141
- * Shows notification tip only when [notifications] is true or a positive integer.
142
- * @return {?}
143
- */
144
- get: function () {
145
- return this._notifications === true || (!isNaN(( /** @type {?} */(this._notifications))) && this._notifications > 0);
146
- },
147
- enumerable: false,
148
- configurable: true
149
- });
150
- /**
151
- * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.
152
- * @return {?}
153
- */
154
- TdNotificationCountComponent.prototype.ngAfterContentInit = function () {
155
- if (!this._positionX) {
156
- this.positionX = this._hasContent() ? TdNotificationCountPositionX.After : TdNotificationCountPositionX.Center;
157
- }
158
- if (!this._positionY) {
159
- this.positionY = this._hasContent() ? TdNotificationCountPositionY.Top : TdNotificationCountPositionY.Center;
160
- }
161
- };
162
- /**
163
- * Method to check if element has any kind of content (elements or text)
164
- * @private
165
- * @return {?}
166
- */
167
- TdNotificationCountComponent.prototype._hasContent = function () {
168
- if (this.content) {
169
- /** @type {?} */
170
- var contentElement = this.content.nativeElement;
171
- return contentElement && (contentElement.children.length > 0 || !!contentElement.textContent.trim());
172
- }
173
- return false;
174
- };
175
- return TdNotificationCountComponent;
176
- }());
177
- TdNotificationCountComponent.decorators = [
178
- { type: core.Component, args: [{
179
- selector: 'td-notification-count',
180
- template: "<div #content class=\"td-notification-content\">\n <ng-content></ng-content>\n</div>\n<div\n *ngIf=\"show\"\n class=\"td-notification-count mat-{{ color }}\"\n [class.td-notification-top]=\"positionY === 'top'\"\n [class.td-notification-bottom]=\"positionY === 'bottom'\"\n [class.td-notification-before]=\"positionX === 'before'\"\n [class.td-notification-after]=\"positionX === 'after'\"\n [class.td-notification-center-y]=\"positionY === 'center'\"\n [class.td-notification-center-x]=\"positionX === 'center'\"\n [class.td-notification-no-count]=\"noCount\"\n>\n {{ noCount ? '' : notificationsDisplay }}\n</div>\n",
181
- changeDetection: core.ChangeDetectionStrategy.OnPush,
182
- styles: [":host{display:block;height:40px;min-width:40px;position:relative;text-align:center}:host.td-notification-hidden{min-width:0}.td-notification-count{border-radius:50%;font-size:10px;font-weight:600;height:20px;line-height:21px;position:absolute;width:20px;z-index:1}.td-notification-count.td-notification-center-x{left:0;margin-left:auto;margin-right:auto;right:0}.td-notification-count.td-notification-center-y{bottom:0;margin-bottom:auto;margin-top:auto;top:0}.td-notification-count.td-notification-top{top:0}.td-notification-count.td-notification-bottom{bottom:0}.td-notification-count.td-notification-before{left:0}.td-notification-count.td-notification-after{right:0}.td-notification-count.td-notification-no-count{height:8px;width:8px}.td-notification-count.td-notification-no-count.td-notification-top{top:8px}.td-notification-count.td-notification-no-count.td-notification-bottom{bottom:8px}.td-notification-count.td-notification-no-count.td-notification-before{left:8px}.td-notification-count.td-notification-no-count.td-notification-after{right:8px}::ng-deep [dir=rtl] .td-notification-count.td-notification-before{left:auto;right:0}::ng-deep [dir=rtl] .td-notification-count.td-notification-after{left:0;right:auto}::ng-deep [dir=rtl] .td-notification-count.td-notification-no-count.td-notification-before{left:auto;right:8px}::ng-deep [dir=rtl] .td-notification-count.td-notification-no-count.td-notification-after{left:8px;right:auto}.td-notification-content,.td-notification-content ::ng-deep>*{line-height:40px}"]
183
- }] }
184
- ];
185
- TdNotificationCountComponent.propDecorators = {
186
- content: [{ type: core.ViewChild, args: ['content', { static: true },] }],
187
- color: [{ type: core.Input }],
188
- positionX: [{ type: core.Input }],
189
- positionY: [{ type: core.Input }],
190
- notifications: [{ type: core.Input }],
191
- limit: [{ type: core.Input }],
192
- hideHost: [{ type: core.HostBinding, args: ['class.td-notification-hidden',] }]
193
- };
194
- if (false) {
195
- /**
196
- * @type {?}
197
- * @private
198
- */
199
- TdNotificationCountComponent.prototype._notifications;
200
- /**
201
- * @type {?}
202
- * @private
203
- */
204
- TdNotificationCountComponent.prototype._positionY;
205
- /**
206
- * @type {?}
207
- * @private
208
- */
209
- TdNotificationCountComponent.prototype._positionX;
210
- /**
211
- * @type {?}
212
- * @private
213
- */
214
- TdNotificationCountComponent.prototype._limit;
215
- /**
216
- * Div content wrapper of `ng-content`.
217
- * @type {?}
218
- */
219
- TdNotificationCountComponent.prototype.content;
220
- /**
221
- * color?: "primary" | "accent" | "warn"
222
- * Sets the theme color of the notification tip. Defaults to "warn"
223
- * @type {?}
224
- */
225
- TdNotificationCountComponent.prototype.color;
226
- }
227
-
228
- /**
229
- * @fileoverview added by tsickle
230
- * Generated from: notifications.module.ts
231
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
232
- */
233
- /** @type {?} */
234
- var TD_NOTIFICATIONS = [TdNotificationCountComponent];
235
- var CovalentNotificationsModule = /** @class */ (function () {
236
- function CovalentNotificationsModule() {
237
- }
238
- return CovalentNotificationsModule;
239
- }());
240
- CovalentNotificationsModule.decorators = [
241
- { type: core.NgModule, args: [{
242
- imports: [common.CommonModule],
243
- declarations: [TD_NOTIFICATIONS],
244
- exports: [TD_NOTIFICATIONS],
245
- },] }
246
- ];
247
-
248
- /**
249
- * @fileoverview added by tsickle
250
- * Generated from: public-api.ts
251
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
252
- */
253
-
254
- /**
255
- * @fileoverview added by tsickle
256
- * Generated from: index.ts
257
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
258
- */
259
-
260
- /**
261
- * @fileoverview added by tsickle
262
- * Generated from: covalent-core-notifications.ts
263
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
264
- */
265
-
266
- exports.CovalentNotificationsModule = CovalentNotificationsModule;
267
- exports.DEFAULT_NOTIFICATION_LIMIT = DEFAULT_NOTIFICATION_LIMIT;
268
- exports.TdNotificationCountComponent = TdNotificationCountComponent;
269
- exports.TdNotificationCountPositionX = TdNotificationCountPositionX;
270
- exports.TdNotificationCountPositionY = TdNotificationCountPositionY;
271
-
272
- Object.defineProperty(exports, '__esModule', { value: true });
273
-
274
- })));
275
- //# sourceMappingURL=covalent-core-notifications.umd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"covalent-core-notifications.umd.js","sources":["../../../../src/platform/core/notifications/notification-count.component.ts","../../../../src/platform/core/notifications/notifications.module.ts"],"sourcesContent":["import {\n Component,\n Input,\n HostBinding,\n ChangeDetectionStrategy,\n ViewChild,\n ElementRef,\n AfterContentInit,\n} from '@angular/core';\n\nexport enum TdNotificationCountPositionY {\n Top = 'top',\n Bottom = 'bottom',\n Center = 'center',\n}\n\nexport enum TdNotificationCountPositionX {\n Before = 'before',\n After = 'after',\n Center = 'center',\n}\n\nexport const DEFAULT_NOTIFICATION_LIMIT: number = 99;\n\n@Component({\n selector: 'td-notification-count',\n styleUrls: ['./notification-count.component.scss'],\n templateUrl: './notification-count.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdNotificationCountComponent implements AfterContentInit {\n private _notifications: number | boolean = 0;\n private _positionY: TdNotificationCountPositionY;\n private _positionX: TdNotificationCountPositionX;\n private _limit: number = DEFAULT_NOTIFICATION_LIMIT;\n\n /**\n * Div content wrapper of `ng-content`.\n */\n @ViewChild('content', { static: true }) content: ElementRef;\n\n /**\n * color?: \"primary\" | \"accent\" | \"warn\"\n * Sets the theme color of the notification tip. Defaults to \"warn\"\n */\n @Input() color: 'primary' | 'accent' | 'warn' = 'warn';\n\n /**\n * positionX?: TdNotificationCountPositionX or \"before\" | \"after\" | \"center\"\n * Sets the X position of the notification tip.\n * Defaults to \"after\" if it has content, else 'center'.\n */\n @Input()\n set positionX(positionX: TdNotificationCountPositionX) {\n this._positionX = positionX;\n }\n get positionX(): TdNotificationCountPositionX {\n return this._positionX;\n }\n\n /**\n * positionY?: TdNotificationCountPositionY or \"top\" | \"bottom\" | \"center\"\n * Sets the Y position of the notification tip.\n * Defaults to \"top\" if it has content, else 'center'.\n */\n @Input()\n set positionY(positionY: TdNotificationCountPositionY) {\n this._positionY = positionY;\n }\n get positionY(): TdNotificationCountPositionY {\n return this._positionY;\n }\n\n /**\n * notifications?: number | boolean\n * Number for the notification count. Shows component only if the input is a positive number or 'true'\n */\n @Input()\n set notifications(notifications: number | boolean) {\n this._notifications = notifications;\n }\n\n /**\n * limit?: number\n * Limit for notification count. If the number of notifications is greater than limit, then + will be added. Defaults to 99.\n */\n @Input()\n set limit(limit: number) {\n this._limit = limit;\n }\n\n @HostBinding('class.td-notification-hidden')\n get hideHost(): boolean {\n return !this.show && !this._hasContent();\n }\n\n /**\n * Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.\n * Makes the notification tip show without a count.\n */\n get noCount(): string | boolean {\n return this._notifications === true;\n }\n\n /**\n * Notification display string when a count is available.\n * Anything over 99 gets set as 99+\n */\n get notificationsDisplay(): string {\n if (this._notifications > this._limit) {\n return `${this._limit}+`;\n }\n return this._notifications.toString();\n }\n\n /**\n * Shows notification tip only when [notifications] is true or a positive integer.\n */\n get show(): boolean {\n return this._notifications === true || (!isNaN(<any>this._notifications) && this._notifications > 0);\n }\n\n /**\n * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.\n */\n ngAfterContentInit(): void {\n if (!this._positionX) {\n this.positionX = this._hasContent() ? TdNotificationCountPositionX.After : TdNotificationCountPositionX.Center;\n }\n if (!this._positionY) {\n this.positionY = this._hasContent() ? TdNotificationCountPositionY.Top : TdNotificationCountPositionY.Center;\n }\n }\n\n /**\n * Method to check if element has any kind of content (elements or text)\n */\n private _hasContent(): boolean {\n if (this.content) {\n const contentElement: HTMLElement = this.content.nativeElement;\n return contentElement && (contentElement.children.length > 0 || !!contentElement.textContent.trim());\n }\n return false;\n }\n}\n","import { Type } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { TdNotificationCountComponent } from './notification-count.component';\n\nconst TD_NOTIFICATIONS: Type<any>[] = [TdNotificationCountComponent];\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TD_NOTIFICATIONS],\n exports: [TD_NOTIFICATIONS],\n})\nexport class CovalentNotificationsModule {}\n"],"names":["Component","ChangeDetectionStrategy","ViewChild","Input","HostBinding","NgModule","CommonModule"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- !function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@covalent/core/notifications",["exports","@angular/core","@angular/common"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self).covalent=t.covalent||{},t.covalent.core=t.covalent.core||{},t.covalent.core.notifications={}),t.ng.core,t.ng.common)}(this,(function(t,o,n){"use strict";var i={Top:"top",Bottom:"bottom",Center:"center"},e={Before:"before",After:"after",Center:"center"},c=function(){function t(){this._notifications=0,this._limit=99,this.color="warn"}return Object.defineProperty(t.prototype,"positionX",{get:function(){return this._positionX},set:function(t){this._positionX=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"positionY",{get:function(){return this._positionY},set:function(t){this._positionY=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"notifications",{set:function(t){this._notifications=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"limit",{set:function(t){this._limit=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"hideHost",{get:function(){return!this.show&&!this._hasContent()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"noCount",{get:function(){return!0===this._notifications},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"notificationsDisplay",{get:function(){return this._notifications>this._limit?this._limit+"+":this._notifications.toString()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"show",{get:function(){return!0===this._notifications||!isNaN(this._notifications)&&this._notifications>0},enumerable:!1,configurable:!0}),t.prototype.ngAfterContentInit=function(){this._positionX||(this.positionX=this._hasContent()?e.After:e.Center),this._positionY||(this.positionY=this._hasContent()?i.Top:i.Center)},t.prototype._hasContent=function(){if(this.content){var t=this.content.nativeElement;return t&&(t.children.length>0||!!t.textContent.trim())}return!1},t}();c.decorators=[{type:o.Component,args:[{selector:"td-notification-count",template:'<div #content class="td-notification-content">\n <ng-content></ng-content>\n</div>\n<div\n *ngIf="show"\n class="td-notification-count mat-{{ color }}"\n [class.td-notification-top]="positionY === \'top\'"\n [class.td-notification-bottom]="positionY === \'bottom\'"\n [class.td-notification-before]="positionX === \'before\'"\n [class.td-notification-after]="positionX === \'after\'"\n [class.td-notification-center-y]="positionY === \'center\'"\n [class.td-notification-center-x]="positionX === \'center\'"\n [class.td-notification-no-count]="noCount"\n>\n {{ noCount ? \'\' : notificationsDisplay }}\n</div>\n',changeDetection:o.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;height:40px;min-width:40px;position:relative;text-align:center}:host.td-notification-hidden{min-width:0}.td-notification-count{border-radius:50%;font-size:10px;font-weight:600;height:20px;line-height:21px;position:absolute;width:20px;z-index:1}.td-notification-count.td-notification-center-x{left:0;margin-left:auto;margin-right:auto;right:0}.td-notification-count.td-notification-center-y{bottom:0;margin-bottom:auto;margin-top:auto;top:0}.td-notification-count.td-notification-top{top:0}.td-notification-count.td-notification-bottom{bottom:0}.td-notification-count.td-notification-before{left:0}.td-notification-count.td-notification-after{right:0}.td-notification-count.td-notification-no-count{height:8px;width:8px}.td-notification-count.td-notification-no-count.td-notification-top{top:8px}.td-notification-count.td-notification-no-count.td-notification-bottom{bottom:8px}.td-notification-count.td-notification-no-count.td-notification-before{left:8px}.td-notification-count.td-notification-no-count.td-notification-after{right:8px}::ng-deep [dir=rtl] .td-notification-count.td-notification-before{left:auto;right:0}::ng-deep [dir=rtl] .td-notification-count.td-notification-after{left:0;right:auto}::ng-deep [dir=rtl] .td-notification-count.td-notification-no-count.td-notification-before{left:auto;right:8px}::ng-deep [dir=rtl] .td-notification-count.td-notification-no-count.td-notification-after{left:8px;right:auto}.td-notification-content,.td-notification-content ::ng-deep>*{line-height:40px}"]}]}],c.propDecorators={content:[{type:o.ViewChild,args:["content",{static:!0}]}],color:[{type:o.Input}],positionX:[{type:o.Input}],positionY:[{type:o.Input}],notifications:[{type:o.Input}],limit:[{type:o.Input}],hideHost:[{type:o.HostBinding,args:["class.td-notification-hidden"]}]};var a=[c],r=function(){};r.decorators=[{type:o.NgModule,args:[{imports:[n.CommonModule],declarations:[a],exports:[a]}]}],t.CovalentNotificationsModule=r,t.DEFAULT_NOTIFICATION_LIMIT=99,t.TdNotificationCountComponent=c,t.TdNotificationCountPositionX=e,t.TdNotificationCountPositionY=i,Object.defineProperty(t,"__esModule",{value:!0})}));
2
- //# sourceMappingURL=covalent-core-notifications.umd.min.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/platform/core/notifications/notification-count.component.ts","../../../../src/platform/core/notifications/notifications.module.ts"],"names":["TdNotificationCountPositionY","Top","Bottom","Center","TdNotificationCountPositionX","Before","After","TdNotificationCountComponent","this","_notifications","_limit","color","Object","defineProperty","prototype","_positionX","positionX","_positionY","positionY","notifications","limit","show","_hasContent","toString","isNaN","ngAfterContentInit","content","contentElement","nativeElement","children","length","textContent","trim","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","ViewChild","static","Input","HostBinding","TD_NOTIFICATIONS","NgModule","imports","CommonModule","declarations","exports"],"mappings":"sdAUYA,EAA4B,CACtCC,IAAG,MACHC,OAAM,SACNC,OAAM,UAGIC,EAA4B,CACtCC,OAAM,SACNC,MAAK,QACLH,OAAM,uBAKR,SAAAI,IAOUC,KAAAC,eAAmC,EAGnCD,KAAAE,OAZwC,GAuBvCF,KAAAG,MAAuC,cAOhDC,OAAAC,eACIN,EAAAO,UAAA,YAAS,KAGb,WACE,OAAON,KAAKO,gBALd,SACcC,GACZR,KAAKO,WAAaC,mCAWpBJ,OAAAC,eACIN,EAAAO,UAAA,YAAS,KAGb,WACE,OAAON,KAAKS,gBALd,SACcC,GACZV,KAAKS,WAAaC,mCAUpBN,OAAAC,eACIN,EAAAO,UAAA,gBAAa,KADjB,SACkBK,GAChBX,KAAKC,eAAiBU,mCAOxBP,OAAAC,eACIN,EAAAO,UAAA,QAAK,KADT,SACUM,GACRZ,KAAKE,OAASU,mCAGhBR,OAAAC,eACIN,EAAAO,UAAA,WAAQ,KADZ,WAEE,OAAQN,KAAKa,OAASb,KAAKc,+CAO7BV,OAAAC,eAAIN,EAAAO,UAAA,UAAO,KAAX,WACE,OAA+B,IAAxBN,KAAKC,gDAOdG,OAAAC,eAAIN,EAAAO,UAAA,uBAAoB,KAAxB,WACE,OAAIN,KAAKC,eAAiBD,KAAKE,OACnBF,KAAKE,OAAM,IAEhBF,KAAKC,eAAec,4CAM7BX,OAAAC,eAAIN,EAAAO,UAAA,OAAI,KAAR,WACE,OAA+B,IAAxBN,KAAKC,iBAA6Be,MAAWhB,KAAmB,iBAAKA,KAAKC,eAAiB,mCAMpGF,EAAAO,UAAAW,mBAAA,WACOjB,KAAKO,aACRP,KAAKQ,UAAYR,KAAKc,cAAgBlB,EAA6BE,MAAQF,EAA6BD,QAErGK,KAAKS,aACRT,KAAKU,UAAYV,KAAKc,cAAgBtB,EAA6BC,IAAMD,EAA6BG,SAOlGI,EAAAO,UAAAQ,YAAA,WACN,GAAId,KAAKkB,QAAS,KACVC,EAA8BnB,KAAKkB,QAAQE,cACjD,OAAOD,IAAmBA,EAAeE,SAASC,OAAS,KAAOH,EAAeI,YAAYC,QAE/F,OAAO,4BAtHVC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,wBAEVC,SAAA,inBACAC,gBAAiBC,EAAAA,wBAAwBC,4iDAWxCC,EAAAA,UAASN,KAAA,CAAC,UAAW,CAAEO,QAAQ,mBAM/BC,EAAAA,yBAOAA,EAAAA,yBAaAA,EAAAA,6BAYAA,EAAAA,qBASAA,EAAAA,wBAKAC,EAAAA,YAAWT,KAAA,CAAC,uCCpFTU,EAAgC,CAACrC,KAOvC,iCALCsC,EAAAA,SAAQX,KAAA,CAAC,CACRY,QAAS,CAACC,EAAAA,cACVC,aAAc,CAACJ,GACfK,QAAS,CAACL,oEDUsC","sourcesContent":["import {\n Component,\n Input,\n HostBinding,\n ChangeDetectionStrategy,\n ViewChild,\n ElementRef,\n AfterContentInit,\n} from '@angular/core';\n\nexport enum TdNotificationCountPositionY {\n Top = 'top',\n Bottom = 'bottom',\n Center = 'center',\n}\n\nexport enum TdNotificationCountPositionX {\n Before = 'before',\n After = 'after',\n Center = 'center',\n}\n\nexport const DEFAULT_NOTIFICATION_LIMIT: number = 99;\n\n@Component({\n selector: 'td-notification-count',\n styleUrls: ['./notification-count.component.scss'],\n templateUrl: './notification-count.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdNotificationCountComponent implements AfterContentInit {\n private _notifications: number | boolean = 0;\n private _positionY: TdNotificationCountPositionY;\n private _positionX: TdNotificationCountPositionX;\n private _limit: number = DEFAULT_NOTIFICATION_LIMIT;\n\n /**\n * Div content wrapper of `ng-content`.\n */\n @ViewChild('content', { static: true }) content: ElementRef;\n\n /**\n * color?: \"primary\" | \"accent\" | \"warn\"\n * Sets the theme color of the notification tip. Defaults to \"warn\"\n */\n @Input() color: 'primary' | 'accent' | 'warn' = 'warn';\n\n /**\n * positionX?: TdNotificationCountPositionX or \"before\" | \"after\" | \"center\"\n * Sets the X position of the notification tip.\n * Defaults to \"after\" if it has content, else 'center'.\n */\n @Input()\n set positionX(positionX: TdNotificationCountPositionX) {\n this._positionX = positionX;\n }\n get positionX(): TdNotificationCountPositionX {\n return this._positionX;\n }\n\n /**\n * positionY?: TdNotificationCountPositionY or \"top\" | \"bottom\" | \"center\"\n * Sets the Y position of the notification tip.\n * Defaults to \"top\" if it has content, else 'center'.\n */\n @Input()\n set positionY(positionY: TdNotificationCountPositionY) {\n this._positionY = positionY;\n }\n get positionY(): TdNotificationCountPositionY {\n return this._positionY;\n }\n\n /**\n * notifications?: number | boolean\n * Number for the notification count. Shows component only if the input is a positive number or 'true'\n */\n @Input()\n set notifications(notifications: number | boolean) {\n this._notifications = notifications;\n }\n\n /**\n * limit?: number\n * Limit for notification count. If the number of notifications is greater than limit, then + will be added. Defaults to 99.\n */\n @Input()\n set limit(limit: number) {\n this._limit = limit;\n }\n\n @HostBinding('class.td-notification-hidden')\n get hideHost(): boolean {\n return !this.show && !this._hasContent();\n }\n\n /**\n * Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.\n * Makes the notification tip show without a count.\n */\n get noCount(): string | boolean {\n return this._notifications === true;\n }\n\n /**\n * Notification display string when a count is available.\n * Anything over 99 gets set as 99+\n */\n get notificationsDisplay(): string {\n if (this._notifications > this._limit) {\n return `${this._limit}+`;\n }\n return this._notifications.toString();\n }\n\n /**\n * Shows notification tip only when [notifications] is true or a positive integer.\n */\n get show(): boolean {\n return this._notifications === true || (!isNaN(<any>this._notifications) && this._notifications > 0);\n }\n\n /**\n * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.\n */\n ngAfterContentInit(): void {\n if (!this._positionX) {\n this.positionX = this._hasContent() ? TdNotificationCountPositionX.After : TdNotificationCountPositionX.Center;\n }\n if (!this._positionY) {\n this.positionY = this._hasContent() ? TdNotificationCountPositionY.Top : TdNotificationCountPositionY.Center;\n }\n }\n\n /**\n * Method to check if element has any kind of content (elements or text)\n */\n private _hasContent(): boolean {\n if (this.content) {\n const contentElement: HTMLElement = this.content.nativeElement;\n return contentElement && (contentElement.children.length > 0 || !!contentElement.textContent.trim());\n }\n return false;\n }\n}\n","import { Type } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { TdNotificationCountComponent } from './notification-count.component';\n\nconst TD_NOTIFICATIONS: Type<any>[] = [TdNotificationCountComponent];\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TD_NOTIFICATIONS],\n exports: [TD_NOTIFICATIONS],\n})\nexport class CovalentNotificationsModule {}\n"]}