@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,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';