@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,1756 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/portal'), require('@angular/cdk/scrolling'), require('@angular/material/icon'), require('@angular/material/core'), require('@covalent/core/common'), require('@angular/cdk/coercion'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/bidi'), require('@angular/cdk/keycodes')) :
3
- typeof define === 'function' && define.amd ? define('@covalent/core/steps', ['exports', '@angular/core', '@angular/common', '@angular/cdk/portal', '@angular/cdk/scrolling', '@angular/material/icon', '@angular/material/core', '@covalent/core/common', '@angular/cdk/coercion', 'rxjs', 'rxjs/operators', '@angular/cdk/bidi', '@angular/cdk/keycodes'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.steps = {}), global.ng.core, global.ng.common, global.ng.cdk.portal, global.ng.cdk.scrolling, global.ng.material.icon, global.ng.material.core, global.covalent.core.common, global.ng.cdk.coercion, global.rxjs, global.rxjs.operators, global.ng.cdk.bidi, global.ng.cdk.keycodes));
5
- }(this, (function (exports, core, common$1, portal, scrolling, icon, core$1, common, coercion, rxjs, operators, bidi, keycodes) { 'use strict';
6
-
7
- /*! *****************************************************************************
8
- Copyright (c) Microsoft Corporation.
9
-
10
- Permission to use, copy, modify, and/or distribute this software for any
11
- purpose with or without fee is hereby granted.
12
-
13
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
14
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
15
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
16
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
17
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
18
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
19
- PERFORMANCE OF THIS SOFTWARE.
20
- ***************************************************************************** */
21
- /* global Reflect, Promise */
22
- var extendStatics = function (d, b) {
23
- extendStatics = Object.setPrototypeOf ||
24
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
25
- function (d, b) { for (var p in b)
26
- if (Object.prototype.hasOwnProperty.call(b, p))
27
- d[p] = b[p]; };
28
- return extendStatics(d, b);
29
- };
30
- function __extends(d, b) {
31
- extendStatics(d, b);
32
- function __() { this.constructor = d; }
33
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
34
- }
35
- var __assign = function () {
36
- __assign = Object.assign || function __assign(t) {
37
- for (var s, i = 1, n = arguments.length; i < n; i++) {
38
- s = arguments[i];
39
- for (var p in s)
40
- if (Object.prototype.hasOwnProperty.call(s, p))
41
- t[p] = s[p];
42
- }
43
- return t;
44
- };
45
- return __assign.apply(this, arguments);
46
- };
47
- function __rest(s, e) {
48
- var t = {};
49
- for (var p in s)
50
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
51
- t[p] = s[p];
52
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
53
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
54
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
55
- t[p[i]] = s[p[i]];
56
- }
57
- return t;
58
- }
59
- function __decorate(decorators, target, key, desc) {
60
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
61
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
62
- r = Reflect.decorate(decorators, target, key, desc);
63
- else
64
- for (var i = decorators.length - 1; i >= 0; i--)
65
- if (d = decorators[i])
66
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
67
- return c > 3 && r && Object.defineProperty(target, key, r), r;
68
- }
69
- function __param(paramIndex, decorator) {
70
- return function (target, key) { decorator(target, key, paramIndex); };
71
- }
72
- function __metadata(metadataKey, metadataValue) {
73
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
74
- return Reflect.metadata(metadataKey, metadataValue);
75
- }
76
- function __awaiter(thisArg, _arguments, P, generator) {
77
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
78
- return new (P || (P = Promise))(function (resolve, reject) {
79
- function fulfilled(value) { try {
80
- step(generator.next(value));
81
- }
82
- catch (e) {
83
- reject(e);
84
- } }
85
- function rejected(value) { try {
86
- step(generator["throw"](value));
87
- }
88
- catch (e) {
89
- reject(e);
90
- } }
91
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
92
- step((generator = generator.apply(thisArg, _arguments || [])).next());
93
- });
94
- }
95
- function __generator(thisArg, body) {
96
- var _ = { label: 0, sent: function () { if (t[0] & 1)
97
- throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
98
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
99
- function verb(n) { return function (v) { return step([n, v]); }; }
100
- function step(op) {
101
- if (f)
102
- throw new TypeError("Generator is already executing.");
103
- while (_)
104
- try {
105
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
106
- return t;
107
- if (y = 0, t)
108
- op = [op[0] & 2, t.value];
109
- switch (op[0]) {
110
- case 0:
111
- case 1:
112
- t = op;
113
- break;
114
- case 4:
115
- _.label++;
116
- return { value: op[1], done: false };
117
- case 5:
118
- _.label++;
119
- y = op[1];
120
- op = [0];
121
- continue;
122
- case 7:
123
- op = _.ops.pop();
124
- _.trys.pop();
125
- continue;
126
- default:
127
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
128
- _ = 0;
129
- continue;
130
- }
131
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
132
- _.label = op[1];
133
- break;
134
- }
135
- if (op[0] === 6 && _.label < t[1]) {
136
- _.label = t[1];
137
- t = op;
138
- break;
139
- }
140
- if (t && _.label < t[2]) {
141
- _.label = t[2];
142
- _.ops.push(op);
143
- break;
144
- }
145
- if (t[2])
146
- _.ops.pop();
147
- _.trys.pop();
148
- continue;
149
- }
150
- op = body.call(thisArg, _);
151
- }
152
- catch (e) {
153
- op = [6, e];
154
- y = 0;
155
- }
156
- finally {
157
- f = t = 0;
158
- }
159
- if (op[0] & 5)
160
- throw op[1];
161
- return { value: op[0] ? op[1] : void 0, done: true };
162
- }
163
- }
164
- var __createBinding = Object.create ? (function (o, m, k, k2) {
165
- if (k2 === undefined)
166
- k2 = k;
167
- Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
168
- }) : (function (o, m, k, k2) {
169
- if (k2 === undefined)
170
- k2 = k;
171
- o[k2] = m[k];
172
- });
173
- function __exportStar(m, o) {
174
- for (var p in m)
175
- if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
176
- __createBinding(o, m, p);
177
- }
178
- function __values(o) {
179
- var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
180
- if (m)
181
- return m.call(o);
182
- if (o && typeof o.length === "number")
183
- return {
184
- next: function () {
185
- if (o && i >= o.length)
186
- o = void 0;
187
- return { value: o && o[i++], done: !o };
188
- }
189
- };
190
- throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
191
- }
192
- function __read(o, n) {
193
- var m = typeof Symbol === "function" && o[Symbol.iterator];
194
- if (!m)
195
- return o;
196
- var i = m.call(o), r, ar = [], e;
197
- try {
198
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
199
- ar.push(r.value);
200
- }
201
- catch (error) {
202
- e = { error: error };
203
- }
204
- finally {
205
- try {
206
- if (r && !r.done && (m = i["return"]))
207
- m.call(i);
208
- }
209
- finally {
210
- if (e)
211
- throw e.error;
212
- }
213
- }
214
- return ar;
215
- }
216
- function __spread() {
217
- for (var ar = [], i = 0; i < arguments.length; i++)
218
- ar = ar.concat(__read(arguments[i]));
219
- return ar;
220
- }
221
- function __spreadArrays() {
222
- for (var s = 0, i = 0, il = arguments.length; i < il; i++)
223
- s += arguments[i].length;
224
- for (var r = Array(s), k = 0, i = 0; i < il; i++)
225
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
226
- r[k] = a[j];
227
- return r;
228
- }
229
- ;
230
- function __await(v) {
231
- return this instanceof __await ? (this.v = v, this) : new __await(v);
232
- }
233
- function __asyncGenerator(thisArg, _arguments, generator) {
234
- if (!Symbol.asyncIterator)
235
- throw new TypeError("Symbol.asyncIterator is not defined.");
236
- var g = generator.apply(thisArg, _arguments || []), i, q = [];
237
- return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
238
- function verb(n) { if (g[n])
239
- i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
240
- function resume(n, v) { try {
241
- step(g[n](v));
242
- }
243
- catch (e) {
244
- settle(q[0][3], e);
245
- } }
246
- function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
247
- function fulfill(value) { resume("next", value); }
248
- function reject(value) { resume("throw", value); }
249
- function settle(f, v) { if (f(v), q.shift(), q.length)
250
- resume(q[0][0], q[0][1]); }
251
- }
252
- function __asyncDelegator(o) {
253
- var i, p;
254
- return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
255
- function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
256
- }
257
- function __asyncValues(o) {
258
- if (!Symbol.asyncIterator)
259
- throw new TypeError("Symbol.asyncIterator is not defined.");
260
- var m = o[Symbol.asyncIterator], i;
261
- return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
262
- function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
263
- function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
264
- }
265
- function __makeTemplateObject(cooked, raw) {
266
- if (Object.defineProperty) {
267
- Object.defineProperty(cooked, "raw", { value: raw });
268
- }
269
- else {
270
- cooked.raw = raw;
271
- }
272
- return cooked;
273
- }
274
- ;
275
- var __setModuleDefault = Object.create ? (function (o, v) {
276
- Object.defineProperty(o, "default", { enumerable: true, value: v });
277
- }) : function (o, v) {
278
- o["default"] = v;
279
- };
280
- function __importStar(mod) {
281
- if (mod && mod.__esModule)
282
- return mod;
283
- var result = {};
284
- if (mod != null)
285
- for (var k in mod)
286
- if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
287
- __createBinding(result, mod, k);
288
- __setModuleDefault(result, mod);
289
- return result;
290
- }
291
- function __importDefault(mod) {
292
- return (mod && mod.__esModule) ? mod : { default: mod };
293
- }
294
- function __classPrivateFieldGet(receiver, privateMap) {
295
- if (!privateMap.has(receiver)) {
296
- throw new TypeError("attempted to get private field on non-instance");
297
- }
298
- return privateMap.get(receiver);
299
- }
300
- function __classPrivateFieldSet(receiver, privateMap, value) {
301
- if (!privateMap.has(receiver)) {
302
- throw new TypeError("attempted to set private field on non-instance");
303
- }
304
- privateMap.set(receiver, value);
305
- return value;
306
- }
307
-
308
- /** @enum {string} */
309
- var StepState = {
310
- None: "none",
311
- Required: "required",
312
- Complete: "complete",
313
- };
314
- var TdStepLabelDirective = /** @class */ (function (_super) {
315
- __extends(TdStepLabelDirective, _super);
316
- /**
317
- * @param {?} templateRef
318
- * @param {?} viewContainerRef
319
- */
320
- function TdStepLabelDirective(templateRef, viewContainerRef) {
321
- return _super.call(this, templateRef, viewContainerRef) || this;
322
- }
323
- return TdStepLabelDirective;
324
- }(portal.TemplatePortalDirective));
325
- TdStepLabelDirective.decorators = [
326
- { type: core.Directive, args: [{
327
- selector: '[td-step-label]ng-template',
328
- },] }
329
- ];
330
- /** @nocollapse */
331
- TdStepLabelDirective.ctorParameters = function () { return [
332
- { type: core.TemplateRef },
333
- { type: core.ViewContainerRef }
334
- ]; };
335
- var TdStepActionsDirective = /** @class */ (function (_super) {
336
- __extends(TdStepActionsDirective, _super);
337
- /**
338
- * @param {?} templateRef
339
- * @param {?} viewContainerRef
340
- */
341
- function TdStepActionsDirective(templateRef, viewContainerRef) {
342
- return _super.call(this, templateRef, viewContainerRef) || this;
343
- }
344
- return TdStepActionsDirective;
345
- }(portal.TemplatePortalDirective));
346
- TdStepActionsDirective.decorators = [
347
- { type: core.Directive, args: [{
348
- selector: '[td-step-actions]ng-template',
349
- },] }
350
- ];
351
- /** @nocollapse */
352
- TdStepActionsDirective.ctorParameters = function () { return [
353
- { type: core.TemplateRef },
354
- { type: core.ViewContainerRef }
355
- ]; };
356
- var TdStepSummaryDirective = /** @class */ (function (_super) {
357
- __extends(TdStepSummaryDirective, _super);
358
- /**
359
- * @param {?} templateRef
360
- * @param {?} viewContainerRef
361
- */
362
- function TdStepSummaryDirective(templateRef, viewContainerRef) {
363
- return _super.call(this, templateRef, viewContainerRef) || this;
364
- }
365
- return TdStepSummaryDirective;
366
- }(portal.TemplatePortalDirective));
367
- TdStepSummaryDirective.decorators = [
368
- { type: core.Directive, args: [{
369
- selector: '[td-step-summary]ng-template',
370
- },] }
371
- ];
372
- /** @nocollapse */
373
- TdStepSummaryDirective.ctorParameters = function () { return [
374
- { type: core.TemplateRef },
375
- { type: core.ViewContainerRef }
376
- ]; };
377
- var TdStepBase = /** @class */ (function () {
378
- function TdStepBase() {
379
- }
380
- return TdStepBase;
381
- }());
382
- /* tslint:disable-next-line */
383
- /** @type {?} */
384
- var _TdStepMixinBase = common.mixinDisableRipple(common.mixinDisabled(TdStepBase));
385
- var TdStepComponent = /** @class */ (function (_super) {
386
- __extends(TdStepComponent, _super);
387
- /**
388
- * @param {?} _viewContainerRef
389
- */
390
- function TdStepComponent(_viewContainerRef) {
391
- var _this = _super.call(this) || this;
392
- _this._viewContainerRef = _viewContainerRef;
393
- _this._active = false;
394
- _this._state = StepState.None;
395
- /**
396
- * activated?: function
397
- * Event emitted when [TdStepComponent] is activated.
398
- */
399
- _this.activated = new core.EventEmitter();
400
- /**
401
- * deactivated?: function
402
- * Event emitted when [TdStepComponent] is deactivated.
403
- */
404
- _this.deactivated = new core.EventEmitter();
405
- return _this;
406
- }
407
- Object.defineProperty(TdStepComponent.prototype, "stepContent", {
408
- /**
409
- * @return {?}
410
- */
411
- get: function () {
412
- return this._contentPortal;
413
- },
414
- enumerable: false,
415
- configurable: true
416
- });
417
- Object.defineProperty(TdStepComponent.prototype, "active", {
418
- /**
419
- * @return {?}
420
- */
421
- get: function () {
422
- return this._active;
423
- },
424
- /**
425
- * active?: boolean
426
- * Toggles [TdStepComponent] between active/deactive.
427
- * @param {?} active
428
- * @return {?}
429
- */
430
- set: function (active) {
431
- this._setActive(coercion.coerceBooleanProperty(active));
432
- },
433
- enumerable: false,
434
- configurable: true
435
- });
436
- Object.defineProperty(TdStepComponent.prototype, "state", {
437
- /**
438
- * @return {?}
439
- */
440
- get: function () {
441
- return this._state;
442
- },
443
- /**
444
- * state?: StepState or ['none' | 'required' | 'complete']
445
- * Sets state of [TdStepComponent] depending on value.
446
- * Defaults to [StepState.None | 'none'].
447
- * @param {?} state
448
- * @return {?}
449
- */
450
- set: function (state) {
451
- switch (state) {
452
- case StepState.Complete:
453
- this._state = StepState.Complete;
454
- break;
455
- case StepState.Required:
456
- this._state = StepState.Required;
457
- break;
458
- default:
459
- this._state = StepState.None;
460
- break;
461
- }
462
- },
463
- enumerable: false,
464
- configurable: true
465
- });
466
- /**
467
- * @return {?}
468
- */
469
- TdStepComponent.prototype.ngOnInit = function () {
470
- this._contentPortal = new portal.TemplatePortal(this._content, this._viewContainerRef);
471
- };
472
- /**
473
- * Toggle active state of [TdStepComponent]
474
- * retuns 'true' if successful, else 'false'.
475
- * @return {?}
476
- */
477
- TdStepComponent.prototype.toggle = function () {
478
- return this._setActive(!this._active);
479
- };
480
- /**
481
- * Opens [TdStepComponent]
482
- * retuns 'true' if successful, else 'false'.
483
- * @return {?}
484
- */
485
- TdStepComponent.prototype.open = function () {
486
- return this._setActive(true);
487
- };
488
- /**
489
- * Closes [TdStepComponent]
490
- * retuns 'true' if successful, else 'false'.
491
- * @return {?}
492
- */
493
- TdStepComponent.prototype.close = function () {
494
- return this._setActive(false);
495
- };
496
- /**
497
- * Returns 'true' if [state] equals to [StepState.Complete | 'complete'], else 'false'.
498
- * @return {?}
499
- */
500
- TdStepComponent.prototype.isComplete = function () {
501
- return this._state === StepState.Complete;
502
- };
503
- /**
504
- * Method executed when the disabled value changes
505
- * @param {?} v
506
- * @return {?}
507
- */
508
- TdStepComponent.prototype.onDisabledChange = function (v) {
509
- if (v && this._active) {
510
- this._active = false;
511
- this._onDeactivated();
512
- }
513
- };
514
- /**
515
- * Method to change active state internally and emit the [activated] event if 'true' or [deactivated]
516
- * event if 'false'. (Blocked if [disabled] is 'true')
517
- * returns true if successfully changed state
518
- * @private
519
- * @param {?} newActive
520
- * @return {?}
521
- */
522
- TdStepComponent.prototype._setActive = function (newActive) {
523
- if (this.disabled) {
524
- return false;
525
- }
526
- if (this._active !== newActive) {
527
- this._active = newActive;
528
- if (newActive) {
529
- this._onActivated();
530
- }
531
- else {
532
- this._onDeactivated();
533
- }
534
- return true;
535
- }
536
- return false;
537
- };
538
- /**
539
- * @private
540
- * @return {?}
541
- */
542
- TdStepComponent.prototype._onActivated = function () {
543
- this.activated.emit();
544
- };
545
- /**
546
- * @private
547
- * @return {?}
548
- */
549
- TdStepComponent.prototype._onDeactivated = function () {
550
- this.deactivated.emit();
551
- };
552
- return TdStepComponent;
553
- }(_TdStepMixinBase));
554
- TdStepComponent.decorators = [
555
- { type: core.Component, args: [{
556
- selector: 'td-step',
557
- inputs: ['disabled', 'disableRipple'],
558
- template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n"
559
- }] }
560
- ];
561
- /** @nocollapse */
562
- TdStepComponent.ctorParameters = function () { return [
563
- { type: core.ViewContainerRef }
564
- ]; };
565
- TdStepComponent.propDecorators = {
566
- _content: [{ type: core.ViewChild, args: [core.TemplateRef, { static: true },] }],
567
- stepLabel: [{ type: core.ContentChild, args: [TdStepLabelDirective,] }],
568
- stepActions: [{ type: core.ContentChild, args: [TdStepActionsDirective,] }],
569
- stepSummary: [{ type: core.ContentChild, args: [TdStepSummaryDirective,] }],
570
- label: [{ type: core.Input }],
571
- sublabel: [{ type: core.Input }],
572
- active: [{ type: core.Input, args: ['active',] }],
573
- state: [{ type: core.Input, args: ['state',] }],
574
- activated: [{ type: core.Output }],
575
- deactivated: [{ type: core.Output }]
576
- };
577
- if (false) {
578
- /**
579
- * @type {?}
580
- * @private
581
- */
582
- TdStepComponent.prototype._active;
583
- /**
584
- * @type {?}
585
- * @private
586
- */
587
- TdStepComponent.prototype._state;
588
- /**
589
- * @type {?}
590
- * @private
591
- */
592
- TdStepComponent.prototype._contentPortal;
593
- /** @type {?} */
594
- TdStepComponent.prototype._content;
595
- /** @type {?} */
596
- TdStepComponent.prototype.stepLabel;
597
- /** @type {?} */
598
- TdStepComponent.prototype.stepActions;
599
- /** @type {?} */
600
- TdStepComponent.prototype.stepSummary;
601
- /**
602
- * label?: string
603
- * Sets label of [TdStepComponent] header.
604
- * Defaults to 'Step #'
605
- * @type {?}
606
- */
607
- TdStepComponent.prototype.label;
608
- /**
609
- * sublabel?: string
610
- * Sets sublabel of [TdStepComponent] header.
611
- * @type {?}
612
- */
613
- TdStepComponent.prototype.sublabel;
614
- /**
615
- * activated?: function
616
- * Event emitted when [TdStepComponent] is activated.
617
- * @type {?}
618
- */
619
- TdStepComponent.prototype.activated;
620
- /**
621
- * deactivated?: function
622
- * Event emitted when [TdStepComponent] is deactivated.
623
- * @type {?}
624
- */
625
- TdStepComponent.prototype.deactivated;
626
- /**
627
- * @type {?}
628
- * @private
629
- */
630
- TdStepComponent.prototype._viewContainerRef;
631
- }
632
-
633
- /**
634
- * @fileoverview added by tsickle
635
- * Generated from: steps.component.ts
636
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
637
- */
638
- /**
639
- * @record
640
- */
641
- function IStepChangeEvent() { }
642
- if (false) {
643
- /** @type {?} */
644
- IStepChangeEvent.prototype.newStep;
645
- /** @type {?} */
646
- IStepChangeEvent.prototype.prevStep;
647
- }
648
- /** @enum {string} */
649
- var StepMode = {
650
- Vertical: "vertical",
651
- Horizontal: "horizontal",
652
- };
653
- var TdStepsComponent = /** @class */ (function () {
654
- function TdStepsComponent() {
655
- this._mode = StepMode.Vertical;
656
- /**
657
- * stepChange?: function
658
- * Method to be executed when [stepChange] event is emitted.
659
- * Emits an [IStepChangeEvent] implemented object.
660
- */
661
- this.stepChange = new core.EventEmitter();
662
- }
663
- Object.defineProperty(TdStepsComponent.prototype, "stepsContent", {
664
- /**
665
- * @param {?} steps
666
- * @return {?}
667
- */
668
- set: function (steps) {
669
- if (steps) {
670
- this._steps = steps;
671
- this._registerSteps();
672
- }
673
- },
674
- enumerable: false,
675
- configurable: true
676
- });
677
- Object.defineProperty(TdStepsComponent.prototype, "steps", {
678
- /**
679
- * @return {?}
680
- */
681
- get: function () {
682
- return this._steps.toArray();
683
- },
684
- enumerable: false,
685
- configurable: true
686
- });
687
- Object.defineProperty(TdStepsComponent.prototype, "mode", {
688
- /**
689
- * @return {?}
690
- */
691
- get: function () {
692
- return this._mode;
693
- },
694
- /**
695
- * mode?: StepMode or ["vertical" | "horizontal"]
696
- * Defines if the mode of the [TdStepsComponent]. Defaults to [StepMode.Vertical | "vertical"]
697
- * @param {?} mode
698
- * @return {?}
699
- */
700
- set: function (mode) {
701
- if (mode === StepMode.Horizontal) {
702
- this._mode = StepMode.Horizontal;
703
- }
704
- else {
705
- this._mode = StepMode.Vertical;
706
- }
707
- },
708
- enumerable: false,
709
- configurable: true
710
- });
711
- /**
712
- * Executed after content is initialized, loops through any [TdStepComponent] children elements,
713
- * assigns them a number and subscribes as an observer to their [activated] event.
714
- * @return {?}
715
- */
716
- TdStepsComponent.prototype.ngAfterContentInit = function () {
717
- this._registerSteps();
718
- };
719
- /**
720
- * Unsubscribes from [TdStepComponent] children elements when component is destroyed.
721
- * @return {?}
722
- */
723
- TdStepsComponent.prototype.ngOnDestroy = function () {
724
- this._deregisterSteps();
725
- };
726
- /**
727
- * Returns 'true' if [mode] equals to [StepMode.Horizontal | 'horizontal'], else 'false'.
728
- * @return {?}
729
- */
730
- TdStepsComponent.prototype.isHorizontal = function () {
731
- return this._mode === StepMode.Horizontal;
732
- };
733
- /**
734
- * Returns 'true' if [mode] equals to [StepMode.Vertical | 'vertical'], else 'false'.
735
- * @return {?}
736
- */
737
- TdStepsComponent.prototype.isVertical = function () {
738
- return this._mode === StepMode.Vertical;
739
- };
740
- /**
741
- * @return {?}
742
- */
743
- TdStepsComponent.prototype.areStepsActive = function () {
744
- return (this._steps.filter(( /**
745
- * @param {?} step
746
- * @return {?}
747
- */function (step) {
748
- return step.active;
749
- })).length > 0);
750
- };
751
- /**
752
- * Wraps previous and new [TdStepComponent] numbers in an object that implements [IStepChangeEvent]
753
- * and emits [stepChange] event.
754
- * @private
755
- * @param {?} step
756
- * @return {?}
757
- */
758
- TdStepsComponent.prototype._onStepSelection = function (step) {
759
- if (this.prevStep !== step) {
760
- /** @type {?} */
761
- var prevStep = this.prevStep;
762
- this.prevStep = step;
763
- /** @type {?} */
764
- var event = {
765
- newStep: step,
766
- prevStep: prevStep,
767
- };
768
- this._deactivateAllBut(step);
769
- this.stepChange.emit(event);
770
- }
771
- };
772
- /**
773
- * Loops through [TdStepComponent] children elements and deactivates them ignoring the one passed as an argument.
774
- * @private
775
- * @param {?} activeStep
776
- * @return {?}
777
- */
778
- TdStepsComponent.prototype._deactivateAllBut = function (activeStep) {
779
- this._steps
780
- .filter(( /**
781
- * @param {?} step
782
- * @return {?}
783
- */function (step) { return step !== activeStep; }))
784
- .forEach(( /**
785
- * @param {?} step
786
- * @return {?}
787
- */function (step) {
788
- step.active = false;
789
- }));
790
- };
791
- /**
792
- * @private
793
- * @return {?}
794
- */
795
- TdStepsComponent.prototype._registerSteps = function () {
796
- var _this = this;
797
- this._subcriptions = [];
798
- this._steps.toArray().forEach(( /**
799
- * @param {?} step
800
- * @return {?}
801
- */function (step) {
802
- /** @type {?} */
803
- var subscription = step.activated.asObservable().subscribe(( /**
804
- * @return {?}
805
- */function () {
806
- _this._onStepSelection(step);
807
- }));
808
- _this._subcriptions.push(subscription);
809
- }));
810
- };
811
- /**
812
- * @private
813
- * @return {?}
814
- */
815
- TdStepsComponent.prototype._deregisterSteps = function () {
816
- if (this._subcriptions) {
817
- this._subcriptions.forEach(( /**
818
- * @param {?} subs
819
- * @return {?}
820
- */function (subs) {
821
- subs.unsubscribe();
822
- }));
823
- this._subcriptions = undefined;
824
- }
825
- };
826
- return TdStepsComponent;
827
- }());
828
- TdStepsComponent.decorators = [
829
- { type: core.Component, args: [{
830
- selector: 'td-steps',
831
- template: "<div *ngIf=\"isHorizontal()\" class=\"td-steps-header\">\n <ng-template let-step let-index=\"index\" let-last=\"last\" ngFor [ngForOf]=\"steps\">\n <td-step-header\n class=\"td-step-horizontal-header\"\n (keydown.enter)=\"step.open()\"\n [number]=\"index + 1\"\n [active]=\"step.active\"\n [disableRipple]=\"step.disableRipple\"\n [disabled]=\"step.disabled\"\n [state]=\"step.state\"\n (click)=\"step.open()\"\n >\n <ng-template td-step-header-label [cdkPortalOutlet]=\"step.stepLabel\"></ng-template>\n <ng-template td-step-header-label [ngIf]=\"!step.stepLabel\">{{ step.label }}</ng-template>\n <ng-template td-step-header-sublabel [ngIf]=\"true\">{{ step.sublabel | truncate: 30 }}</ng-template>\n </td-step-header>\n <span *ngIf=\"!last\" class=\"td-horizontal-line\"></span>\n </ng-template>\n</div>\n<div *ngFor=\"let step of steps; let index = index; let last = last\" class=\"td-step\">\n <td-step-header\n class=\"td-step-vertical-header\"\n (keydown.enter)=\"step.toggle()\"\n [number]=\"index + 1\"\n [active]=\"step.active\"\n [disabled]=\"step.disabled\"\n [disableRipple]=\"step.disableRipple\"\n [state]=\"step.state\"\n (click)=\"step.toggle()\"\n *ngIf=\"isVertical()\"\n >\n <ng-template td-step-header-label [cdkPortalOutlet]=\"step.stepLabel\"></ng-template>\n <ng-template td-step-header-label [ngIf]=\"!step.stepLabel\">{{ step.label }}</ng-template>\n <ng-template td-step-header-sublabel [ngIf]=\"true\">{{ step.sublabel }}</ng-template>\n </td-step-header>\n <ng-template [ngIf]=\"isVertical() || step.active || (!areStepsActive() && prevStep === step)\">\n <td-step-body [active]=\"step.active\" [state]=\"step.state\">\n <div *ngIf=\"isVertical()\" class=\"td-line-wrapper\">\n <div *ngIf=\"!last\" class=\"td-vertical-line\"></div>\n </div>\n <ng-template td-step-body-content [cdkPortalOutlet]=\"step.stepContent\"></ng-template>\n <ng-template td-step-body-actions [cdkPortalOutlet]=\"step.stepActions\"></ng-template>\n <ng-template td-step-body-summary [cdkPortalOutlet]=\"step.stepSummary\"></ng-template>\n </td-step-body>\n </ng-template>\n</div>\n",
832
- /* tslint:disable-next-line */
833
- host: {
834
- class: 'td-steps',
835
- },
836
- styles: [".td-line-wrapper,.td-step{position:relative}.td-steps-header{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-line-wrapper{min-height:1px;width:24px}.td-horizontal-line{-ms-flex:1;border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;flex:1;height:1px;min-width:15px;position:relative;top:36px}::ng-deep :not([dir=rtl]) .td-horizontal-line{left:-6px;right:-3px}::ng-deep [dir=rtl] .td-horizontal-line{left:-3px;right:-6px}.td-vertical-line{border-left-style:solid;border-left-width:1px;bottom:-16px;position:absolute;top:-16px}::ng-deep :not([dir=rtl]) .td-vertical-line{left:20px;right:auto}::ng-deep [dir=rtl] .td-vertical-line{left:auto;right:20px}"]
837
- }] }
838
- ];
839
- TdStepsComponent.propDecorators = {
840
- stepsContent: [{ type: core.ContentChildren, args: [TdStepComponent, { descendants: true },] }],
841
- mode: [{ type: core.Input, args: ['mode',] }],
842
- stepChange: [{ type: core.Output }]
843
- };
844
- if (false) {
845
- /**
846
- * @type {?}
847
- * @private
848
- */
849
- TdStepsComponent.prototype._subcriptions;
850
- /**
851
- * @type {?}
852
- * @private
853
- */
854
- TdStepsComponent.prototype._mode;
855
- /**
856
- * @type {?}
857
- * @private
858
- */
859
- TdStepsComponent.prototype._steps;
860
- /** @type {?} */
861
- TdStepsComponent.prototype.prevStep;
862
- /**
863
- * stepChange?: function
864
- * Method to be executed when [stepChange] event is emitted.
865
- * Emits an [IStepChangeEvent] implemented object.
866
- * @type {?}
867
- */
868
- TdStepsComponent.prototype.stepChange;
869
- }
870
-
871
- var TdStepHeaderBase = /** @class */ (function () {
872
- function TdStepHeaderBase() {
873
- }
874
- return TdStepHeaderBase;
875
- }());
876
- /* tslint:disable-next-line */
877
- /** @type {?} */
878
- var _TdStepHeaderMixinBase = common.mixinDisableRipple(common.mixinDisabled(TdStepHeaderBase));
879
- var TdStepHeaderComponent = /** @class */ (function (_super) {
880
- __extends(TdStepHeaderComponent, _super);
881
- function TdStepHeaderComponent() {
882
- var _this = _super.apply(this, __spread(arguments)) || this;
883
- /**
884
- * state?: StepState or ['none' | 'required' | 'complete']
885
- * Sets styles for state of header.
886
- * Defaults to [StepState.None | 'none'].
887
- */
888
- _this.state = StepState.None;
889
- return _this;
890
- }
891
- /**
892
- * Returns 'true' if [state] equals to [StepState.Complete | 'complete'], else 'false'.
893
- * @return {?}
894
- */
895
- TdStepHeaderComponent.prototype.isComplete = function () {
896
- return this.state === StepState.Complete;
897
- };
898
- /**
899
- * Returns 'true' if [state] equals to [StepState.Required | 'required'], else 'false'.
900
- * @return {?}
901
- */
902
- TdStepHeaderComponent.prototype.isRequired = function () {
903
- return this.state === StepState.Required;
904
- };
905
- return TdStepHeaderComponent;
906
- }(_TdStepHeaderMixinBase));
907
- TdStepHeaderComponent.decorators = [
908
- { type: core.Component, args: [{
909
- selector: 'td-step-header',
910
- inputs: ['disabled', 'disableRipple'],
911
- template: "<div\n class=\"td-step-header\"\n [class.mat-disabled]=\"disabled\"\n matRipple\n [matRippleDisabled]=\"disabled || disableRipple\"\n [tabIndex]=\"disabled ? -1 : tabIndex || 0\"\n>\n <div\n class=\"td-circle\"\n [class.mat-inactive]=\"(!active && !isComplete()) || disabled\"\n [class.mat-active]=\"active && !disabled\"\n *ngIf=\"!isRequired() && !isComplete()\"\n >\n <span *ngIf=\"active || !isComplete()\">{{ number || '' }}</span>\n </div>\n <div class=\"td-complete\" *ngIf=\"isComplete()\">\n <mat-icon class=\"mat-complete\">check_circle</mat-icon>\n </div>\n <div class=\"td-triangle\" [class.bg-muted]=\"disabled\" *ngIf=\"isRequired()\">\n <mat-icon class=\"mat-warn\">warning</mat-icon>\n </div>\n <div\n class=\"td-step-label-wrapper\"\n [class.mat-inactive]=\"(!active && !isComplete()) || disabled\"\n [class.mat-warn]=\"isRequired() && !disabled\"\n >\n <div class=\"td-step-label\">\n <ng-content select=\"[td-step-header-label]\"></ng-content>\n </div>\n <div class=\"td-step-sublabel\">\n <ng-content select=\"[td-step-header-sublabel]\"></ng-content>\n </div>\n </div>\n <span class=\"td-step-header-separator\"></span>\n <mat-icon class=\"td-edit-icon\" *ngIf=\"isComplete() && !active && !disabled\">mode_edit</mat-icon>\n</div>\n",
912
- styles: [".td-step-header{-ms-flex:1;-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:row;height:72px;justify-content:flex-start;max-width:100%;min-width:120px;outline:none;position:relative}.td-step-header:hover:not(.mat-disabled){cursor:pointer}.td-step-header mat-icon.td-edit-icon{margin:0 8px}.td-step-header mat-icon.mat-warn{font-size:24px;height:24px;width:24px}.td-step-header mat-icon.mat-complete{font-size:28px;height:24px;left:-2px;position:relative;top:2px;width:24px}.td-step-header .td-circle{-ms-flex:none;border-radius:99%;flex:none;height:24px;line-height:24px;text-align:center;width:24px}.td-step-header .td-circle mat-icon{font-weight:700;margin-top:2px}.td-step-header .td-triangle>mat-icon{font-size:25px}.td-step-header .td-complete{font-size:0}::ng-deep :not([dir=rtl]) .td-step-header .td-circle,::ng-deep :not([dir=rtl]) .td-step-header .td-complete,::ng-deep :not([dir=rtl]) .td-step-header .td-triangle{margin-left:8px;margin-right:0}::ng-deep [dir=rtl] .td-step-header .td-circle,::ng-deep [dir=rtl] .td-step-header .td-complete,::ng-deep [dir=rtl] .td-step-header .td-triangle{margin-left:0;margin-right:8px}.td-step-header .td-circle,.td-step-header .td-complete{font-size:14px}.td-step-header .td-step-label-wrapper{padding-left:8px;padding-right:8px}.td-step-header .td-step-header-separator{-ms-flex:1;box-sizing:border-box;flex:1}"]
913
- }] }
914
- ];
915
- TdStepHeaderComponent.propDecorators = {
916
- number: [{ type: core.Input }],
917
- active: [{ type: core.Input }],
918
- state: [{ type: core.Input }],
919
- tabIndex: [{ type: core.Input }]
920
- };
921
- if (false) {
922
- /**
923
- * Number assigned to [TdStepHeaderComponent].
924
- * @type {?}
925
- */
926
- TdStepHeaderComponent.prototype.number;
927
- /**
928
- * active?: boolean
929
- * Sets for active/inactive states on header.
930
- * @type {?}
931
- */
932
- TdStepHeaderComponent.prototype.active;
933
- /**
934
- * state?: StepState or ['none' | 'required' | 'complete']
935
- * Sets styles for state of header.
936
- * Defaults to [StepState.None | 'none'].
937
- * @type {?}
938
- */
939
- TdStepHeaderComponent.prototype.state;
940
- /**
941
- * tabIndex?: number
942
- * tabIndex of the step header for a11y
943
- * @type {?}
944
- */
945
- TdStepHeaderComponent.prototype.tabIndex;
946
- }
947
-
948
- /**
949
- * @fileoverview added by tsickle
950
- * Generated from: step-body/step-body.component.ts
951
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
952
- */
953
- var TdStepBodyComponent = /** @class */ (function () {
954
- function TdStepBodyComponent() {
955
- /**
956
- * state?: StepState or ['none' | 'required' | 'complete']
957
- * Sets styles for state of body.
958
- * Defaults to [StepState.None | 'none'].
959
- */
960
- this.state = StepState.None;
961
- }
962
- Object.defineProperty(TdStepBodyComponent.prototype, "hasContent", {
963
- /**
964
- * @return {?}
965
- */
966
- get: function () {
967
- return (this.contentRef &&
968
- (this.contentRef.nativeElement.children.length > 0 || !!this.contentRef.nativeElement.textContent.trim()));
969
- },
970
- enumerable: false,
971
- configurable: true
972
- });
973
- Object.defineProperty(TdStepBodyComponent.prototype, "hasActions", {
974
- /**
975
- * @return {?}
976
- */
977
- get: function () {
978
- return (this.actionsRef &&
979
- (this.actionsRef.nativeElement.children.length > 0 || !!this.actionsRef.nativeElement.textContent.trim()));
980
- },
981
- enumerable: false,
982
- configurable: true
983
- });
984
- Object.defineProperty(TdStepBodyComponent.prototype, "hasSummary", {
985
- /**
986
- * @return {?}
987
- */
988
- get: function () {
989
- return (this.summaryRef &&
990
- (this.summaryRef.nativeElement.children.length > 0 || !!this.summaryRef.nativeElement.textContent.trim()));
991
- },
992
- enumerable: false,
993
- configurable: true
994
- });
995
- /**
996
- * Returns 'true' if [state] equals to [StepState.Complete | 'complete'], else 'false'.
997
- * @return {?}
998
- */
999
- TdStepBodyComponent.prototype.isComplete = function () {
1000
- return this.state === StepState.Complete;
1001
- };
1002
- return TdStepBodyComponent;
1003
- }());
1004
- TdStepBodyComponent.decorators = [
1005
- { type: core.Component, args: [{
1006
- selector: 'td-step-body',
1007
- template: "<ng-content></ng-content>\n<div class=\"td-step-body\">\n <div class=\"td-step-content-wrapper\" [@tdCollapse]=\"!active\">\n <div #contentRef cdkScrollable [class.td-step-content]=\"hasContent\">\n <ng-content select=\"[td-step-body-content]\"></ng-content>\n </div>\n <div #actionsRef [class.td-step-actions]=\"hasActions\">\n <ng-content select=\"[td-step-body-actions]\"></ng-content>\n </div>\n </div>\n <div #summaryRef [@tdCollapse]=\"active || !isComplete()\" [class.td-step-summary]=\"hasSummary\">\n <ng-content select=\"[td-step-body-summary]\"></ng-content>\n </div>\n</div>\n",
1008
- animations: [common.tdCollapseAnimation],
1009
- styles: [":host{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}:host .td-step-body{-ms-flex:1;box-sizing:border-box;flex:1;overflow-x:hidden}:host .td-step-body .td-step-content-wrapper.ng-animating,:host .td-step-body .td-step-summary.ng-animating{overflow:hidden}:host .td-step-body .td-step-content{overflow-x:auto}:host .td-step-body .td-step-actions{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}"]
1010
- }] }
1011
- ];
1012
- TdStepBodyComponent.propDecorators = {
1013
- contentRef: [{ type: core.ViewChild, args: ['contentRef', { read: core.ElementRef, static: true },] }],
1014
- actionsRef: [{ type: core.ViewChild, args: ['actionsRef', { read: core.ElementRef, static: true },] }],
1015
- summaryRef: [{ type: core.ViewChild, args: ['summaryRef', { read: core.ElementRef, static: true },] }],
1016
- active: [{ type: core.Input }],
1017
- state: [{ type: core.Input }]
1018
- };
1019
- if (false) {
1020
- /** @type {?} */
1021
- TdStepBodyComponent.prototype.contentRef;
1022
- /** @type {?} */
1023
- TdStepBodyComponent.prototype.actionsRef;
1024
- /** @type {?} */
1025
- TdStepBodyComponent.prototype.summaryRef;
1026
- /**
1027
- * active?: boolean
1028
- * Sets for active/inactive states on body.
1029
- * @type {?}
1030
- */
1031
- TdStepBodyComponent.prototype.active;
1032
- /**
1033
- * state?: StepState or ['none' | 'required' | 'complete']
1034
- * Sets styles for state of body.
1035
- * Defaults to [StepState.None | 'none'].
1036
- * @type {?}
1037
- */
1038
- TdStepBodyComponent.prototype.state;
1039
- }
1040
-
1041
- var TdNavStepLinkComponent = /** @class */ (function (_super) {
1042
- __extends(TdNavStepLinkComponent, _super);
1043
- /**
1044
- * @param {?} _changeDetectorRef
1045
- * @param {?} elementRef
1046
- */
1047
- function TdNavStepLinkComponent(_changeDetectorRef, elementRef) {
1048
- var _this = _super.call(this) || this;
1049
- _this._changeDetectorRef = _changeDetectorRef;
1050
- _this.elementRef = elementRef;
1051
- _this._active = false;
1052
- _this._state = StepState.None;
1053
- return _this;
1054
- }
1055
- Object.defineProperty(TdNavStepLinkComponent.prototype, "state", {
1056
- /**
1057
- * @return {?}
1058
- */
1059
- get: function () {
1060
- return this._state;
1061
- },
1062
- /**
1063
- * state?: StepState or ['none' | 'required' | 'complete']
1064
- * Sets state of component depending on value.
1065
- * Defaults to [StepState.None | 'none'].
1066
- * @param {?} state
1067
- * @return {?}
1068
- */
1069
- set: function (state) {
1070
- switch (state) {
1071
- case StepState.Complete:
1072
- this._state = StepState.Complete;
1073
- break;
1074
- case StepState.Required:
1075
- this._state = StepState.Required;
1076
- break;
1077
- default:
1078
- this._state = StepState.None;
1079
- break;
1080
- }
1081
- },
1082
- enumerable: false,
1083
- configurable: true
1084
- });
1085
- Object.defineProperty(TdNavStepLinkComponent.prototype, "active", {
1086
- /**
1087
- * @return {?}
1088
- */
1089
- get: function () {
1090
- return this._active;
1091
- },
1092
- /**
1093
- * active?: boolean
1094
- * Toggles component between active/deactive.
1095
- * @param {?} active
1096
- * @return {?}
1097
- */
1098
- set: function (active) {
1099
- this._active = coercion.coerceBooleanProperty(active);
1100
- this._changeDetectorRef.markForCheck();
1101
- },
1102
- enumerable: false,
1103
- configurable: true
1104
- });
1105
- /**
1106
- * @param {?} click
1107
- * @return {?}
1108
- */
1109
- TdNavStepLinkComponent.prototype._handleClick = function (click) {
1110
- if (this.disabled) {
1111
- click.preventDefault();
1112
- click.stopImmediatePropagation();
1113
- }
1114
- };
1115
- return TdNavStepLinkComponent;
1116
- }(_TdStepMixinBase));
1117
- TdNavStepLinkComponent.decorators = [
1118
- { type: core.Component, args: [{
1119
- selector: '[td-step-link],[tdStepLink]',
1120
- template: "<td-step-header\n class=\"td-step-header-wrapper\"\n [tabIndex]=\"-1\"\n [number]=\"number\"\n [active]=\"active\"\n [disableRipple]=\"disableRipple || disabled\"\n [disabled]=\"disabled\"\n [state]=\"state\"\n>\n <ng-template td-step-header-label [ngIf]=\"true\">{{ label }}</ng-template>\n <ng-template td-step-header-sublabel [ngIf]=\"true\">{{ sublabel | truncate: 30 }}</ng-template>\n <ng-content></ng-content>\n</td-step-header>\n",
1121
- inputs: ['disabled', 'disableRipple'],
1122
- changeDetection: core.ChangeDetectionStrategy.OnPush,
1123
- /* tslint:disable-next-line */
1124
- host: {
1125
- '[class.td-step-link]': 'true',
1126
- '[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',
1127
- '[attr.disabled]': 'disabled || null',
1128
- '[class.mat-disabled]': 'disabled || null',
1129
- '(click)': '_handleClick($event)',
1130
- },
1131
- styles: [":host{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%}:host.mat-disabled{pointer-events:none}:host .td-step-header-wrapper{width:100%}"]
1132
- }] }
1133
- ];
1134
- /** @nocollapse */
1135
- TdNavStepLinkComponent.ctorParameters = function () { return [
1136
- { type: core.ChangeDetectorRef },
1137
- { type: core.ElementRef }
1138
- ]; };
1139
- TdNavStepLinkComponent.propDecorators = {
1140
- state: [{ type: core.Input, args: ['state',] }],
1141
- label: [{ type: core.Input }],
1142
- sublabel: [{ type: core.Input }],
1143
- active: [{ type: core.Input, args: ['active',] }],
1144
- tabIndex: [{ type: core.Input }]
1145
- };
1146
- if (false) {
1147
- /**
1148
- * @type {?}
1149
- * @private
1150
- */
1151
- TdNavStepLinkComponent.prototype._active;
1152
- /**
1153
- * @type {?}
1154
- * @private
1155
- */
1156
- TdNavStepLinkComponent.prototype._state;
1157
- /** @type {?} */
1158
- TdNavStepLinkComponent.prototype.number;
1159
- /**
1160
- * label?: string
1161
- * Label to display in step header
1162
- * Defaults to empty
1163
- * @type {?}
1164
- */
1165
- TdNavStepLinkComponent.prototype.label;
1166
- /**
1167
- * sublabel?: string
1168
- * Sublabel to display in step header
1169
- * Defaults to empty
1170
- * @type {?}
1171
- */
1172
- TdNavStepLinkComponent.prototype.sublabel;
1173
- /**
1174
- * tabIndex?: number
1175
- * tabIndex for component
1176
- * @type {?}
1177
- */
1178
- TdNavStepLinkComponent.prototype.tabIndex;
1179
- /**
1180
- * @type {?}
1181
- * @private
1182
- */
1183
- TdNavStepLinkComponent.prototype._changeDetectorRef;
1184
- /** @type {?} */
1185
- TdNavStepLinkComponent.prototype.elementRef;
1186
- }
1187
-
1188
- /**
1189
- * @fileoverview added by tsickle
1190
- * Generated from: nav/nav-steps-horizontal/nav-steps-horizontal.component.ts
1191
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1192
- */
1193
- var TdNavStepsHorizontalComponent = /** @class */ (function () {
1194
- /**
1195
- * @param {?} _elementRef
1196
- * @param {?} _viewportRuler
1197
- * @param {?} _dir
1198
- * @param {?} _renderer
1199
- * @param {?} _changeDetectorRef
1200
- */
1201
- function TdNavStepsHorizontalComponent(_elementRef, _viewportRuler, _dir, _renderer, _changeDetectorRef) {
1202
- this._elementRef = _elementRef;
1203
- this._viewportRuler = _viewportRuler;
1204
- this._dir = _dir;
1205
- this._renderer = _renderer;
1206
- this._changeDetectorRef = _changeDetectorRef;
1207
- this._separators = [];
1208
- /**
1209
- * Emits when the component is destroyed.
1210
- */
1211
- this._destroyed = new rxjs.Subject();
1212
- this._widthSubject = new rxjs.Subject();
1213
- this._scrollDistance = 0;
1214
- this._scrollDistanceChanged = false;
1215
- /**
1216
- * Whether the controls for pagination should be displayed
1217
- */
1218
- this._showPaginationControls = false;
1219
- /**
1220
- * Whether the step list can be scrolled more towards the end.
1221
- */
1222
- this._disableScrollAfter = true;
1223
- /**
1224
- * Whether the step list can be scrolled more towards the beginning.
1225
- */
1226
- this._disableScrollBefore = true;
1227
- }
1228
- Object.defineProperty(TdNavStepsHorizontalComponent.prototype, "nativeElementWidth", {
1229
- /*
1230
- * Current width of the element container
1231
- */
1232
- /**
1233
- * @return {?}
1234
- */
1235
- get: function () {
1236
- /** @type {?} */
1237
- var element = ( /** @type {?} */(this._elementRef.nativeElement));
1238
- // Need to take into account border, margin and padding that might be around all the crumbs
1239
- /** @type {?} */
1240
- var style = window.getComputedStyle(element);
1241
- /** @type {?} */
1242
- var borderLeft = parseInt(style.borderLeft, 10);
1243
- /** @type {?} */
1244
- var borderRight = parseInt(style.borderRight, 10);
1245
- /** @type {?} */
1246
- var marginLeft = parseInt(style.marginLeft, 10);
1247
- /** @type {?} */
1248
- var marginRight = parseInt(style.marginRight, 10);
1249
- /** @type {?} */
1250
- var paddingLeft = parseInt(style.paddingLeft, 10);
1251
- /** @type {?} */
1252
- var paddingRight = parseInt(style.paddingRight, 10);
1253
- return (element.getBoundingClientRect().width -
1254
- borderLeft -
1255
- borderRight -
1256
- marginLeft -
1257
- marginRight -
1258
- paddingLeft -
1259
- paddingRight);
1260
- },
1261
- enumerable: false,
1262
- configurable: true
1263
- });
1264
- /**
1265
- * @return {?}
1266
- */
1267
- TdNavStepsHorizontalComponent.prototype.ngAfterContentInit = function () {
1268
- var _this = this;
1269
- rxjs.merge(this._widthSubject.asObservable().pipe(operators.distinctUntilChanged()), this._viewportRuler.change(150), this._dir ? this._dir.change : rxjs.of(undefined), this._steps.changes)
1270
- .pipe(operators.takeUntil(this._destroyed))
1271
- .subscribe(( /**
1272
- * @return {?}
1273
- */function () {
1274
- _this._configureSteps();
1275
- _this.updatePagination();
1276
- _this._changeDetectorRef.markForCheck();
1277
- }));
1278
- this._configureSteps();
1279
- this._changeDetectorRef.markForCheck();
1280
- };
1281
- /**
1282
- * @return {?}
1283
- */
1284
- TdNavStepsHorizontalComponent.prototype.ngAfterContentChecked = function () {
1285
- if (this._elementRef && this._elementRef.nativeElement) {
1286
- this._widthSubject.next(this.nativeElementWidth);
1287
- }
1288
- if (this._scrollDistanceChanged) {
1289
- this._updateStepScrollPosition();
1290
- this._scrollDistanceChanged = false;
1291
- this._changeDetectorRef.markForCheck();
1292
- }
1293
- };
1294
- /**
1295
- * @return {?}
1296
- */
1297
- TdNavStepsHorizontalComponent.prototype.ngOnDestroy = function () {
1298
- this._destroyed.next();
1299
- this._destroyed.complete();
1300
- };
1301
- /**
1302
- * Listen to right and left key events to move the the viewport.
1303
- * @param {?} event
1304
- * @return {?}
1305
- */
1306
- TdNavStepsHorizontalComponent.prototype._handleKeydown = function (event) {
1307
- switch (event.keyCode) {
1308
- case keycodes.LEFT_ARROW:
1309
- this._scrollHeader('before');
1310
- event.preventDefault();
1311
- break;
1312
- case keycodes.RIGHT_ARROW:
1313
- this._scrollHeader('after');
1314
- event.preventDefault();
1315
- break;
1316
- default:
1317
- // do something
1318
- }
1319
- };
1320
- /**
1321
- * Updates the view whether pagination should be enabled or not.
1322
- * @return {?}
1323
- */
1324
- TdNavStepsHorizontalComponent.prototype.updatePagination = function () {
1325
- this._checkPaginationEnabled();
1326
- this._checkScrollingControls();
1327
- this._updateStepScrollPosition();
1328
- };
1329
- /**
1330
- * The layout direction of the containing app.
1331
- * @return {?}
1332
- */
1333
- TdNavStepsHorizontalComponent.prototype._getLayoutDirection = function () {
1334
- return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr';
1335
- };
1336
- /**
1337
- * Performs the CSS transformation on the step list that will cause the list to scroll.
1338
- * @return {?}
1339
- */
1340
- TdNavStepsHorizontalComponent.prototype._updateStepScrollPosition = function () {
1341
- /** @type {?} */
1342
- var translateX = this._getLayoutDirection() === 'ltr' ? -this.scrollDistance : this.scrollDistance;
1343
- // Move step list the amount of pixels scrolled
1344
- this._stepList.nativeElement.style.transform = "translateX(" + Math.round(translateX) + "px)";
1345
- // Setting the `transform` on IE will change the scroll offset of the parent, causing the
1346
- // position to be thrown off in some cases. We have to reset it ourselves to ensure that
1347
- // it doesn't get thrown off.
1348
- if (this._getLayoutDirection() === 'ltr') {
1349
- this._stepListContainer.nativeElement.scrollLeft = 0;
1350
- }
1351
- else {
1352
- this._stepListContainer.nativeElement.scrollLeft = this._getMaxScrollDistance();
1353
- }
1354
- };
1355
- Object.defineProperty(TdNavStepsHorizontalComponent.prototype, "scrollDistance", {
1356
- /**
1357
- * Sets the distance in pixels that the step header should be transformed in the X-axis.
1358
- * @return {?}
1359
- */
1360
- get: function () {
1361
- return this._scrollDistance;
1362
- },
1363
- /**
1364
- * @param {?} v
1365
- * @return {?}
1366
- */
1367
- set: function (v) {
1368
- this._scrollDistance = Math.max(0, Math.min(this._getMaxScrollDistance(), v));
1369
- // Mark that the scroll distance has changed so that after the view is checked, the CSS
1370
- // transformation can move the header.
1371
- this._scrollDistanceChanged = true;
1372
- this._checkScrollingControls();
1373
- },
1374
- enumerable: false,
1375
- configurable: true
1376
- });
1377
- /**
1378
- * Moves the step list in the 'before' or 'after' direction (towards the beginning of the list or
1379
- * the end of the list, respectively).
1380
- * @param {?} scrollDir
1381
- * @return {?}
1382
- */
1383
- TdNavStepsHorizontalComponent.prototype._scrollHeader = function (scrollDir) {
1384
- // Move the scroll distance one-half the length of the step list's viewport.
1385
- this.scrollDistance += ((scrollDir === 'before' ? -1 : 1) * this._stepListContainer.nativeElement.offsetWidth) / 2;
1386
- };
1387
- /**
1388
- * Evaluate whether the pagination controls should be displayed. If the scroll width of the
1389
- * step list is wider than the size of the header container, then the pagination controls should
1390
- * be shown.
1391
- * @return {?}
1392
- */
1393
- TdNavStepsHorizontalComponent.prototype._checkPaginationEnabled = function () {
1394
- /** @type {?} */
1395
- var isEnabled = this._stepList.nativeElement.scrollWidth > this._elementRef.nativeElement.offsetWidth;
1396
- if (!isEnabled) {
1397
- this.scrollDistance = 0;
1398
- }
1399
- if (isEnabled !== this._showPaginationControls) {
1400
- this._changeDetectorRef.markForCheck();
1401
- }
1402
- this._showPaginationControls = isEnabled;
1403
- };
1404
- /**
1405
- * Evaluate whether the before and after controls should be enabled or disabled.
1406
- * If the header is at the beginning of the list (scroll distance is equal to 0) then disable the
1407
- * before button. If the header is at the end of the list (scroll distance is equal to the
1408
- * maximum distance we can scroll), then disable the after button.
1409
- * @return {?}
1410
- */
1411
- TdNavStepsHorizontalComponent.prototype._checkScrollingControls = function () {
1412
- // Check if the pagination arrows should be activated.
1413
- this._disableScrollBefore = this.scrollDistance === 0;
1414
- this._disableScrollAfter = this.scrollDistance === this._getMaxScrollDistance();
1415
- this._changeDetectorRef.markForCheck();
1416
- };
1417
- /**
1418
- * Determines what is the maximum length in pixels that can be set for the scroll distance. This
1419
- * is equal to the difference in width between the step list container and step header container.
1420
- * @return {?}
1421
- */
1422
- TdNavStepsHorizontalComponent.prototype._getMaxScrollDistance = function () {
1423
- return this._stepList.nativeElement.scrollWidth - this._stepListContainer.nativeElement.offsetWidth || 0;
1424
- };
1425
- /**
1426
- * Set the step line separators and display numbers
1427
- * @private
1428
- * @return {?}
1429
- */
1430
- TdNavStepsHorizontalComponent.prototype._configureSteps = function () {
1431
- var _this = this;
1432
- this._separators.forEach(( /**
1433
- * @param {?} separator
1434
- * @return {?}
1435
- */function (separator) {
1436
- _this._renderer.removeChild(_this._stepList.nativeElement, separator);
1437
- }));
1438
- /** @type {?} */
1439
- var stepsArray = this._steps.toArray();
1440
- // set the index number of the step so can display that number in circle
1441
- stepsArray.forEach(( /**
1442
- * @param {?} step
1443
- * @param {?} index
1444
- * @return {?}
1445
- */function (step, index) {
1446
- if (index > 0 && index < stepsArray.length) {
1447
- /** @type {?} */
1448
- var separator = _this._renderer.createElement('div');
1449
- _this._renderer.addClass(separator, 'td-horizontal-line');
1450
- _this._separators.push(separator);
1451
- _this._renderer.insertBefore(_this._stepList.nativeElement, separator, step.elementRef.nativeElement);
1452
- }
1453
- step.number = index + 1;
1454
- }));
1455
- };
1456
- return TdNavStepsHorizontalComponent;
1457
- }());
1458
- TdNavStepsHorizontalComponent.decorators = [
1459
- { type: core.Component, args: [{
1460
- selector: 'nav[td-steps][horizontal]',
1461
- template: "<div class=\"td-steps-header\">\n <div\n class=\"td-step-header-pagination td-step-header-pagination-before mat-elevation-z4\"\n aria-hidden=\"true\"\n mat-ripple\n [matRippleDisabled]=\"_disableScrollBefore\"\n [class.td-step-header-pagination-disabled]=\"_disableScrollBefore\"\n (click)=\"_scrollHeader('before')\"\n >\n <div class=\"td-step-header-pagination-chevron\"></div>\n </div>\n <div #stepListContainer class=\"td-steps-header-container\" (keydown)=\"_handleKeydown($event)\">\n <div #stepList class=\"td-steps-header-list\">\n <ng-content></ng-content>\n </div>\n </div>\n <div\n class=\"td-step-header-pagination td-step-header-pagination-after mat-elevation-z4\"\n aria-hidden=\"true\"\n mat-ripple\n [matRippleDisabled]=\"_disableScrollAfter\"\n [class.td-step-header-pagination-disabled]=\"_disableScrollAfter\"\n (click)=\"_scrollHeader('after')\"\n >\n <div class=\"td-step-header-pagination-chevron\"></div>\n </div>\n</div>\n",
1462
- changeDetection: core.ChangeDetectionStrategy.OnPush,
1463
- /* tslint:disable-next-line */
1464
- host: {
1465
- 'class': 'td-steps td-steps-horizontal',
1466
- '[class.td-step-header-pagination-controls-enabled]': '_showPaginationControls',
1467
- '[class.td-step-header-rtl]': "_getLayoutDirection() == 'rtl'",
1468
- },
1469
- styles: [":host{display:block;width:100%}.td-steps-header,.td-steps-header-list{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-steps-header-container{-ms-flex-positive:1;display:-ms-flexbox;display:flex;flex-grow:1;overflow:hidden;z-index:1}.td-steps-header-list{-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-pack:start;-ms-flex-positive:1;align-content:center;align-items:center;flex-grow:1;justify-content:flex-start;max-width:100%;position:relative;transition:transform .5s cubic-bezier(.35,0,.25,1)}.td-step-header-pagination{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:none;justify-content:center;min-width:32px;position:relative;z-index:2}:host.td-step-header-pagination-controls-enabled .td-step-header-pagination{display:-ms-flexbox;display:flex}.td-step-header-pagination-before,:host.td-step-header-rtl .td-step-header-pagination-after{padding-left:4px}.td-step-header-pagination-before .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-after .td-step-header-pagination-chevron{-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.td-step-header-pagination-after,:host.td-step-header-rtl .td-step-header-pagination-before{padding-right:4px}.td-step-header-pagination-after .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-before .td-step-header-pagination-chevron{-ms-transform:rotate(45deg);transform:rotate(45deg)}.td-step-header-pagination-chevron{border-style:solid;border-width:2px 2px 0 0;content:\"\";height:8px;width:8px}.td-step-header-pagination-disabled{box-shadow:none;cursor:default}.td-horizontal-line{-ms-flex:1;border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;flex:1;height:1px;min-width:20px}"]
1470
- }] }
1471
- ];
1472
- /** @nocollapse */
1473
- TdNavStepsHorizontalComponent.ctorParameters = function () { return [
1474
- { type: core.ElementRef },
1475
- { type: scrolling.ViewportRuler },
1476
- { type: bidi.Directionality, decorators: [{ type: core.Optional }] },
1477
- { type: core.Renderer2 },
1478
- { type: core.ChangeDetectorRef }
1479
- ]; };
1480
- TdNavStepsHorizontalComponent.propDecorators = {
1481
- _steps: [{ type: core.ContentChildren, args: [TdNavStepLinkComponent, { descendants: true },] }],
1482
- _stepListContainer: [{ type: core.ViewChild, args: ['stepListContainer', { static: true },] }],
1483
- _stepList: [{ type: core.ViewChild, args: ['stepList', { static: true },] }]
1484
- };
1485
- if (false) {
1486
- /**
1487
- * @type {?}
1488
- * @private
1489
- */
1490
- TdNavStepsHorizontalComponent.prototype._separators;
1491
- /**
1492
- * Emits when the component is destroyed.
1493
- * @type {?}
1494
- * @private
1495
- */
1496
- TdNavStepsHorizontalComponent.prototype._destroyed;
1497
- /**
1498
- * @type {?}
1499
- * @private
1500
- */
1501
- TdNavStepsHorizontalComponent.prototype._widthSubject;
1502
- /**
1503
- * @type {?}
1504
- * @private
1505
- */
1506
- TdNavStepsHorizontalComponent.prototype._scrollDistance;
1507
- /**
1508
- * @type {?}
1509
- * @private
1510
- */
1511
- TdNavStepsHorizontalComponent.prototype._scrollDistanceChanged;
1512
- /**
1513
- * Whether the controls for pagination should be displayed
1514
- * @type {?}
1515
- */
1516
- TdNavStepsHorizontalComponent.prototype._showPaginationControls;
1517
- /**
1518
- * Whether the step list can be scrolled more towards the end.
1519
- * @type {?}
1520
- */
1521
- TdNavStepsHorizontalComponent.prototype._disableScrollAfter;
1522
- /**
1523
- * Whether the step list can be scrolled more towards the beginning.
1524
- * @type {?}
1525
- */
1526
- TdNavStepsHorizontalComponent.prototype._disableScrollBefore;
1527
- /** @type {?} */
1528
- TdNavStepsHorizontalComponent.prototype._steps;
1529
- /** @type {?} */
1530
- TdNavStepsHorizontalComponent.prototype._stepListContainer;
1531
- /** @type {?} */
1532
- TdNavStepsHorizontalComponent.prototype._stepList;
1533
- /**
1534
- * @type {?}
1535
- * @private
1536
- */
1537
- TdNavStepsHorizontalComponent.prototype._elementRef;
1538
- /**
1539
- * @type {?}
1540
- * @private
1541
- */
1542
- TdNavStepsHorizontalComponent.prototype._viewportRuler;
1543
- /**
1544
- * @type {?}
1545
- * @private
1546
- */
1547
- TdNavStepsHorizontalComponent.prototype._dir;
1548
- /**
1549
- * @type {?}
1550
- * @private
1551
- */
1552
- TdNavStepsHorizontalComponent.prototype._renderer;
1553
- /**
1554
- * @type {?}
1555
- * @private
1556
- */
1557
- TdNavStepsHorizontalComponent.prototype._changeDetectorRef;
1558
- }
1559
-
1560
- /**
1561
- * @fileoverview added by tsickle
1562
- * Generated from: nav/nav-steps-vertical/nav-steps-vertical.component.ts
1563
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1564
- */
1565
- var TdNavStepsVerticalComponent = /** @class */ (function () {
1566
- /**
1567
- * @param {?} _renderer
1568
- * @param {?} _changeDetectorRef
1569
- */
1570
- function TdNavStepsVerticalComponent(_renderer, _changeDetectorRef) {
1571
- this._renderer = _renderer;
1572
- this._changeDetectorRef = _changeDetectorRef;
1573
- this._separators = [];
1574
- /**
1575
- * Emits when the component is destroyed.
1576
- */
1577
- this._destroyed = new rxjs.Subject();
1578
- }
1579
- /**
1580
- * @return {?}
1581
- */
1582
- TdNavStepsVerticalComponent.prototype.ngAfterContentInit = function () {
1583
- var _this = this;
1584
- this._steps.changes.pipe(operators.takeUntil(this._destroyed)).subscribe(( /**
1585
- * @return {?}
1586
- */function () {
1587
- _this._configureSteps();
1588
- _this._changeDetectorRef.markForCheck();
1589
- }));
1590
- this._configureSteps();
1591
- this._changeDetectorRef.markForCheck();
1592
- };
1593
- /**
1594
- * @return {?}
1595
- */
1596
- TdNavStepsVerticalComponent.prototype.ngOnDestroy = function () {
1597
- this._destroyed.next();
1598
- this._destroyed.complete();
1599
- };
1600
- /**
1601
- * Set the step line separators and display numbers
1602
- * @private
1603
- * @return {?}
1604
- */
1605
- TdNavStepsVerticalComponent.prototype._configureSteps = function () {
1606
- var _this = this;
1607
- this._separators.forEach(( /**
1608
- * @param {?} separator
1609
- * @return {?}
1610
- */function (separator) {
1611
- _this._renderer.removeChild(_this._stepList.nativeElement, separator);
1612
- }));
1613
- /** @type {?} */
1614
- var stepsArray = this._steps.toArray();
1615
- // set the index number of the step so can display that number in circle
1616
- stepsArray.forEach(( /**
1617
- * @param {?} step
1618
- * @param {?} index
1619
- * @return {?}
1620
- */function (step, index) {
1621
- if (index > 0 && index < stepsArray.length) {
1622
- /** @type {?} */
1623
- var separator = _this._renderer.createElement('div');
1624
- _this._renderer.addClass(separator, 'td-vertical-line-wrapper');
1625
- /** @type {?} */
1626
- var separatorChild = _this._renderer.createElement('div');
1627
- _this._renderer.addClass(separatorChild, 'td-vertical-line');
1628
- _this._renderer.appendChild(separator, separatorChild);
1629
- _this._separators.push(separator);
1630
- _this._renderer.insertBefore(_this._stepList.nativeElement, separator, step.elementRef.nativeElement);
1631
- }
1632
- step.number = index + 1;
1633
- }));
1634
- };
1635
- return TdNavStepsVerticalComponent;
1636
- }());
1637
- TdNavStepsVerticalComponent.decorators = [
1638
- { type: core.Component, args: [{
1639
- selector: 'nav[td-steps][vertical]',
1640
- template: "<div class=\"td-steps-header\">\n <div class=\"td-steps-header-container\">\n <div #stepList class=\"td-steps-header-list\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n",
1641
- changeDetection: core.ChangeDetectionStrategy.OnPush,
1642
- /* tslint:disable-next-line */
1643
- host: {
1644
- class: 'td-steps td-steps-vertical',
1645
- },
1646
- styles: [".td-vertical-line-wrapper{position:relative}.td-vertical-line-wrapper .td-vertical-line{border-left-style:solid;border-left-width:1px;height:34px;position:absolute;top:-16px}::ng-deep :not([dir=rtl]) .td-vertical-line-wrapper .td-vertical-line{left:20px;right:auto}::ng-deep [dir=rtl] .td-vertical-line-wrapper .td-vertical-line{left:auto;right:20px}"]
1647
- }] }
1648
- ];
1649
- /** @nocollapse */
1650
- TdNavStepsVerticalComponent.ctorParameters = function () { return [
1651
- { type: core.Renderer2 },
1652
- { type: core.ChangeDetectorRef }
1653
- ]; };
1654
- TdNavStepsVerticalComponent.propDecorators = {
1655
- _steps: [{ type: core.ContentChildren, args: [TdNavStepLinkComponent, { descendants: true },] }],
1656
- _stepList: [{ type: core.ViewChild, args: ['stepList', { static: true },] }]
1657
- };
1658
- if (false) {
1659
- /**
1660
- * @type {?}
1661
- * @private
1662
- */
1663
- TdNavStepsVerticalComponent.prototype._separators;
1664
- /**
1665
- * Emits when the component is destroyed.
1666
- * @type {?}
1667
- * @private
1668
- */
1669
- TdNavStepsVerticalComponent.prototype._destroyed;
1670
- /** @type {?} */
1671
- TdNavStepsVerticalComponent.prototype._steps;
1672
- /** @type {?} */
1673
- TdNavStepsVerticalComponent.prototype._stepList;
1674
- /**
1675
- * @type {?}
1676
- * @private
1677
- */
1678
- TdNavStepsVerticalComponent.prototype._renderer;
1679
- /**
1680
- * @type {?}
1681
- * @private
1682
- */
1683
- TdNavStepsVerticalComponent.prototype._changeDetectorRef;
1684
- }
1685
-
1686
- /**
1687
- * @fileoverview added by tsickle
1688
- * Generated from: steps.module.ts
1689
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1690
- */
1691
- /** @type {?} */
1692
- var TD_STEPS = [
1693
- TdStepsComponent,
1694
- TdStepComponent,
1695
- TdStepHeaderComponent,
1696
- TdStepBodyComponent,
1697
- TdStepLabelDirective,
1698
- TdStepActionsDirective,
1699
- TdStepSummaryDirective,
1700
- TdNavStepsHorizontalComponent,
1701
- TdNavStepsVerticalComponent,
1702
- TdNavStepLinkComponent,
1703
- ];
1704
- var CovalentStepsModule = /** @class */ (function () {
1705
- function CovalentStepsModule() {
1706
- }
1707
- return CovalentStepsModule;
1708
- }());
1709
- CovalentStepsModule.decorators = [
1710
- { type: core.NgModule, args: [{
1711
- imports: [common$1.CommonModule, icon.MatIconModule, core$1.MatRippleModule, portal.PortalModule, scrolling.ScrollingModule, common.CovalentCommonModule],
1712
- declarations: [TD_STEPS],
1713
- exports: [TD_STEPS],
1714
- },] }
1715
- ];
1716
-
1717
- /**
1718
- * @fileoverview added by tsickle
1719
- * Generated from: public-api.ts
1720
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1721
- */
1722
-
1723
- /**
1724
- * @fileoverview added by tsickle
1725
- * Generated from: index.ts
1726
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1727
- */
1728
-
1729
- /**
1730
- * @fileoverview added by tsickle
1731
- * Generated from: covalent-core-steps.ts
1732
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1733
- */
1734
-
1735
- exports.CovalentStepsModule = CovalentStepsModule;
1736
- exports.StepMode = StepMode;
1737
- exports.StepState = StepState;
1738
- exports.TdNavStepLinkComponent = TdNavStepLinkComponent;
1739
- exports.TdNavStepsHorizontalComponent = TdNavStepsHorizontalComponent;
1740
- exports.TdNavStepsVerticalComponent = TdNavStepsVerticalComponent;
1741
- exports.TdStepActionsDirective = TdStepActionsDirective;
1742
- exports.TdStepBase = TdStepBase;
1743
- exports.TdStepBodyComponent = TdStepBodyComponent;
1744
- exports.TdStepComponent = TdStepComponent;
1745
- exports.TdStepHeaderBase = TdStepHeaderBase;
1746
- exports.TdStepHeaderComponent = TdStepHeaderComponent;
1747
- exports.TdStepLabelDirective = TdStepLabelDirective;
1748
- exports.TdStepSummaryDirective = TdStepSummaryDirective;
1749
- exports.TdStepsComponent = TdStepsComponent;
1750
- exports._TdStepHeaderMixinBase = _TdStepHeaderMixinBase;
1751
- exports._TdStepMixinBase = _TdStepMixinBase;
1752
-
1753
- Object.defineProperty(exports, '__esModule', { value: true });
1754
-
1755
- })));
1756
- //# sourceMappingURL=covalent-core-steps.umd.js.map