@covalent/core 3.1.2 → 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 (317) hide show
  1. package/bundles/covalent-core-user-profile.umd.js +1 -9
  2. package/bundles/covalent-core-user-profile.umd.js.map +1 -1
  3. package/bundles/covalent-core-user-profile.umd.min.js.map +1 -1
  4. package/esm2015/user-profile/user-profile.module.js +3 -11
  5. package/fesm2015/covalent-core-user-profile.js +1 -9
  6. package/fesm2015/covalent-core-user-profile.js.map +1 -1
  7. package/package.json +1 -1
  8. package/schematics/components.js +1 -14
  9. package/schematics/components.js.map +1 -1
  10. package/theming/_all-theme.scss +0 -14
  11. package/theming/prebuilt/blue-grey-deep-orange.css +0 -248
  12. package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
  13. package/theming/prebuilt/blue-orange.css +0 -248
  14. package/theming/prebuilt/blue-orange.css.map +1 -1
  15. package/theming/prebuilt/indigo-pink.css +0 -248
  16. package/theming/prebuilt/indigo-pink.css.map +1 -1
  17. package/theming/prebuilt/orange-light-blue.css +0 -248
  18. package/theming/prebuilt/orange-light-blue.css.map +1 -1
  19. package/theming/prebuilt/teal-orange.css +0 -248
  20. package/theming/prebuilt/teal-orange.css.map +1 -1
  21. package/typography/_all-typography.scss +0 -10
  22. package/user-profile/covalent-core-user-profile.metadata.json +1 -1
  23. package/bundles/covalent-core-chips.umd.js +0 -1507
  24. package/bundles/covalent-core-chips.umd.js.map +0 -1
  25. package/bundles/covalent-core-chips.umd.min.js +0 -16
  26. package/bundles/covalent-core-chips.umd.min.js.map +0 -1
  27. package/bundles/covalent-core-data-table.umd.js +0 -2756
  28. package/bundles/covalent-core-data-table.umd.js.map +0 -1
  29. package/bundles/covalent-core-data-table.umd.min.js +0 -16
  30. package/bundles/covalent-core-data-table.umd.min.js.map +0 -1
  31. package/bundles/covalent-core-expansion-panel.umd.js +0 -853
  32. package/bundles/covalent-core-expansion-panel.umd.js.map +0 -1
  33. package/bundles/covalent-core-expansion-panel.umd.min.js +0 -16
  34. package/bundles/covalent-core-expansion-panel.umd.min.js.map +0 -1
  35. package/bundles/covalent-core-loading.umd.js +0 -1534
  36. package/bundles/covalent-core-loading.umd.js.map +0 -1
  37. package/bundles/covalent-core-loading.umd.min.js +0 -16
  38. package/bundles/covalent-core-loading.umd.min.js.map +0 -1
  39. package/bundles/covalent-core-media.umd.js +0 -749
  40. package/bundles/covalent-core-media.umd.js.map +0 -1
  41. package/bundles/covalent-core-media.umd.min.js +0 -16
  42. package/bundles/covalent-core-media.umd.min.js.map +0 -1
  43. package/bundles/covalent-core-nav-links.umd.js +0 -197
  44. package/bundles/covalent-core-nav-links.umd.js.map +0 -1
  45. package/bundles/covalent-core-nav-links.umd.min.js +0 -2
  46. package/bundles/covalent-core-nav-links.umd.min.js.map +0 -1
  47. package/bundles/covalent-core-notifications.umd.js +0 -275
  48. package/bundles/covalent-core-notifications.umd.js.map +0 -1
  49. package/bundles/covalent-core-notifications.umd.min.js +0 -2
  50. package/bundles/covalent-core-notifications.umd.min.js.map +0 -1
  51. package/bundles/covalent-core-paging.umd.js +0 -491
  52. package/bundles/covalent-core-paging.umd.js.map +0 -1
  53. package/bundles/covalent-core-paging.umd.min.js +0 -2
  54. package/bundles/covalent-core-paging.umd.min.js.map +0 -1
  55. package/bundles/covalent-core-sidesheet.umd.js +0 -145
  56. package/bundles/covalent-core-sidesheet.umd.js.map +0 -1
  57. package/bundles/covalent-core-sidesheet.umd.min.js +0 -2
  58. package/bundles/covalent-core-sidesheet.umd.min.js.map +0 -1
  59. package/bundles/covalent-core-steps.umd.js +0 -1756
  60. package/bundles/covalent-core-steps.umd.js.map +0 -1
  61. package/bundles/covalent-core-steps.umd.min.js +0 -16
  62. package/bundles/covalent-core-steps.umd.min.js.map +0 -1
  63. package/bundles/covalent-core-tab-select.umd.js +0 -732
  64. package/bundles/covalent-core-tab-select.umd.js.map +0 -1
  65. package/bundles/covalent-core-tab-select.umd.min.js +0 -16
  66. package/bundles/covalent-core-tab-select.umd.min.js.map +0 -1
  67. package/bundles/covalent-core-virtual-scroll.umd.js +0 -785
  68. package/bundles/covalent-core-virtual-scroll.umd.js.map +0 -1
  69. package/bundles/covalent-core-virtual-scroll.umd.min.js +0 -16
  70. package/bundles/covalent-core-virtual-scroll.umd.min.js.map +0 -1
  71. package/chips/README.md +0 -99
  72. package/chips/_chips-theme.scss +0 -87
  73. package/chips/chips.component.d.ts +0 -287
  74. package/chips/chips.component.scss +0 -147
  75. package/chips/chips.module.d.ts +0 -2
  76. package/chips/covalent-core-chips.d.ts +0 -4
  77. package/chips/covalent-core-chips.metadata.json +0 -1
  78. package/chips/index.d.ts +0 -1
  79. package/chips/package.json +0 -11
  80. package/chips/public-api.d.ts +0 -2
  81. package/data-table/README.md +0 -134
  82. package/data-table/_data-table-theme.scss +0 -115
  83. package/data-table/covalent-core-data-table.d.ts +0 -4
  84. package/data-table/covalent-core-data-table.metadata.json +0 -1
  85. package/data-table/data-table-cell/data-table-cell.component.d.ts +0 -22
  86. package/data-table/data-table-cell/data-table-cell.component.scss +0 -58
  87. package/data-table/data-table-column/data-table-column.component.d.ts +0 -63
  88. package/data-table/data-table-column/data-table-column.component.scss +0 -80
  89. package/data-table/data-table-row/data-table-row.component.d.ts +0 -20
  90. package/data-table/data-table-row/data-table-row.component.scss +0 -12
  91. package/data-table/data-table-table/data-table-table.component.d.ts +0 -6
  92. package/data-table/data-table-table/data-table-table.component.scss +0 -7
  93. package/data-table/data-table.component.d.ts +0 -356
  94. package/data-table/data-table.component.scss +0 -93
  95. package/data-table/data-table.module.d.ts +0 -2
  96. package/data-table/directives/data-table-template.directive.d.ts +0 -6
  97. package/data-table/index.d.ts +0 -1
  98. package/data-table/package.json +0 -11
  99. package/data-table/public-api.d.ts +0 -8
  100. package/data-table/services/data-table.service.d.ts +0 -31
  101. package/esm2015/chips/chips.component.js +0 -1115
  102. package/esm2015/chips/chips.module.js +0 -23
  103. package/esm2015/chips/covalent-core-chips.js +0 -10
  104. package/esm2015/chips/index.js +0 -7
  105. package/esm2015/chips/public-api.js +0 -8
  106. package/esm2015/data-table/covalent-core-data-table.js +0 -10
  107. package/esm2015/data-table/data-table-cell/data-table-cell.component.js +0 -88
  108. package/esm2015/data-table/data-table-column/data-table-column.component.js +0 -218
  109. package/esm2015/data-table/data-table-row/data-table-row.component.js +0 -132
  110. package/esm2015/data-table/data-table-table/data-table-table.component.js +0 -43
  111. package/esm2015/data-table/data-table.component.js +0 -1640
  112. package/esm2015/data-table/data-table.module.js +0 -39
  113. package/esm2015/data-table/directives/data-table-template.directive.js +0 -32
  114. package/esm2015/data-table/index.js +0 -7
  115. package/esm2015/data-table/public-api.js +0 -14
  116. package/esm2015/data-table/services/data-table.service.js +0 -116
  117. package/esm2015/expansion-panel/covalent-core-expansion-panel.js +0 -10
  118. package/esm2015/expansion-panel/expansion-panel-group.component.js +0 -212
  119. package/esm2015/expansion-panel/expansion-panel.component.js +0 -272
  120. package/esm2015/expansion-panel/expansion-panel.module.js +0 -31
  121. package/esm2015/expansion-panel/index.js +0 -7
  122. package/esm2015/expansion-panel/public-api.js +0 -9
  123. package/esm2015/loading/covalent-core-loading.js +0 -10
  124. package/esm2015/loading/directives/loading.directive.js +0 -231
  125. package/esm2015/loading/index.js +0 -7
  126. package/esm2015/loading/loading.component.js +0 -302
  127. package/esm2015/loading/loading.module.js +0 -30
  128. package/esm2015/loading/public-api.js +0 -11
  129. package/esm2015/loading/services/loading.factory.js +0 -297
  130. package/esm2015/loading/services/loading.service.js +0 -319
  131. package/esm2015/media/covalent-core-media.js +0 -10
  132. package/esm2015/media/directives/media-toggle.directive.js +0 -207
  133. package/esm2015/media/index.js +0 -7
  134. package/esm2015/media/media.module.js +0 -20
  135. package/esm2015/media/public-api.js +0 -9
  136. package/esm2015/media/services/media.service.js +0 -169
  137. package/esm2015/nav-links/covalent-core-nav-links.js +0 -10
  138. package/esm2015/nav-links/index.js +0 -7
  139. package/esm2015/nav-links/nav-links.component.js +0 -138
  140. package/esm2015/nav-links/nav-links.module.js +0 -37
  141. package/esm2015/nav-links/public-api.js +0 -8
  142. package/esm2015/notifications/covalent-core-notifications.js +0 -10
  143. package/esm2015/notifications/index.js +0 -7
  144. package/esm2015/notifications/notification-count.component.js +0 -191
  145. package/esm2015/notifications/notifications.module.js +0 -20
  146. package/esm2015/notifications/public-api.js +0 -8
  147. package/esm2015/paging/covalent-core-paging.js +0 -10
  148. package/esm2015/paging/index.js +0 -7
  149. package/esm2015/paging/paging-bar.component.js +0 -412
  150. package/esm2015/paging/paging.module.js +0 -20
  151. package/esm2015/paging/public-api.js +0 -8
  152. package/esm2015/sidesheet/covalent-core-sidesheet.js +0 -10
  153. package/esm2015/sidesheet/index.js +0 -7
  154. package/esm2015/sidesheet/public-api.js +0 -8
  155. package/esm2015/sidesheet/sidesheet.component.js +0 -72
  156. package/esm2015/sidesheet/sidesheet.module.js +0 -27
  157. package/esm2015/steps/covalent-core-steps.js +0 -10
  158. package/esm2015/steps/index.js +0 -7
  159. package/esm2015/steps/nav/nav-step-link/nav-step-link.component.js +0 -144
  160. package/esm2015/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +0 -371
  161. package/esm2015/steps/nav/nav-steps-vertical/nav-steps-vertical.component.js +0 -130
  162. package/esm2015/steps/public-api.js +0 -14
  163. package/esm2015/steps/step-body/step-body.component.js +0 -83
  164. package/esm2015/steps/step-header/step-header.component.js +0 -79
  165. package/esm2015/steps/step.component.js +0 -312
  166. package/esm2015/steps/steps.component.js +0 -234
  167. package/esm2015/steps/steps.module.js +0 -44
  168. package/esm2015/tab-select/covalent-core-tab-select.js +0 -10
  169. package/esm2015/tab-select/index.js +0 -7
  170. package/esm2015/tab-select/public-api.js +0 -9
  171. package/esm2015/tab-select/tab-option.component.js +0 -82
  172. package/esm2015/tab-select/tab-select.component.js +0 -291
  173. package/esm2015/tab-select/tab-select.module.js +0 -31
  174. package/esm2015/virtual-scroll/covalent-core-virtual-scroll.js +0 -10
  175. package/esm2015/virtual-scroll/index.js +0 -7
  176. package/esm2015/virtual-scroll/public-api.js +0 -9
  177. package/esm2015/virtual-scroll/virtual-scroll-container.component.js +0 -391
  178. package/esm2015/virtual-scroll/virtual-scroll-row.directive.js +0 -25
  179. package/esm2015/virtual-scroll/virtual-scroll.module.js +0 -21
  180. package/expansion-panel/README.md +0 -116
  181. package/expansion-panel/_expansion-panel-theme.scss +0 -80
  182. package/expansion-panel/covalent-core-expansion-panel.d.ts +0 -4
  183. package/expansion-panel/covalent-core-expansion-panel.metadata.json +0 -1
  184. package/expansion-panel/expansion-panel-group.component.d.ts +0 -31
  185. package/expansion-panel/expansion-panel-group.component.scss +0 -0
  186. package/expansion-panel/expansion-panel.component.d.ts +0 -82
  187. package/expansion-panel/expansion-panel.component.scss +0 -50
  188. package/expansion-panel/expansion-panel.module.d.ts +0 -2
  189. package/expansion-panel/index.d.ts +0 -1
  190. package/expansion-panel/package.json +0 -11
  191. package/expansion-panel/public-api.d.ts +0 -3
  192. package/fesm2015/covalent-core-chips.js +0 -1151
  193. package/fesm2015/covalent-core-chips.js.map +0 -1
  194. package/fesm2015/covalent-core-data-table.js +0 -2309
  195. package/fesm2015/covalent-core-data-table.js.map +0 -1
  196. package/fesm2015/covalent-core-expansion-panel.js +0 -528
  197. package/fesm2015/covalent-core-expansion-panel.js.map +0 -1
  198. package/fesm2015/covalent-core-loading.js +0 -1179
  199. package/fesm2015/covalent-core-loading.js.map +0 -1
  200. package/fesm2015/covalent-core-media.js +0 -411
  201. package/fesm2015/covalent-core-media.js.map +0 -1
  202. package/fesm2015/covalent-core-nav-links.js +0 -193
  203. package/fesm2015/covalent-core-nav-links.js.map +0 -1
  204. package/fesm2015/covalent-core-notifications.js +0 -228
  205. package/fesm2015/covalent-core-notifications.js.map +0 -1
  206. package/fesm2015/covalent-core-paging.js +0 -451
  207. package/fesm2015/covalent-core-paging.js.map +0 -1
  208. package/fesm2015/covalent-core-sidesheet.js +0 -118
  209. package/fesm2015/covalent-core-sidesheet.js.map +0 -1
  210. package/fesm2015/covalent-core-steps.js +0 -1384
  211. package/fesm2015/covalent-core-steps.js.map +0 -1
  212. package/fesm2015/covalent-core-tab-select.js +0 -416
  213. package/fesm2015/covalent-core-tab-select.js.map +0 -1
  214. package/fesm2015/covalent-core-virtual-scroll.js +0 -453
  215. package/fesm2015/covalent-core-virtual-scroll.js.map +0 -1
  216. package/loading/README.md +0 -180
  217. package/loading/_loading-theme.scss +0 -10
  218. package/loading/covalent-core-loading.d.ts +0 -4
  219. package/loading/covalent-core-loading.metadata.json +0 -1
  220. package/loading/directives/loading.directive.d.ts +0 -71
  221. package/loading/index.d.ts +0 -1
  222. package/loading/loading.component.d.ts +0 -87
  223. package/loading/loading.component.scss +0 -42
  224. package/loading/loading.module.d.ts +0 -2
  225. package/loading/package.json +0 -11
  226. package/loading/public-api.d.ts +0 -5
  227. package/loading/services/loading.factory.d.ts +0 -66
  228. package/loading/services/loading.service.d.ts +0 -118
  229. package/media/covalent-core-media.d.ts +0 -4
  230. package/media/covalent-core-media.metadata.json +0 -1
  231. package/media/directives/media-toggle.directive.d.ts +0 -42
  232. package/media/index.d.ts +0 -1
  233. package/media/media.module.d.ts +0 -2
  234. package/media/package.json +0 -11
  235. package/media/public-api.d.ts +0 -3
  236. package/media/services/media.service.d.ts +0 -31
  237. package/nav-links/README.md +0 -1
  238. package/nav-links/covalent-core-nav-links.d.ts +0 -4
  239. package/nav-links/covalent-core-nav-links.metadata.json +0 -1
  240. package/nav-links/index.d.ts +0 -1
  241. package/nav-links/nav-links.component.d.ts +0 -51
  242. package/nav-links/nav-links.component.scss +0 -15
  243. package/nav-links/nav-links.module.d.ts +0 -2
  244. package/nav-links/package.json +0 -11
  245. package/nav-links/public-api.d.ts +0 -2
  246. package/notifications/README.md +0 -69
  247. package/notifications/_notification-count-theme.scss +0 -27
  248. package/notifications/covalent-core-notifications.d.ts +0 -4
  249. package/notifications/covalent-core-notifications.metadata.json +0 -1
  250. package/notifications/index.d.ts +0 -1
  251. package/notifications/notification-count.component.d.ts +0 -74
  252. package/notifications/notification-count.component.scss +0 -90
  253. package/notifications/notifications.module.d.ts +0 -2
  254. package/notifications/package.json +0 -11
  255. package/notifications/public-api.d.ts +0 -2
  256. package/paging/README.md +0 -141
  257. package/paging/_paging-bar-theme.scss +0 -26
  258. package/paging/covalent-core-paging.d.ts +0 -4
  259. package/paging/covalent-core-paging.metadata.json +0 -1
  260. package/paging/index.d.ts +0 -1
  261. package/paging/package.json +0 -11
  262. package/paging/paging-bar.component.d.ts +0 -115
  263. package/paging/paging-bar.component.scss +0 -23
  264. package/paging/paging.module.d.ts +0 -2
  265. package/paging/public-api.d.ts +0 -2
  266. package/sidesheet/README.md +0 -68
  267. package/sidesheet/covalent-core-sidesheet.d.ts +0 -4
  268. package/sidesheet/covalent-core-sidesheet.metadata.json +0 -1
  269. package/sidesheet/index.d.ts +0 -1
  270. package/sidesheet/package.json +0 -11
  271. package/sidesheet/public-api.d.ts +0 -2
  272. package/sidesheet/sidesheet.component.d.ts +0 -13
  273. package/sidesheet/sidesheet.component.scss +0 -101
  274. package/sidesheet/sidesheet.module.d.ts +0 -2
  275. package/steps/README.md +0 -159
  276. package/steps/_steps-theme.scss +0 -108
  277. package/steps/covalent-core-steps.d.ts +0 -4
  278. package/steps/covalent-core-steps.metadata.json +0 -1
  279. package/steps/index.d.ts +0 -1
  280. package/steps/nav/README.md +0 -90
  281. package/steps/nav/nav-step-link/nav-step-link.component.d.ts +0 -42
  282. package/steps/nav/nav-step-link/nav-step-link.component.scss +0 -17
  283. package/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.d.ts +0 -79
  284. package/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.scss +0 -83
  285. package/steps/nav/nav-steps-vertical/nav-steps-vertical.component.d.ts +0 -18
  286. package/steps/nav/nav-steps-vertical/nav-steps-vertical.component.scss +0 -18
  287. package/steps/package.json +0 -11
  288. package/steps/public-api.d.ts +0 -8
  289. package/steps/step-body/step-body.component.d.ts +0 -25
  290. package/steps/step-body/step-body.component.scss +0 -29
  291. package/steps/step-header/step-header.component.d.ts +0 -35
  292. package/steps/step-header/step-header.component.scss +0 -90
  293. package/steps/step.component.d.ts +0 -97
  294. package/steps/steps.component.d.ts +0 -60
  295. package/steps/steps.component.scss +0 -55
  296. package/steps/steps.module.d.ts +0 -2
  297. package/tab-select/README.md +0 -93
  298. package/tab-select/covalent-core-tab-select.d.ts +0 -4
  299. package/tab-select/covalent-core-tab-select.metadata.json +0 -1
  300. package/tab-select/index.d.ts +0 -1
  301. package/tab-select/package.json +0 -11
  302. package/tab-select/public-api.d.ts +0 -3
  303. package/tab-select/tab-option.component.d.ts +0 -20
  304. package/tab-select/tab-option.component.scss +0 -0
  305. package/tab-select/tab-select.component.d.ts +0 -62
  306. package/tab-select/tab-select.component.scss +0 -3
  307. package/tab-select/tab-select.module.d.ts +0 -2
  308. package/virtual-scroll/README.md +0 -68
  309. package/virtual-scroll/covalent-core-virtual-scroll.d.ts +0 -4
  310. package/virtual-scroll/covalent-core-virtual-scroll.metadata.json +0 -1
  311. package/virtual-scroll/index.d.ts +0 -1
  312. package/virtual-scroll/package.json +0 -11
  313. package/virtual-scroll/public-api.d.ts +0 -3
  314. package/virtual-scroll/virtual-scroll-container.component.d.ts +0 -73
  315. package/virtual-scroll/virtual-scroll-container.component.scss +0 -7
  316. package/virtual-scroll/virtual-scroll-row.directive.d.ts +0 -5
  317. package/virtual-scroll/virtual-scroll.module.d.ts +0 -2
@@ -1,90 +0,0 @@
1
- $step-circle: 24px;
2
-
3
- .td-step-header {
4
- position: relative;
5
- outline: none;
6
- min-width: 120px;
7
- height: 72px;
8
- // layout row
9
- flex-direction: row;
10
- // layout
11
- box-sizing: border-box;
12
- display: flex;
13
- // flex
14
- flex: 1;
15
- // layout-align start
16
- justify-content: flex-start;
17
- // layout-align start center
18
- align-items: center;
19
- align-content: center;
20
- max-width: 100%;
21
- &:hover:not(.mat-disabled) {
22
- cursor: pointer;
23
- }
24
- mat-icon.td-edit-icon {
25
- margin: 0 8px;
26
- }
27
- mat-icon {
28
- &.mat-warn {
29
- font-size: $step-circle;
30
- height: $step-circle;
31
- width: $step-circle;
32
- }
33
- &.mat-complete {
34
- position: relative;
35
- left: -2px;
36
- top: 2px;
37
- font-size: $step-circle + 4;
38
- height: $step-circle;
39
- width: $step-circle;
40
- }
41
- }
42
- .td-circle {
43
- height: $step-circle;
44
- width: $step-circle;
45
- line-height: $step-circle;
46
- border-radius: 99%;
47
- text-align: center;
48
- flex: none;
49
- & mat-icon {
50
- margin-top: 2px;
51
- font-weight: bold;
52
- }
53
- }
54
- .td-triangle {
55
- & > mat-icon {
56
- font-size: 25px;
57
- }
58
- }
59
- .td-complete {
60
- font-size: 0;
61
- }
62
- .td-circle,
63
- .td-triangle,
64
- .td-complete {
65
- ::ng-deep :not([dir='rtl']) & {
66
- margin: {
67
- left: 8px;
68
- right: 0;
69
- }
70
- }
71
- ::ng-deep [dir='rtl'] & {
72
- margin: {
73
- left: 0;
74
- right: 8px;
75
- }
76
- }
77
- }
78
- .td-circle,
79
- .td-complete {
80
- font-size: 14px;
81
- }
82
- .td-step-label-wrapper {
83
- padding-left: 8px;
84
- padding-right: 8px;
85
- }
86
- .td-step-header-separator {
87
- flex: 1;
88
- box-sizing: border-box;
89
- }
90
- }
@@ -1,97 +0,0 @@
1
- import { TemplateRef, ViewContainerRef, OnInit } from '@angular/core';
2
- import { EventEmitter } from '@angular/core';
3
- import { TemplatePortalDirective, TemplatePortal } from '@angular/cdk/portal';
4
- import { ICanDisable, ICanDisableRipple } from '@covalent/core/common';
5
- export declare enum StepState {
6
- None = "none",
7
- Required = "required",
8
- Complete = "complete"
9
- }
10
- export declare class TdStepLabelDirective extends TemplatePortalDirective {
11
- constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
12
- }
13
- export declare class TdStepActionsDirective extends TemplatePortalDirective {
14
- constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
15
- }
16
- export declare class TdStepSummaryDirective extends TemplatePortalDirective {
17
- constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
18
- }
19
- export declare class TdStepBase {
20
- }
21
- export declare const _TdStepMixinBase: (new (...args: any[]) => ICanDisableRipple) & (new (...args: any[]) => ICanDisable) & typeof TdStepBase;
22
- export declare class TdStepComponent extends _TdStepMixinBase implements OnInit, ICanDisable, ICanDisableRipple {
23
- private _viewContainerRef;
24
- private _active;
25
- private _state;
26
- private _contentPortal;
27
- get stepContent(): TemplatePortal<any>;
28
- _content: TemplateRef<any>;
29
- stepLabel: TdStepLabelDirective;
30
- stepActions: TdStepActionsDirective;
31
- stepSummary: TdStepSummaryDirective;
32
- /**
33
- * label?: string
34
- * Sets label of [TdStepComponent] header.
35
- * Defaults to 'Step #'
36
- */
37
- label: string;
38
- /**
39
- * sublabel?: string
40
- * Sets sublabel of [TdStepComponent] header.
41
- */
42
- sublabel: string;
43
- /**
44
- * active?: boolean
45
- * Toggles [TdStepComponent] between active/deactive.
46
- */
47
- set active(active: boolean);
48
- get active(): boolean;
49
- /**
50
- * state?: StepState or ['none' | 'required' | 'complete']
51
- * Sets state of [TdStepComponent] depending on value.
52
- * Defaults to [StepState.None | 'none'].
53
- */
54
- set state(state: StepState);
55
- get state(): StepState;
56
- /**
57
- * activated?: function
58
- * Event emitted when [TdStepComponent] is activated.
59
- */
60
- activated: EventEmitter<void>;
61
- /**
62
- * deactivated?: function
63
- * Event emitted when [TdStepComponent] is deactivated.
64
- */
65
- deactivated: EventEmitter<void>;
66
- constructor(_viewContainerRef: ViewContainerRef);
67
- ngOnInit(): void;
68
- /**
69
- * Toggle active state of [TdStepComponent]
70
- * retuns 'true' if successful, else 'false'.
71
- */
72
- toggle(): boolean;
73
- /**
74
- * Opens [TdStepComponent]
75
- * retuns 'true' if successful, else 'false'.
76
- */
77
- open(): boolean;
78
- /**
79
- * Closes [TdStepComponent]
80
- * retuns 'true' if successful, else 'false'.
81
- */
82
- close(): boolean;
83
- /**
84
- * Returns 'true' if [state] equals to [StepState.Complete | 'complete'], else 'false'.
85
- */
86
- isComplete(): boolean;
87
- /** Method executed when the disabled value changes */
88
- onDisabledChange(v: boolean): void;
89
- /**
90
- * Method to change active state internally and emit the [activated] event if 'true' or [deactivated]
91
- * event if 'false'. (Blocked if [disabled] is 'true')
92
- * returns true if successfully changed state
93
- */
94
- private _setActive;
95
- private _onActivated;
96
- private _onDeactivated;
97
- }
@@ -1,60 +0,0 @@
1
- import { OnDestroy, AfterContentInit } from '@angular/core';
2
- import { EventEmitter, QueryList } from '@angular/core';
3
- import { TdStepComponent } from './step.component';
4
- export interface IStepChangeEvent {
5
- newStep: TdStepComponent;
6
- prevStep: TdStepComponent;
7
- }
8
- export declare enum StepMode {
9
- Vertical = "vertical",
10
- Horizontal = "horizontal"
11
- }
12
- export declare class TdStepsComponent implements OnDestroy, AfterContentInit {
13
- private _subcriptions;
14
- private _mode;
15
- private _steps;
16
- set stepsContent(steps: QueryList<TdStepComponent>);
17
- get steps(): TdStepComponent[];
18
- prevStep: TdStepComponent;
19
- /**
20
- * mode?: StepMode or ["vertical" | "horizontal"]
21
- * Defines if the mode of the [TdStepsComponent]. Defaults to [StepMode.Vertical | "vertical"]
22
- */
23
- set mode(mode: StepMode);
24
- get mode(): StepMode;
25
- /**
26
- * stepChange?: function
27
- * Method to be executed when [stepChange] event is emitted.
28
- * Emits an [IStepChangeEvent] implemented object.
29
- */
30
- stepChange: EventEmitter<IStepChangeEvent>;
31
- /**
32
- * Executed after content is initialized, loops through any [TdStepComponent] children elements,
33
- * assigns them a number and subscribes as an observer to their [activated] event.
34
- */
35
- ngAfterContentInit(): void;
36
- /**
37
- * Unsubscribes from [TdStepComponent] children elements when component is destroyed.
38
- */
39
- ngOnDestroy(): void;
40
- /**
41
- * Returns 'true' if [mode] equals to [StepMode.Horizontal | 'horizontal'], else 'false'.
42
- */
43
- isHorizontal(): boolean;
44
- /**
45
- * Returns 'true' if [mode] equals to [StepMode.Vertical | 'vertical'], else 'false'.
46
- */
47
- isVertical(): boolean;
48
- areStepsActive(): boolean;
49
- /**
50
- * Wraps previous and new [TdStepComponent] numbers in an object that implements [IStepChangeEvent]
51
- * and emits [stepChange] event.
52
- */
53
- private _onStepSelection;
54
- /**
55
- * Loops through [TdStepComponent] children elements and deactivates them ignoring the one passed as an argument.
56
- */
57
- private _deactivateAllBut;
58
- private _registerSteps;
59
- private _deregisterSteps;
60
- }
@@ -1,55 +0,0 @@
1
- .td-line-wrapper,
2
- .td-step {
3
- position: relative;
4
- }
5
-
6
- .td-steps-header {
7
- // layout
8
- box-sizing: border-box;
9
- display: flex;
10
- // layout="row"
11
- flex-direction: row;
12
- }
13
-
14
- .td-line-wrapper {
15
- width: 24px;
16
- min-height: 1px;
17
- }
18
-
19
- .td-horizontal-line {
20
- border-bottom-width: 1px;
21
- border-bottom-style: solid;
22
- height: 1px;
23
- position: relative;
24
- top: 36px;
25
- ::ng-deep :not([dir='rtl']) & {
26
- left: -6px;
27
- right: -3px;
28
- }
29
- ::ng-deep [dir='rtl'] & {
30
- left: -3px;
31
- right: -6px;
32
- }
33
-
34
- min-width: 15px;
35
- // flex
36
- flex: 1;
37
- box-sizing: border-box;
38
- }
39
-
40
- .td-vertical-line {
41
- position: absolute;
42
- ::ng-deep :not([dir='rtl']) & {
43
- left: 20px;
44
- right: auto;
45
- }
46
- ::ng-deep [dir='rtl'] & {
47
- left: auto;
48
- right: 20px;
49
- }
50
-
51
- bottom: -16px;
52
- top: -16px;
53
- border-left-width: 1px;
54
- border-left-style: solid;
55
- }
@@ -1,2 +0,0 @@
1
- export declare class CovalentStepsModule {
2
- }
@@ -1,93 +0,0 @@
1
- # td-tab-select
2
-
3
- `td-tab-select` element generates a tab group component that behaves like a `mat-select`.
4
-
5
- ## API Summary
6
-
7
- #### Inputs
8
-
9
- + value?: any
10
- + Sets the value of the component.
11
- + disabled?: boolean
12
- + Sets disabled state of the component.
13
- + disabledRipple?: boolean
14
- + Disables ripple effect on component.
15
- + stretchTabs?: boolean
16
- + Makes the tabs stretch to fit the parent container.
17
- + color?: ThemePalette
18
- + Color of the tab group.
19
- + backgroundColor?: ThemePalette
20
- + Background color of the tab group.
21
-
22
- #### Events
23
-
24
- + valueChange: function(value: any)
25
- + Event that emits whenever the raw value of the select changes.
26
- + This is here primarily to facilitate the two-way binding for the `value` input.
27
-
28
- # td-tab-option
29
-
30
- `td-tab-option` element generates a tab component to which a value can be binded to.
31
-
32
- ## API Summary
33
-
34
- #### Inputs
35
-
36
- + value?: any
37
- + Bind a value to the component.
38
- + disabled?: boolean
39
- + Sets disabled state of the component.
40
-
41
- ## Setup
42
-
43
- Import the [CovalentTabSelectModule] in your NgModule:
44
-
45
- ```typescript
46
- import { CovalentTabSelectModule } from '@covalent/core/tab-select';
47
- @NgModule({
48
- imports: [
49
- CovalentTabSelectModule,
50
- ...
51
- ],
52
- ...
53
- })
54
- export class MyModule {}
55
- ```
56
-
57
- ## Usage
58
-
59
- Example without forms:
60
-
61
- ```html
62
- <td-tab-select [(value)]="myValue">
63
- <td-tab-option [value]="1">Label 1</td-tab-option>
64
- <td-tab-option [value]="2">Label 2</td-tab-option>
65
- <td-tab-option [value]="3">Label 3</td-tab-option>
66
- </td-tab-select>
67
- ```
68
-
69
- Example with forms:
70
-
71
- ```html
72
- <td-tab-select [(ngModel)]="myValue">
73
- <td-tab-option [value]="1">Label 1</td-tab-option>
74
- <td-tab-option [value]="2">Label 2</td-tab-option>
75
- <td-tab-option [value]="3">Label 3</td-tab-option>
76
- </td-tab-select>
77
- ```
78
-
79
- Example with all inputs/outputs:
80
-
81
- ```html
82
- <td-tab-select [value]="myValue"
83
- [backgroundColor]="'primary'"
84
- [color]="'accent'"
85
- [disabled]="false"
86
- [disabledRipple]="false"
87
- [stretchTabs]="true"
88
- (valueChange)="myValue = $event">
89
- <td-tab-option [value]="1" [disabled]="false">Label 1</td-tab-option>
90
- <td-tab-option [value]="2">Label 2</td-tab-option>
91
- <td-tab-option [value]="3" [disabled]="true">Label 3</td-tab-option>
92
- </td-tab-select>
93
- ```
@@ -1,4 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './index';
@@ -1 +0,0 @@
1
- {"__symbolic":"module","version":4,"metadata":{"CovalentTabSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TdTabSelectComponent"},{"__symbolic":"reference","name":"TdTabOptionComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"TdTabSelectComponent"},{"__symbolic":"reference","name":"TdTabOptionComponent"}]}]}],"members":{}},"TdTabSelectBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":41}]}]}},"_TdTabSelectMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":42,"character":37},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":42,"character":63},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisableRipple","line":42,"character":77},"arguments":[{"__symbolic":"reference","name":"TdTabSelectBase"}]}]}]},"TdTabSelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdTabSelectMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":48,"character":15},"useExisting":{"__symbolic":"reference","name":"TdTabSelectComponent"},"multi":true}],"selector":"td-tab-select","inputs":["value","disabled","disableRipple"],"template":"<mat-tab-group\n [attr.mat-stretch-tabs]=\"stretchTabs ? true : undefined\"\n [backgroundColor]=\"backgroundColor\"\n [color]=\"color\"\n [disableRipple]=\"disableRipple\"\n [selectedIndex]=\"selectedIndex\"\n (selectedIndexChange)=\"selectedIndexChange($event)\"\n>\n <ng-template let-tabOption ngFor [ngForOf]=\"tabOptions\">\n <mat-tab [disabled]=\"tabOption.disabled || disabled\">\n <ng-template matTabLabel>\n <ng-template *ngIf=\"tabOption.content\" [cdkPortalOutlet]=\"tabOption.content\"></ng-template>\n </ng-template>\n </mat-tab>\n </ng-template>\n</mat-tab-group>\n","styles":[":host::ng-deep>.mat-tab-group>.mat-tab-body-wrapper{display:none}"]}]}],"members":{"_matTabGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":70,"character":13},{"static":true}]}]}],"_tabOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":79,"character":3},"arguments":[{"__symbolic":"reference","name":"TdTabOptionComponent"},{"descendants":true}]}]}],"stretchTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3},"arguments":["stretchTabs"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":112,"character":70},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":112,"character":99}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectedIndexChange":[{"__symbolic":"method"}],"_refreshValues":[{"__symbolic":"method"}],"_setValue":[{"__symbolic":"method"}]}},"TdTabOptionBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":15,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":15,"character":85}]}]}},"_TdTabOptionMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":19,"character":37},"arguments":[{"__symbolic":"reference","name":"TdTabOptionBase"}]},"TdTabOptionComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdTabOptionMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"td-tab-option","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"inputs":["disabled"],"template":"<ng-template>\n <ng-content></ng-content>\n</ng-template>\n","styles":[""]}]}],"members":{"_content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":35,"character":13},{"static":true}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":15,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":15,"character":85}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"CovalentTabSelectModule":"./tab-select.module","TdTabSelectBase":"./tab-select.component","_TdTabSelectMixinBase":"./tab-select.component","TdTabSelectComponent":"./tab-select.component","TdTabOptionBase":"./tab-option.component","_TdTabOptionMixinBase":"./tab-option.component","TdTabOptionComponent":"./tab-option.component"},"importAs":"@covalent/core/tab-select"}
@@ -1 +0,0 @@
1
- export * from './public-api';
@@ -1,11 +0,0 @@
1
- {
2
- "main": "../bundles/covalent-core-tab-select.umd.js",
3
- "module": "../fesm2015/covalent-core-tab-select.js",
4
- "es2015": "../fesm2015/covalent-core-tab-select.js",
5
- "esm2015": "../esm2015/tab-select/covalent-core-tab-select.js",
6
- "fesm2015": "../fesm2015/covalent-core-tab-select.js",
7
- "typings": "covalent-core-tab-select.d.ts",
8
- "metadata": "covalent-core-tab-select.metadata.json",
9
- "sideEffects": false,
10
- "name": "@covalent/core/tab-select"
11
- }
@@ -1,3 +0,0 @@
1
- export * from './tab-select.module';
2
- export * from './tab-select.component';
3
- export * from './tab-option.component';
@@ -1,20 +0,0 @@
1
- import { ChangeDetectorRef, TemplateRef, OnInit, ViewContainerRef } from '@angular/core';
2
- import { TemplatePortal } from '@angular/cdk/portal';
3
- import { ICanDisable } from '@covalent/core/common';
4
- export declare class TdTabOptionBase {
5
- _viewContainerRef: ViewContainerRef;
6
- _changeDetectorRef: ChangeDetectorRef;
7
- constructor(_viewContainerRef: ViewContainerRef, _changeDetectorRef: ChangeDetectorRef);
8
- }
9
- export declare const _TdTabOptionMixinBase: (new (...args: any[]) => ICanDisable) & typeof TdTabOptionBase;
10
- export declare class TdTabOptionComponent extends _TdTabOptionMixinBase implements ICanDisable, OnInit {
11
- private _contentPortal;
12
- get content(): TemplatePortal<any>;
13
- _content: TemplateRef<any>;
14
- /**
15
- * Value to which the option will be binded to.
16
- */
17
- value: any;
18
- constructor(_viewContainerRef: ViewContainerRef, _changeDetectorRef: ChangeDetectorRef);
19
- ngOnInit(): void;
20
- }
File without changes
@@ -1,62 +0,0 @@
1
- import { ChangeDetectorRef, QueryList, OnInit, AfterContentInit, EventEmitter, OnDestroy, ElementRef, NgZone } from '@angular/core';
2
- import { ThemePalette } from '@angular/material/core';
3
- import { MatTabGroup } from '@angular/material/tabs';
4
- import { ICanDisable, IControlValueAccessor, ICanDisableRipple } from '@covalent/core/common';
5
- import { TdTabOptionComponent } from './tab-option.component';
6
- export declare class TdTabSelectBase {
7
- _changeDetectorRef: ChangeDetectorRef;
8
- constructor(_changeDetectorRef: ChangeDetectorRef);
9
- }
10
- export declare const _TdTabSelectMixinBase: (new (...args: any[]) => IControlValueAccessor) & (new (...args: any[]) => ICanDisable) & (new (...args: any[]) => ICanDisableRipple) & typeof TdTabSelectBase;
11
- export declare class TdTabSelectComponent extends _TdTabSelectMixinBase implements IControlValueAccessor, ICanDisable, ICanDisableRipple, OnInit, AfterContentInit, OnDestroy {
12
- private _ngZone;
13
- private _elementRef;
14
- private _destroy;
15
- private _widthSubject;
16
- private _values;
17
- private _selectedIndex;
18
- private _stretchTabs;
19
- _matTabGroup: MatTabGroup;
20
- get selectedIndex(): number;
21
- /**
22
- * Gets all tab option children
23
- */
24
- readonly _tabOptions: QueryList<TdTabOptionComponent>;
25
- get tabOptions(): TdTabOptionComponent[];
26
- /**
27
- * Makes the tabs stretch to fit the parent container.
28
- */
29
- set stretchTabs(stretchTabs: boolean);
30
- get stretchTabs(): boolean;
31
- /**
32
- * Color of the tab group.
33
- */
34
- color: ThemePalette;
35
- /**
36
- * Background color of the tab group.
37
- */
38
- backgroundColor: ThemePalette;
39
- /**
40
- * Event that emits whenever the raw value of the select changes. This is here primarily
41
- * to facilitate the two-way binding for the `value` input.
42
- */
43
- readonly valueChange: EventEmitter<any>;
44
- constructor(_changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _elementRef: ElementRef);
45
- ngOnInit(): void;
46
- ngAfterContentInit(): void;
47
- ngOnDestroy(): void;
48
- /**
49
- * Method executed when user selects a different tab
50
- * This updates the new selectedIndex and infers what value should be mapped to.
51
- */
52
- selectedIndexChange(selectedIndex: number): void;
53
- /**
54
- * Refresh the values array whenever the number of tabs gets updated
55
- */
56
- private _refreshValues;
57
- /**
58
- * Try to set value depending if its part of our options
59
- * else set the value of the first tab.
60
- */
61
- private _setValue;
62
- }
@@ -1,3 +0,0 @@
1
- :host::ng-deep > .mat-tab-group > .mat-tab-body-wrapper {
2
- display: none;
3
- }
@@ -1,2 +0,0 @@
1
- export declare class CovalentTabSelectModule {
2
- }
@@ -1,68 +0,0 @@
1
- # td-virtual-scroll-container
2
-
3
- `td-virtual-scroll-container` element calculates the items that fit in the viewport and only renders those, improving resource efficiency in long lists.
4
-
5
- **NOTE:** every row has to have the same height, since there are some calculations assumed for the total scroll height.
6
-
7
- ## API Summary
8
-
9
- #### Inputs
10
-
11
- + data?: any[]
12
- + List of items to virtually iterate on.
13
- + trackBy?: TrackByFunction
14
- + This accepts the same trackBy function [ngFor] does.
15
-
16
- #### Events
17
-
18
- + bottom?: function
19
- + Method to be executed when user scrolled to the last item of the list. No value is emitted.
20
- + An [ITdVirtualScrollBottomEvent] event is emitted
21
-
22
- #### Methods
23
-
24
- + refresh?: function()
25
- + Method to refresh and recalculate the virtual rows
26
- + scrollTo?: function(row: number)
27
- + Method to scroll to a specific row of the list.
28
- + scrollToStart?: function()
29
- + Method to scroll to the start of the list.
30
- + scrollToEnd?: function()
31
- + Method to scroll to the end of the list.
32
-
33
- ## Setup
34
-
35
- Import the [CovalentVirtualScrollModule] in your NgModule:
36
-
37
- ```typescript
38
- import { CovalentVirtualScrollModule } from '@covalent/core/virtual-scroll';
39
- @NgModule({
40
- imports: [
41
- CovalentVirtualScrollModule,
42
- ...
43
- ],
44
- ...
45
- })
46
- export class MyModule {}
47
- ```
48
-
49
- ## Usage
50
-
51
- Example for HTML usage:
52
-
53
- ```html
54
- <td-virtual-scroll-container [style.height.px]="400"
55
- [data]="data"
56
- [trackBy]="trackByFn"
57
- (bottom)="fetchMoreData()">
58
- <ng-template let-row="row"
59
- let-index="index"
60
- let-first="first"
61
- let-last="last"
62
- let-odd="odd"
63
- let-even="even"
64
- tdVirtualScrollRow>
65
- {{row}}
66
- </ng-template>
67
- </td-virtual-scroll-container>
68
- ```
@@ -1,4 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './index';
@@ -1 +0,0 @@
1
- {"__symbolic":"module","version":4,"metadata":{"CovalentVirtualScrollModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12}],"declarations":[[{"__symbolic":"reference","name":"TdVirtualScrollRowDirective"},{"__symbolic":"reference","name":"TdVirtualScrollContainerComponent"}]],"exports":[[{"__symbolic":"reference","name":"TdVirtualScrollRowDirective"},{"__symbolic":"reference","name":"TdVirtualScrollContainerComponent"}]]}]}],"members":{}},"ITdVirtualScrollBottomEvent":{"__symbolic":"interface"},"TdVirtualScrollContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"td-virtual-scroll-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":39,"character":19},"member":"OnPush"},"template":"<div [style.height.px]=\"totalHeight\"></div>\n<div [style.transform]=\"offsetTransform\" [style.position]=\"'absolute'\" [style.width.%]=\"100\">\n <ng-template let-row let-index=\"index\" ngFor [ngForOf]=\"virtualData\" [ngForTrackBy]=\"trackBy\">\n <div #rowElement [style.width.%]=\"100\">\n <ng-template\n *ngIf=\"_rowTemplate\"\n [ngTemplateOutlet]=\"_rowTemplate.templateRef\"\n [ngTemplateOutletContext]=\"{\n row: row,\n index: fromRow + index,\n first: fromRow + index === 0,\n last: fromRow + index === data.length - 1,\n odd: (fromRow + index + 1) % 2 === 1,\n even: (fromRow + index + 1) % 2 === 0\n }\"\n ></ng-template>\n </div>\n </ng-template>\n</div>\n","styles":[":host{display:block;height:100%;overflow:auto;position:relative;width:100%}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["data"]}]}],"bottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"_rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":84,"character":3},"arguments":["rowElement"]}]}],"_rowTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":86,"character":3},"arguments":[{"__symbolic":"reference","name":"TdVirtualScrollRowDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":112,"character":25},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":113,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":114,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":115,"character":32}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"handleScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":164,"character":3},"arguments":["scroll",["$event"]]}]}],"refresh":[{"__symbolic":"method"}],"scrollTo":[{"__symbolic":"method"}],"scrollToStart":[{"__symbolic":"method"}],"scrollToEnd":[{"__symbolic":"method"}],"_calculateVirtualRows":[{"__symbolic":"method"}]}},"TdVirtualScrollRowDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":4,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[tdVirtualScrollRow]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":5,"character":63}]}]}}},"origins":{"CovalentVirtualScrollModule":"./virtual-scroll.module","ITdVirtualScrollBottomEvent":"./virtual-scroll-container.component","TdVirtualScrollContainerComponent":"./virtual-scroll-container.component","TdVirtualScrollRowDirective":"./virtual-scroll-row.directive"},"importAs":"@covalent/core/virtual-scroll"}
@@ -1 +0,0 @@
1
- export * from './public-api';
@@ -1,11 +0,0 @@
1
- {
2
- "main": "../bundles/covalent-core-virtual-scroll.umd.js",
3
- "module": "../fesm2015/covalent-core-virtual-scroll.js",
4
- "es2015": "../fesm2015/covalent-core-virtual-scroll.js",
5
- "esm2015": "../esm2015/virtual-scroll/covalent-core-virtual-scroll.js",
6
- "fesm2015": "../fesm2015/covalent-core-virtual-scroll.js",
7
- "typings": "covalent-core-virtual-scroll.d.ts",
8
- "metadata": "covalent-core-virtual-scroll.metadata.json",
9
- "sideEffects": false,
10
- "name": "@covalent/core/virtual-scroll"
11
- }
@@ -1,3 +0,0 @@
1
- export * from './virtual-scroll.module';
2
- export * from './virtual-scroll-container.component';
3
- export * from './virtual-scroll-row.directive';