@covalent/core 4.0.0-beta.2 → 4.1.0-develop.2

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 (371) hide show
  1. package/README.md +5 -4
  2. package/breadcrumbs/README.md +21 -17
  3. package/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +3 -1
  4. package/breadcrumbs/breadcrumbs.component.d.ts +1 -0
  5. package/breadcrumbs/covalent-core-breadcrumbs.d.ts +1 -1
  6. package/breadcrumbs/{public-api.d.ts → public_api.d.ts} +0 -0
  7. package/common/README.md +3 -0
  8. package/common/_common-theme.scss +1 -1
  9. package/common/behaviors/disable-ripple.mixin.d.ts +1 -1
  10. package/common/behaviors/disabled.mixin.d.ts +1 -1
  11. package/common/covalent-core-common.d.ts +1 -1
  12. package/common/pipes/truncate/truncate.pipe.d.ts +1 -1
  13. package/common/{public-api.d.ts → public_api.d.ts} +0 -0
  14. package/common/styles/font/README.md +4 -2
  15. package/covalent-core.d.ts +1 -1
  16. package/dialogs/README.md +38 -30
  17. package/dialogs/alert-dialog/alert-dialog.component.d.ts +3 -3
  18. package/dialogs/confirm-dialog/confirm-dialog.component.d.ts +2 -2
  19. package/dialogs/covalent-core-dialogs.d.ts +1 -1
  20. package/dialogs/dialog.component.d.ts +4 -4
  21. package/dialogs/dialogs.module.d.ts +1 -1
  22. package/dialogs/prompt-dialog/prompt-dialog.component.d.ts +3 -3
  23. package/dialogs/{public-api.d.ts → public_api.d.ts} +0 -0
  24. package/dialogs/src/README.md +223 -0
  25. package/dialogs/window-dialog/window-dialog.component.d.ts +5 -5
  26. package/dynamic-menu/README.md +6 -6
  27. package/dynamic-menu/covalent-core-dynamic-menu.d.ts +1 -1
  28. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.d.ts +1 -1
  29. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.d.ts +1 -1
  30. package/dynamic-menu/dynamic-menu.component.d.ts +1 -22
  31. package/dynamic-menu/dynamic-menu.menu.d.ts +22 -0
  32. package/dynamic-menu/public_api.d.ts +1 -0
  33. package/esm2020/breadcrumbs/breadcrumb/breadcrumb.component.mjs +21 -37
  34. package/esm2020/breadcrumbs/breadcrumbs.component.mjs +20 -25
  35. package/esm2020/breadcrumbs/breadcrumbs.module.mjs +12 -13
  36. package/esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs +2 -2
  37. package/esm2020/breadcrumbs/public_api.mjs +4 -0
  38. package/esm2020/common/animations/bounce/bounce.animation.mjs +1 -1
  39. package/esm2020/common/animations/collapse/collapse.animation.mjs +1 -1
  40. package/esm2020/common/animations/common/interfaces.mjs +1 -1
  41. package/esm2020/common/animations/fade/fadeInOut.animation.mjs +1 -1
  42. package/esm2020/common/animations/flash/flash.animation.mjs +1 -1
  43. package/esm2020/common/animations/headshake/headshake.animation.mjs +17 -5
  44. package/esm2020/common/animations/jello/jello.animation.mjs +29 -8
  45. package/esm2020/common/animations/pulse/pulse.animation.mjs +1 -1
  46. package/esm2020/common/animations/rotate/rotate.animation.mjs +7 -2
  47. package/esm2020/common/behaviors/control-value-accesor.mixin.mjs +4 -2
  48. package/esm2020/common/behaviors/disable-ripple.mixin.mjs +1 -1
  49. package/esm2020/common/behaviors/disabled.mixin.mjs +1 -1
  50. package/esm2020/common/common.module.mjs +14 -15
  51. package/esm2020/common/covalent-core-common.mjs +2 -2
  52. package/esm2020/common/directives/fullscreen/fullscreen.directive.mjs +41 -41
  53. package/esm2020/common/forms/auto-trim/auto-trim.directive.mjs +19 -19
  54. package/esm2020/common/forms/validators/validators.mjs +6 -6
  55. package/esm2020/common/functions/clipboard.mjs +1 -1
  56. package/esm2020/common/functions/convert.mjs +1 -1
  57. package/esm2020/common/functions/download.mjs +1 -1
  58. package/esm2020/common/functions/file.mjs +1 -1
  59. package/esm2020/common/pipes/bytes/bytes.pipe.mjs +21 -11
  60. package/esm2020/common/pipes/decimal-bytes/decimal-bytes.pipe.mjs +21 -11
  61. package/esm2020/common/pipes/digits/digits.pipe.mjs +13 -13
  62. package/esm2020/common/pipes/time-ago/time-ago.pipe.mjs +9 -9
  63. package/esm2020/common/pipes/time-difference/time-difference.pipe.mjs +9 -9
  64. package/esm2020/common/pipes/time-until/time-until.pipe.mjs +9 -9
  65. package/esm2020/common/pipes/truncate/truncate.pipe.mjs +10 -10
  66. package/esm2020/common/public_api.mjs +39 -0
  67. package/esm2020/common/services/icon.service.mjs +6 -6
  68. package/esm2020/common/services/router-path.service.mjs +6 -6
  69. package/esm2020/covalent-core.mjs +2 -2
  70. package/esm2020/dialogs/alert-dialog/alert-dialog.component.mjs +9 -40
  71. package/esm2020/dialogs/confirm-dialog/confirm-dialog.component.mjs +9 -49
  72. package/esm2020/dialogs/covalent-core-dialogs.mjs +2 -2
  73. package/esm2020/dialogs/dialog.component.mjs +35 -76
  74. package/esm2020/dialogs/dialogs.module.mjs +39 -36
  75. package/esm2020/dialogs/prompt-dialog/prompt-dialog.component.mjs +15 -73
  76. package/esm2020/dialogs/public_api.mjs +9 -0
  77. package/esm2020/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.mjs +27 -10
  78. package/esm2020/dialogs/services/dialog.service.mjs +16 -13
  79. package/esm2020/dialogs/window-dialog/window-dialog.component.mjs +24 -55
  80. package/esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs +2 -2
  81. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.mjs +19 -136
  82. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.mjs +14 -103
  83. package/esm2020/dynamic-menu/dynamic-menu.component.mjs +18 -101
  84. package/esm2020/dynamic-menu/dynamic-menu.menu.mjs +2 -0
  85. package/esm2020/dynamic-menu/dynamic-menu.module.mjs +44 -19
  86. package/esm2020/dynamic-menu/public_api.mjs +2 -1
  87. package/esm2020/file/covalent-core-file.mjs +2 -2
  88. package/esm2020/file/directives/file-drop.directive.mjs +46 -47
  89. package/esm2020/file/directives/file-select.directive.mjs +32 -31
  90. package/esm2020/file/file-input/file-input.component.mjs +41 -68
  91. package/esm2020/file/file-upload/file-upload.component.mjs +76 -112
  92. package/esm2020/file/file.module.mjs +32 -17
  93. package/esm2020/file/public_api.mjs +7 -0
  94. package/esm2020/file/services/file.service.mjs +13 -11
  95. package/esm2020/json-formatter/collapse.animation.mjs +51 -0
  96. package/esm2020/json-formatter/covalent-core-json-formatter.mjs +2 -2
  97. package/esm2020/json-formatter/json-formatter.component.mjs +38 -123
  98. package/esm2020/json-formatter/json-formatter.module.mjs +12 -13
  99. package/esm2020/json-formatter/public_api.mjs +3 -0
  100. package/esm2020/layout/covalent-core-layout.mjs +2 -2
  101. package/esm2020/layout/layout-card-over/layout-card-over.component.mjs +17 -64
  102. package/esm2020/layout/layout-footer/layout-footer.component.mjs +9 -14
  103. package/esm2020/layout/layout-manage-list/layout-manage-list.component.mjs +22 -51
  104. package/esm2020/layout/layout-manage-list/layout-manage-list.directives.mjs +47 -53
  105. package/esm2020/layout/layout-nav/layout-nav.component.mjs +22 -84
  106. package/esm2020/layout/layout-nav-list/layout-nav-list.component.mjs +37 -124
  107. package/esm2020/layout/layout-nav-list/layout-nav-list.directives.mjs +47 -53
  108. package/esm2020/layout/layout-toggle.class.mjs +12 -15
  109. package/esm2020/layout/layout.component.mjs +22 -43
  110. package/esm2020/layout/layout.directives.mjs +48 -50
  111. package/esm2020/layout/layout.module.mjs +34 -35
  112. package/esm2020/layout/navigation-drawer/navigation-drawer.component.mjs +56 -201
  113. package/esm2020/layout/public_api.mjs +13 -0
  114. package/esm2020/menu/covalent-core-menu.mjs +2 -2
  115. package/esm2020/menu/menu.component.mjs +7 -18
  116. package/esm2020/menu/menu.module.mjs +12 -13
  117. package/esm2020/menu/public_api.mjs +3 -0
  118. package/esm2020/message/collapse.animation.mjs +51 -0
  119. package/esm2020/message/covalent-core-message.mjs +2 -2
  120. package/esm2020/message/message.component.mjs +44 -102
  121. package/esm2020/message/message.module.mjs +19 -15
  122. package/esm2020/message/public_api.mjs +3 -0
  123. package/esm2020/public_api.mjs +2 -0
  124. package/esm2020/search/covalent-core-search.mjs +2 -2
  125. package/esm2020/search/public_api.mjs +4 -0
  126. package/esm2020/search/search-box/search-box.component.mjs +97 -123
  127. package/esm2020/search/search-input/search-input.component.mjs +116 -153
  128. package/esm2020/search/search.module.mjs +28 -13
  129. package/esm2020/side-sheet/covalent-core-side-sheet.mjs +2 -2
  130. package/esm2020/side-sheet/public_api.mjs +6 -0
  131. package/esm2020/side-sheet/side-sheet-container.mjs +89 -57
  132. package/esm2020/side-sheet/side-sheet-ref.mjs +2 -2
  133. package/esm2020/side-sheet/side-sheet.animation.mjs +2 -2
  134. package/esm2020/side-sheet/side-sheet.config.mjs +1 -1
  135. package/esm2020/side-sheet/side-sheet.content-directives.mjs +109 -86
  136. package/esm2020/side-sheet/side-sheet.mjs +44 -31
  137. package/esm2020/side-sheet/side-sheet.module.mjs +37 -38
  138. package/esm2020/user-profile/covalent-core-user-profile.mjs +2 -2
  139. package/esm2020/user-profile/public_api.mjs +1 -1
  140. package/esm2020/user-profile/user-profile-menu/user-profile-menu.component.mjs +13 -64
  141. package/esm2020/user-profile/user-profile.component.mjs +13 -35
  142. package/esm2020/user-profile/user-profile.module.mjs +32 -14
  143. package/fesm2015/covalent-core-breadcrumbs.mjs +35 -76
  144. package/fesm2015/covalent-core-breadcrumbs.mjs.map +1 -1
  145. package/fesm2015/covalent-core-common.mjs +170 -140
  146. package/fesm2015/covalent-core-common.mjs.map +1 -1
  147. package/fesm2015/covalent-core-dialogs.mjs +125 -358
  148. package/fesm2015/covalent-core-dialogs.mjs.map +1 -1
  149. package/fesm2015/covalent-core-dynamic-menu.mjs +73 -425
  150. package/fesm2015/covalent-core-dynamic-menu.mjs.map +1 -1
  151. package/fesm2015/covalent-core-file.mjs +148 -233
  152. package/fesm2015/covalent-core-file.mjs.map +1 -1
  153. package/fesm2015/covalent-core-json-formatter.mjs +93 -148
  154. package/fesm2015/covalent-core-json-formatter.mjs.map +1 -1
  155. package/fesm2015/covalent-core-layout.mjs +194 -747
  156. package/fesm2015/covalent-core-layout.mjs.map +1 -1
  157. package/fesm2015/covalent-core-menu.mjs +10 -28
  158. package/fesm2015/covalent-core-menu.mjs.map +1 -1
  159. package/fesm2015/covalent-core-message.mjs +79 -104
  160. package/fesm2015/covalent-core-message.mjs.map +1 -1
  161. package/fesm2015/covalent-core-search.mjs +147 -227
  162. package/fesm2015/covalent-core-search.mjs.map +1 -1
  163. package/fesm2015/covalent-core-side-sheet.mjs +202 -173
  164. package/fesm2015/covalent-core-side-sheet.mjs.map +1 -1
  165. package/fesm2015/covalent-core-user-profile.mjs +38 -114
  166. package/fesm2015/covalent-core-user-profile.mjs.map +1 -1
  167. package/fesm2015/covalent-core.mjs.map +1 -1
  168. package/fesm2020/covalent-core-breadcrumbs.mjs +49 -71
  169. package/fesm2020/covalent-core-breadcrumbs.mjs.map +1 -1
  170. package/fesm2020/covalent-core-common.mjs +224 -165
  171. package/fesm2020/covalent-core-common.mjs.map +1 -1
  172. package/fesm2020/covalent-core-dialogs.mjs +160 -338
  173. package/fesm2020/covalent-core-dialogs.mjs.map +1 -1
  174. package/fesm2020/covalent-core-dynamic-menu.mjs +89 -354
  175. package/fesm2020/covalent-core-dynamic-menu.mjs.map +1 -1
  176. package/fesm2020/covalent-core-file.mjs +229 -273
  177. package/fesm2020/covalent-core-file.mjs.map +1 -1
  178. package/fesm2020/covalent-core-json-formatter.mjs +97 -133
  179. package/fesm2020/covalent-core-json-formatter.mjs.map +1 -1
  180. package/fesm2020/covalent-core-layout.mjs +353 -767
  181. package/fesm2020/covalent-core-layout.mjs.map +1 -1
  182. package/fesm2020/covalent-core-menu.mjs +17 -29
  183. package/fesm2020/covalent-core-menu.mjs.map +1 -1
  184. package/fesm2020/covalent-core-message.mjs +110 -114
  185. package/fesm2020/covalent-core-message.mjs.map +1 -1
  186. package/fesm2020/covalent-core-search.mjs +233 -281
  187. package/fesm2020/covalent-core-search.mjs.map +1 -1
  188. package/fesm2020/covalent-core-side-sheet.mjs +267 -200
  189. package/fesm2020/covalent-core-side-sheet.mjs.map +1 -1
  190. package/fesm2020/covalent-core-user-profile.mjs +54 -109
  191. package/fesm2020/covalent-core-user-profile.mjs.map +1 -1
  192. package/fesm2020/covalent-core.mjs.map +1 -1
  193. package/file/_file-theme.scss +2 -1
  194. package/file/covalent-core-file.d.ts +1 -1
  195. package/file/directives/file-drop.directive.d.ts +6 -7
  196. package/file/directives/file-select.directive.d.ts +2 -2
  197. package/file/file-input/file-input.component.d.ts +7 -7
  198. package/file/file-upload/file-upload.component.d.ts +16 -9
  199. package/file/{public-api.d.ts → public_api.d.ts} +0 -0
  200. package/file/{file-input → src/file-input}/README.md +46 -37
  201. package/file/{file-upload → src/file-upload}/README.md +36 -27
  202. package/json-formatter/README.md +8 -8
  203. package/json-formatter/collapse.animation.d.ts +24 -0
  204. package/json-formatter/covalent-core-json-formatter.d.ts +1 -1
  205. package/json-formatter/json-formatter.component.d.ts +4 -4
  206. package/json-formatter/{public-api.d.ts → public_api.d.ts} +0 -0
  207. package/layout/README.md +48 -50
  208. package/layout/covalent-core-layout.d.ts +1 -1
  209. package/layout/layout-card-over/layout-card-over.component.d.ts +3 -3
  210. package/layout/layout-footer/layout-footer.component.d.ts +3 -3
  211. package/layout/layout-manage-list/layout-manage-list.component.d.ts +4 -4
  212. package/layout/layout-manage-list/layout-manage-list.directives.d.ts +5 -5
  213. package/layout/layout-nav/layout-nav.component.d.ts +5 -5
  214. package/layout/layout-nav-list/layout-nav-list.component.d.ts +9 -9
  215. package/layout/layout-nav-list/layout-nav-list.directives.d.ts +5 -5
  216. package/layout/layout-toggle.class.d.ts +1 -1
  217. package/layout/layout.component.d.ts +4 -4
  218. package/layout/layout.directives.d.ts +2 -2
  219. package/layout/navigation-drawer/navigation-drawer.component.d.ts +12 -12
  220. package/layout/{public-api.d.ts → public_api.d.ts} +0 -0
  221. package/layout/{layout-card-over → src/layout-card-over}/README.md +19 -17
  222. package/layout/{layout-manage-list → src/layout-manage-list}/README.md +24 -28
  223. package/layout/src/layout-nav/README.md +50 -0
  224. package/layout/{layout-nav-list → src/layout-nav-list}/README.md +44 -40
  225. package/menu/covalent-core-menu.d.ts +1 -1
  226. package/menu/{public-api.d.ts → public_api.d.ts} +0 -0
  227. package/message/README.md +26 -18
  228. package/message/collapse.animation.d.ts +24 -0
  229. package/message/covalent-core-message.d.ts +1 -1
  230. package/message/message.component.d.ts +4 -4
  231. package/message/{public-api.d.ts → public_api.d.ts} +0 -0
  232. package/package.json +36 -55
  233. package/{index.d.ts → public_api.d.ts} +0 -0
  234. package/search/README.md +74 -73
  235. package/search/covalent-core-search.d.ts +1 -1
  236. package/search/{public-api.d.ts → public_api.d.ts} +0 -0
  237. package/search/search-box/search-box.component.d.ts +10 -6
  238. package/search/search-input/search-input.component.d.ts +10 -6
  239. package/search/src/search-box/README.md +73 -0
  240. package/search/src/search-input/README.md +74 -0
  241. package/side-sheet/README.md +3 -5
  242. package/side-sheet/{side-sheet.theme.scss → _side-sheet.theme.scss} +0 -0
  243. package/side-sheet/covalent-core-side-sheet.d.ts +1 -1
  244. package/side-sheet/{public-api.d.ts → public_api.d.ts} +0 -0
  245. package/side-sheet/side-sheet-container.d.ts +18 -7
  246. package/side-sheet/side-sheet.content-directives.d.ts +22 -16
  247. package/side-sheet/side-sheet.d.ts +2 -2
  248. package/side-sheet/side-sheet.module.d.ts +1 -1
  249. package/user-profile/README.md +5 -5
  250. package/user-profile/covalent-core-user-profile.d.ts +1 -1
  251. package/user-profile/user-profile-menu/user-profile-menu.component.d.ts +2 -2
  252. package/user-profile/user-profile.component.d.ts +2 -2
  253. package/breadcrumbs/breadcrumb/breadcrumb.component.scss +0 -25
  254. package/breadcrumbs/breadcrumbs.component.scss +0 -8
  255. package/breadcrumbs/index.d.ts +0 -1
  256. package/common/index.d.ts +0 -1
  257. package/common/material-icons.css +0 -111
  258. package/common/material-icons.css.map +0 -1
  259. package/common/material-icons.scss +0 -3
  260. package/common/platform.css +0 -16819
  261. package/common/platform.css.map +0 -1
  262. package/common/platform.scss +0 -7
  263. package/common/styles/_elevation.scss +0 -280
  264. package/common/styles/_layout.scss +0 -605
  265. package/common/styles/_palette-dark.scss +0 -326
  266. package/common/styles/_palette-light.scss +0 -637
  267. package/common/styles/_rtl.scss +0 -31
  268. package/common/styles/_styles.scss +0 -10
  269. package/common/styles/_theme-functions.scss +0 -25
  270. package/common/styles/_typography-functions.scss +0 -35
  271. package/common/styles/_variables.scss +0 -98
  272. package/common/styles/colors/_colors-dark.scss +0 -1399
  273. package/common/styles/colors/_colors-light.scss +0 -3235
  274. package/common/styles/colors/_colors.scss +0 -7
  275. package/common/styles/core/_button.scss +0 -60
  276. package/common/styles/core/_card.scss +0 -184
  277. package/common/styles/core/_content.scss +0 -43
  278. package/common/styles/core/_core.scss +0 -23
  279. package/common/styles/core/_divider.scss +0 -16
  280. package/common/styles/core/_icons.scss +0 -22
  281. package/common/styles/core/_list.scss +0 -8
  282. package/common/styles/core/_sidenav.scss +0 -22
  283. package/common/styles/core/_structure.scss +0 -127
  284. package/common/styles/core/_toolbar.scss +0 -53
  285. package/common/styles/core/_whiteframe.scss +0 -130
  286. package/common/styles/font/MaterialIcons-Regular-v48.woff2 +0 -0
  287. package/common/styles/font/_font.scss +0 -99
  288. package/common/styles/utilities/_general.scss +0 -65
  289. package/common/styles/utilities/_pad.scss +0 -36
  290. package/common/styles/utilities/_pull.scss +0 -36
  291. package/common/styles/utilities/_push.scss +0 -36
  292. package/common/styles/utilities/_size.scss +0 -24
  293. package/common/styles/utilities/_text.scss +0 -105
  294. package/common/styles/utilities/_utilities.scss +0 -15
  295. package/dialogs/alert-dialog/alert-dialog.component.scss +0 -3
  296. package/dialogs/confirm-dialog/confirm-dialog.component.scss +0 -3
  297. package/dialogs/dialog.component.scss +0 -49
  298. package/dialogs/index.d.ts +0 -1
  299. package/dialogs/prompt-dialog/prompt-dialog.component.scss +0 -16
  300. package/dialogs/window-dialog/window-dialog.component.scss +0 -31
  301. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.scss +0 -7
  302. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.scss +0 -13
  303. package/dynamic-menu/dynamic-menu.component.scss +0 -0
  304. package/dynamic-menu/index.d.ts +0 -1
  305. package/esm2020/breadcrumbs/index.mjs +0 -2
  306. package/esm2020/breadcrumbs/public-api.mjs +0 -4
  307. package/esm2020/common/index.mjs +0 -2
  308. package/esm2020/common/public-api.mjs +0 -39
  309. package/esm2020/dialogs/index.mjs +0 -2
  310. package/esm2020/dialogs/public-api.mjs +0 -9
  311. package/esm2020/dynamic-menu/index.mjs +0 -2
  312. package/esm2020/file/index.mjs +0 -2
  313. package/esm2020/file/public-api.mjs +0 -7
  314. package/esm2020/index.mjs +0 -2
  315. package/esm2020/json-formatter/index.mjs +0 -2
  316. package/esm2020/json-formatter/public-api.mjs +0 -3
  317. package/esm2020/layout/index.mjs +0 -2
  318. package/esm2020/layout/public-api.mjs +0 -13
  319. package/esm2020/menu/index.mjs +0 -2
  320. package/esm2020/menu/public-api.mjs +0 -3
  321. package/esm2020/message/index.mjs +0 -2
  322. package/esm2020/message/public-api.mjs +0 -3
  323. package/esm2020/search/index.mjs +0 -2
  324. package/esm2020/search/public-api.mjs +0 -4
  325. package/esm2020/side-sheet/index.mjs +0 -2
  326. package/esm2020/side-sheet/public-api.mjs +0 -6
  327. package/esm2020/user-profile/index.mjs +0 -2
  328. package/file/file-input/file-input.component.scss +0 -22
  329. package/file/file-upload/file-upload.component.scss +0 -34
  330. package/file/index.d.ts +0 -1
  331. package/json-formatter/index.d.ts +0 -1
  332. package/json-formatter/json-formatter.component.scss +0 -74
  333. package/layout/index.d.ts +0 -1
  334. package/layout/layout-card-over/layout-card-over.component.scss +0 -45
  335. package/layout/layout-footer/layout-footer.component.scss +0 -4
  336. package/layout/layout-manage-list/layout-manage-list.component.scss +0 -82
  337. package/layout/layout-nav/README.md +0 -46
  338. package/layout/layout-nav/layout-nav.component.scss +0 -54
  339. package/layout/layout-nav-list/layout-nav-list.component.scss +0 -115
  340. package/layout/layout.component.scss +0 -16
  341. package/layout/navigation-drawer/navigation-drawer.component.scss +0 -81
  342. package/menu/index.d.ts +0 -1
  343. package/menu/menu.component.scss +0 -51
  344. package/message/index.d.ts +0 -1
  345. package/message/message.component.scss +0 -32
  346. package/schematics/README.md +0 -66
  347. package/schematics/ng-add/files/theme.scss +0 -64
  348. package/search/index.d.ts +0 -1
  349. package/search/search-box/README.md +0 -62
  350. package/search/search-box/search-box.component.scss +0 -37
  351. package/search/search-input/README.md +0 -65
  352. package/search/search-input/search-input.component.scss +0 -75
  353. package/side-sheet/index.d.ts +0 -1
  354. package/side-sheet/side-sheet.scss +0 -68
  355. package/theming/prebuilt/blue-grey-deep-orange.css +0 -2815
  356. package/theming/prebuilt/blue-grey-deep-orange.css.map +0 -1
  357. package/theming/prebuilt/blue-grey-deep-orange.scss +0 -20
  358. package/theming/prebuilt/blue-orange.css +0 -2815
  359. package/theming/prebuilt/blue-orange.css.map +0 -1
  360. package/theming/prebuilt/blue-orange.scss +0 -20
  361. package/theming/prebuilt/indigo-pink.css +0 -2815
  362. package/theming/prebuilt/indigo-pink.css.map +0 -1
  363. package/theming/prebuilt/indigo-pink.scss +0 -20
  364. package/theming/prebuilt/orange-light-blue.css +0 -2815
  365. package/theming/prebuilt/orange-light-blue.css.map +0 -1
  366. package/theming/prebuilt/orange-light-blue.scss +0 -20
  367. package/theming/prebuilt/teal-orange.css +0 -2815
  368. package/theming/prebuilt/teal-orange.css.map +0 -1
  369. package/theming/prebuilt/teal-orange.scss +0 -20
  370. package/user-profile/index.d.ts +0 -1
  371. package/user-profile/user-profile-menu/user-profile-menu.component.scss +0 -41
@@ -1,18 +1,18 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { EventEmitter, Directive, Optional, Host, Input, Output, HostBinding, HostListener, forwardRef, Component, ChangeDetectionStrategy, ViewChild, ContentChild, Injectable, NgModule } from '@angular/core';
3
- import * as i1$2 from '@angular/common';
3
+ import * as i4 from '@angular/common';
4
4
  import { CommonModule } from '@angular/common';
5
5
  import * as i1 from '@angular/forms';
6
6
  import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
7
- import * as i4 from '@angular/cdk/portal';
7
+ import * as i6 from '@angular/cdk/portal';
8
8
  import { TemplatePortalDirective, PortalModule } from '@angular/cdk/portal';
9
- import * as i6 from '@angular/material/icon';
9
+ import * as i3 from '@angular/material/icon';
10
10
  import { MatIconModule } from '@angular/material/icon';
11
11
  import * as i1$1 from '@angular/material/button';
12
12
  import { MatButtonModule } from '@angular/material/button';
13
13
  import { coerceBooleanProperty } from '@angular/cdk/coercion';
14
- import { mixinDisabled, mixinControlValueAccessor } from '@covalent/core/common';
15
- import * as i1$3 from '@angular/common/http';
14
+ import { mixinControlValueAccessor, mixinDisabled } from '@covalent/core/common';
15
+ import * as i1$2 from '@angular/common/http';
16
16
  import { HttpRequest, HttpHeaders, HttpParams, HttpEventType } from '@angular/common/http';
17
17
  import { Subject } from 'rxjs';
18
18
  import { tap } from 'rxjs/operators';
@@ -51,52 +51,51 @@ class TdFileSelectDirective {
51
51
  onChange(event) {
52
52
  if (event.target instanceof HTMLInputElement) {
53
53
  const fileInputEl = event.target;
54
- const files = fileInputEl.files;
54
+ const files = fileInputEl.files || new FileList();
55
55
  if (files.length) {
56
- const value = this._multiple ? (files.length > 1 ? files : files[0]) : files[0];
57
- this.model ? this.model.update.emit(value) : this.fileSelect.emit(value);
56
+ const value = this._multiple
57
+ ? files.length > 1
58
+ ? files
59
+ : files[0]
60
+ : files[0];
61
+ this.model
62
+ ? this.model.update.emit(value)
63
+ : this.fileSelect.emit(value);
58
64
  }
59
65
  }
60
66
  }
61
67
  }
62
- /** @nocollapse */ /** @nocollapse */ TdFileSelectDirective.ɵfac = function TdFileSelectDirective_Factory(t) { return new (t || TdFileSelectDirective)(i0.ɵɵdirectiveInject(i1.NgModel, 9)); };
63
- /** @nocollapse */ /** @nocollapse */ TdFileSelectDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdFileSelectDirective, selectors: [["", "tdFileSelect", ""]], hostVars: 1, hostBindings: function TdFileSelectDirective_HostBindings(rf, ctx) { if (rf & 1) {
64
- i0.ɵɵlistener("change", function TdFileSelectDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
65
- } if (rf & 2) {
66
- i0.ɵɵattribute("multiple", ctx.multipleBinding);
67
- } }, inputs: { multiple: "multiple" }, outputs: { fileSelect: "fileSelect" } });
68
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileSelectDirective, [{
69
- type: Directive,
70
- args: [{
71
- selector: '[tdFileSelect]',
72
- }]
73
- }], function () { return [{ type: i1.NgModel, decorators: [{
74
- type: Optional
75
- }, {
76
- type: Host
77
- }] }]; }, { multiple: [{
78
- type: Input,
79
- args: ['multiple']
80
- }], fileSelect: [{
81
- type: Output
82
- }], multipleBinding: [{
83
- type: HostBinding,
84
- args: ['attr.multiple']
85
- }], onChange: [{
86
- type: HostListener,
87
- args: ['change', ['$event']]
88
- }] }); })();
68
+ TdFileSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileSelectDirective, deps: [{ token: i1.NgModel, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
69
+ TdFileSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdFileSelectDirective, selector: "[tdFileSelect]", inputs: { multiple: "multiple" }, outputs: { fileSelect: "fileSelect" }, host: { listeners: { "change": "onChange($event)" }, properties: { "attr.multiple": "this.multipleBinding" } }, ngImport: i0 });
70
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileSelectDirective, decorators: [{
71
+ type: Directive,
72
+ args: [{
73
+ selector: '[tdFileSelect]',
74
+ }]
75
+ }], ctorParameters: function () { return [{ type: i1.NgModel, decorators: [{
76
+ type: Optional
77
+ }, {
78
+ type: Host
79
+ }] }]; }, propDecorators: { multiple: [{
80
+ type: Input
81
+ }], fileSelect: [{
82
+ type: Output
83
+ }], multipleBinding: [{
84
+ type: HostBinding,
85
+ args: ['attr.multiple']
86
+ }], onChange: [{
87
+ type: HostListener,
88
+ args: ['change', ['$event']]
89
+ }] } });
89
90
 
90
91
  class TdFileDropBase {
91
92
  }
92
- /* tslint:disable-next-line */
93
- const _TdFileDropMixinBase = mixinDisabled(TdFileDropBase);
94
- class TdFileDropDirective extends _TdFileDropMixinBase {
93
+ class TdFileDropDirective {
95
94
  constructor(_renderer, _element) {
96
- super();
97
95
  this._renderer = _renderer;
98
96
  this._element = _element;
99
97
  this._multiple = false;
98
+ this.disabled = false;
100
99
  /**
101
100
  * fileDrop?: function
102
101
  * Event emitted when a file or files are dropped in host element after being validated.
@@ -131,10 +130,14 @@ class TdFileDropDirective extends _TdFileDropMixinBase {
131
130
  */
132
131
  onDrop(event) {
133
132
  if (!this.disabled) {
134
- const transfer = event.dataTransfer;
133
+ const transfer = event.dataTransfer ?? new DataTransfer();
135
134
  const files = transfer.files;
136
135
  if (files.length) {
137
- const value = this._multiple ? (files.length > 1 ? files : files[0]) : files[0];
136
+ const value = this._multiple
137
+ ? files.length > 1
138
+ ? files
139
+ : files[0]
140
+ : files[0];
138
141
  this.fileDrop.emit(value);
139
142
  }
140
143
  }
@@ -147,10 +150,12 @@ class TdFileDropDirective extends _TdFileDropMixinBase {
147
150
  * Stops event propagation and default action from browser for 'dragover' event.
148
151
  */
149
152
  onDragOver(event) {
150
- const transfer = event.dataTransfer;
153
+ const transfer = event.dataTransfer || new DataTransfer();
151
154
  transfer.dropEffect = this._typeCheck(transfer.types);
152
155
  if (this.disabled ||
153
- (!this._multiple && ((transfer.items && transfer.items.length > 1) || transfer.mozItemCount > 1))) {
156
+ (!this._multiple &&
157
+ ((transfer.items && transfer.items.length > 1) ||
158
+ transfer.mozItemCount > 1))) {
154
159
  transfer.dropEffect = 'none';
155
160
  }
156
161
  else {
@@ -193,64 +198,57 @@ class TdFileDropDirective extends _TdFileDropMixinBase {
193
198
  event.stopPropagation();
194
199
  }
195
200
  }
196
- /** @nocollapse */ /** @nocollapse */ TdFileDropDirective.ɵfac = function TdFileDropDirective_Factory(t) { return new (t || TdFileDropDirective)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
197
- /** @nocollapse */ /** @nocollapse */ TdFileDropDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdFileDropDirective, selectors: [["", "tdFileDrop", ""]], hostVars: 2, hostBindings: function TdFileDropDirective_HostBindings(rf, ctx) { if (rf & 1) {
198
- i0.ɵɵlistener("drop", function TdFileDropDirective_drop_HostBindingHandler($event) { return ctx.onDrop($event); })("dragover", function TdFileDropDirective_dragover_HostBindingHandler($event) { return ctx.onDragOver($event); })("dragenter", function TdFileDropDirective_dragenter_HostBindingHandler($event) { return ctx.onDragEnter($event); })("dragleave", function TdFileDropDirective_dragleave_HostBindingHandler($event) { return ctx.onDragLeave($event); });
199
- } if (rf & 2) {
200
- i0.ɵɵattribute("multiple", ctx.multipleBinding)("disabled", ctx.disabledBinding);
201
- } }, inputs: { disabled: "disabled", multiple: "multiple" }, outputs: { fileDrop: "fileDrop" }, features: [i0.ɵɵInheritDefinitionFeature] });
202
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileDropDirective, [{
203
- type: Directive,
204
- args: [{
205
- selector: '[tdFileDrop]',
206
- inputs: ['disabled'],
207
- }]
208
- }], function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { multiple: [{
209
- type: Input,
210
- args: ['multiple']
211
- }], fileDrop: [{
212
- type: Output
213
- }], multipleBinding: [{
214
- type: HostBinding,
215
- args: ['attr.multiple']
216
- }], disabledBinding: [{
217
- type: HostBinding,
218
- args: ['attr.disabled']
219
- }], onDrop: [{
220
- type: HostListener,
221
- args: ['drop', ['$event']]
222
- }], onDragOver: [{
223
- type: HostListener,
224
- args: ['dragover', ['$event']]
225
- }], onDragEnter: [{
226
- type: HostListener,
227
- args: ['dragenter', ['$event']]
228
- }], onDragLeave: [{
229
- type: HostListener,
230
- args: ['dragleave', ['$event']]
231
- }] }); })();
201
+ TdFileDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileDropDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
202
+ TdFileDropDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdFileDropDirective, selector: "[tdFileDrop]", inputs: { multiple: "multiple", disabled: "disabled" }, outputs: { fileDrop: "fileDrop" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDragOver($event)", "dragenter": "onDragEnter($event)", "dragleave": "onDragLeave($event)" }, properties: { "attr.multiple": "this.multipleBinding", "attr.disabled": "this.disabledBinding" } }, ngImport: i0 });
203
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileDropDirective, decorators: [{
204
+ type: Directive,
205
+ args: [{
206
+ selector: '[tdFileDrop]',
207
+ }]
208
+ }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { multiple: [{
209
+ type: Input
210
+ }], disabled: [{
211
+ type: Input
212
+ }], fileDrop: [{
213
+ type: Output
214
+ }], multipleBinding: [{
215
+ type: HostBinding,
216
+ args: ['attr.multiple']
217
+ }], disabledBinding: [{
218
+ type: HostBinding,
219
+ args: ['attr.disabled']
220
+ }], onDrop: [{
221
+ type: HostListener,
222
+ args: ['drop', ['$event']]
223
+ }], onDragOver: [{
224
+ type: HostListener,
225
+ args: ['dragover', ['$event']]
226
+ }], onDragEnter: [{
227
+ type: HostListener,
228
+ args: ['dragenter', ['$event']]
229
+ }], onDragLeave: [{
230
+ type: HostListener,
231
+ args: ['dragleave', ['$event']]
232
+ }] } });
232
233
 
233
- const _c0$1 = ["fileInput"];
234
- const _c1 = ["*"];
235
234
  class TdFileInputLabelDirective extends TemplatePortalDirective {
236
235
  constructor(templateRef, viewContainerRef) {
237
236
  super(templateRef, viewContainerRef);
238
237
  }
239
238
  }
240
- /** @nocollapse */ /** @nocollapse */ TdFileInputLabelDirective.ɵfac = function TdFileInputLabelDirective_Factory(t) { return new (t || TdFileInputLabelDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
241
- /** @nocollapse */ /** @nocollapse */ TdFileInputLabelDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdFileInputLabelDirective, selectors: [["ng-template", "td-file-input-label", ""]], features: [i0.ɵɵInheritDefinitionFeature] });
242
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileInputLabelDirective, [{
243
- type: Directive,
244
- args: [{
245
- selector: '[td-file-input-label]ng-template',
246
- }]
247
- }], function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, null); })();
239
+ TdFileInputLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileInputLabelDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
240
+ TdFileInputLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdFileInputLabelDirective, selector: "[tdFileInputLabel]ng-template", usesInheritance: true, ngImport: i0 });
241
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileInputLabelDirective, decorators: [{
242
+ type: Directive,
243
+ args: [{
244
+ selector: '[tdFileInputLabel]ng-template',
245
+ }]
246
+ }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
248
247
  class TdFileInputBase {
249
248
  constructor(_changeDetectorRef) {
250
249
  this._changeDetectorRef = _changeDetectorRef;
251
250
  }
252
251
  }
253
- /* tslint:disable-next-line */
254
252
  const _TdFileInputMixinBase = mixinControlValueAccessor(mixinDisabled(TdFileInputBase));
255
253
  class TdFileInputComponent extends _TdFileInputMixinBase {
256
254
  constructor(_renderer, _changeDetectorRef) {
@@ -262,7 +260,7 @@ class TdFileInputComponent extends _TdFileInputMixinBase {
262
260
  * Event emitted a file is selected
263
261
  * Emits a [File | FileList] object.
264
262
  */
265
- this.select = new EventEmitter();
263
+ this.selectFile = new EventEmitter();
266
264
  }
267
265
  get inputElement() {
268
266
  return this._inputElement.nativeElement;
@@ -282,7 +280,7 @@ class TdFileInputComponent extends _TdFileInputMixinBase {
282
280
  */
283
281
  handleSelect(files) {
284
282
  this.writeValue(files);
285
- this.select.emit(files);
283
+ this.selectFile.emit(files);
286
284
  }
287
285
  /**
288
286
  * Used to clear the selected files from the [TdFileInputComponent].
@@ -304,107 +302,47 @@ class TdFileInputComponent extends _TdFileInputMixinBase {
304
302
  this.disabled = isDisabled;
305
303
  }
306
304
  }
307
- /** @nocollapse */ /** @nocollapse */ TdFileInputComponent.ɵfac = function TdFileInputComponent_Factory(t) { return new (t || TdFileInputComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
308
- /** @nocollapse */ /** @nocollapse */ TdFileInputComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdFileInputComponent, selectors: [["td-file-input"]], viewQuery: function TdFileInputComponent_Query(rf, ctx) { if (rf & 1) {
309
- i0.ɵɵviewQuery(_c0$1, 7);
310
- } if (rf & 2) {
311
- let _t;
312
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._inputElement = _t.first);
313
- } }, inputs: { disabled: "disabled", value: "value", color: "color", multiple: "multiple", accept: "accept" }, outputs: { select: "select" }, features: [i0.ɵɵProvidersFeature([
314
- {
315
- provide: NG_VALUE_ACCESSOR,
316
- useExisting: forwardRef((() => TdFileInputComponent)),
317
- multi: true,
318
- },
319
- ]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 5, vars: 6, consts: [["mat-raised-button", "", "type", "button", "tdFileDrop", "", 1, "td-file-input", 3, "color", "multiple", "disabled", "keyup.enter", "click", "fileDrop"], ["type", "file", "tdFileSelect", "", 1, "td-file-input-hidden", 3, "multiple", "disabled", "fileSelect"], ["fileInput", ""]], template: function TdFileInputComponent_Template(rf, ctx) { if (rf & 1) {
320
- const _r1 = i0.ɵɵgetCurrentView();
321
- i0.ɵɵprojectionDef();
322
- i0.ɵɵelementStart(0, "div");
323
- i0.ɵɵelementStart(1, "button", 0);
324
- i0.ɵɵlistener("keyup.enter", function TdFileInputComponent_Template_button_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r1); const _r0 = i0.ɵɵreference(4); return _r0.click(); })("click", function TdFileInputComponent_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const _r0 = i0.ɵɵreference(4); return _r0.click(); })("fileDrop", function TdFileInputComponent_Template_button_fileDrop_1_listener($event) { return ctx.handleSelect($event); });
325
- i0.ɵɵprojection(2);
326
- i0.ɵɵelementEnd();
327
- i0.ɵɵelementStart(3, "input", 1, 2);
328
- i0.ɵɵlistener("fileSelect", function TdFileInputComponent_Template_input_fileSelect_3_listener($event) { return ctx.handleSelect($event); });
329
- i0.ɵɵelementEnd();
330
- i0.ɵɵelementEnd();
331
- } if (rf & 2) {
332
- i0.ɵɵadvance(1);
333
- i0.ɵɵproperty("color", ctx.color)("multiple", ctx.multiple)("disabled", ctx.disabled);
334
- i0.ɵɵadvance(2);
335
- i0.ɵɵproperty("multiple", ctx.multiple)("disabled", ctx.disabled);
336
- i0.ɵɵattribute("accept", ctx.accept);
337
- } }, directives: [i1$1.MatButton, TdFileDropDirective, TdFileSelectDirective], styles: ["[_nghost-%COMP%] .td-file-input[_ngcontent-%COMP%]{padding-left:8px;padding-right:8px}[_nghost-%COMP%] input.td-file-input-hidden[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] .drop-zone[_ngcontent-%COMP%]{border-radius:3px}[_nghost-%COMP%] .drop-zone[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{pointer-events:none}"], changeDetection: 0 });
338
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileInputComponent, [{
339
- type: Component,
340
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [
341
- {
342
- provide: NG_VALUE_ACCESSOR,
343
- useExisting: forwardRef((() => TdFileInputComponent)),
344
- multi: true,
345
- },
346
- ], selector: 'td-file-input', inputs: ['disabled', 'value'], template: "<div>\n <button\n mat-raised-button\n class=\"td-file-input\"\n type=\"button\"\n [color]=\"color\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n (keyup.enter)=\"fileInput.click()\"\n (click)=\"fileInput.click()\"\n (fileDrop)=\"handleSelect($event)\"\n tdFileDrop\n >\n <ng-content></ng-content>\n </button>\n <input\n #fileInput\n class=\"td-file-input-hidden\"\n type=\"file\"\n [attr.accept]=\"accept\"\n (fileSelect)=\"handleSelect($event)\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n tdFileSelect\n />\n</div>\n", styles: [":host .td-file-input{padding-left:8px;padding-right:8px}:host input.td-file-input-hidden{display:none}:host .drop-zone{border-radius:3px}:host .drop-zone *{pointer-events:none}\n"] }]
347
- }], function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, { _inputElement: [{
348
- type: ViewChild,
349
- args: ['fileInput', { static: true }]
350
- }], color: [{
351
- type: Input
352
- }], multiple: [{
353
- type: Input,
354
- args: ['multiple']
355
- }], accept: [{
356
- type: Input
357
- }], select: [{
358
- type: Output
359
- }] }); })();
305
+ TdFileInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileInputComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
306
+ TdFileInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdFileInputComponent, selector: "td-file-input", inputs: { disabled: "disabled", value: "value", color: "color", multiple: "multiple", accept: "accept" }, outputs: { selectFile: "selectFile" }, providers: [
307
+ {
308
+ provide: NG_VALUE_ACCESSOR,
309
+ useExisting: forwardRef(() => TdFileInputComponent),
310
+ multi: true,
311
+ },
312
+ ], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["fileInput"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<button\n mat-raised-button\n class=\"td-file-input\"\n type=\"button\"\n [color]=\"color\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n (keyup.enter)=\"fileInput.click()\"\n (click)=\"fileInput.click()\"\n (fileDrop)=\"handleSelect($event)\"\n tdFileDrop\n>\n <ng-content></ng-content>\n</button>\n<input\n #fileInput\n class=\"td-file-input-hidden\"\n type=\"file\"\n [attr.accept]=\"accept\"\n (fileSelect)=\"handleSelect($event)\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n tdFileSelect\n/>\n", styles: [":host .td-file-input{padding-left:8px;padding-right:8px}:host input.td-file-input-hidden{display:none}:host .drop-zone{border-radius:3px}:host .drop-zone *{pointer-events:none}\n"], components: [{ type: i1$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: TdFileDropDirective, selector: "[tdFileDrop]", inputs: ["multiple", "disabled"], outputs: ["fileDrop"] }, { type: TdFileSelectDirective, selector: "[tdFileSelect]", inputs: ["multiple"], outputs: ["fileSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
313
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileInputComponent, decorators: [{
314
+ type: Component,
315
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [
316
+ {
317
+ provide: NG_VALUE_ACCESSOR,
318
+ useExisting: forwardRef(() => TdFileInputComponent),
319
+ multi: true,
320
+ },
321
+ ], selector: 'td-file-input', inputs: ['disabled', 'value'], template: "<button\n mat-raised-button\n class=\"td-file-input\"\n type=\"button\"\n [color]=\"color\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n (keyup.enter)=\"fileInput.click()\"\n (click)=\"fileInput.click()\"\n (fileDrop)=\"handleSelect($event)\"\n tdFileDrop\n>\n <ng-content></ng-content>\n</button>\n<input\n #fileInput\n class=\"td-file-input-hidden\"\n type=\"file\"\n [attr.accept]=\"accept\"\n (fileSelect)=\"handleSelect($event)\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n tdFileSelect\n/>\n", styles: [":host .td-file-input{padding-left:8px;padding-right:8px}:host input.td-file-input-hidden{display:none}:host .drop-zone{border-radius:3px}:host .drop-zone *{pointer-events:none}\n"] }]
322
+ }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _inputElement: [{
323
+ type: ViewChild,
324
+ args: ['fileInput', { static: true }]
325
+ }], color: [{
326
+ type: Input
327
+ }], multiple: [{
328
+ type: Input
329
+ }], accept: [{
330
+ type: Input
331
+ }], selectFile: [{
332
+ type: Output
333
+ }] } });
360
334
 
361
- function TdFileUploadComponent_td_file_input_0_ng_template_1_Template(rf, ctx) { }
362
- function TdFileUploadComponent_td_file_input_0_Template(rf, ctx) { if (rf & 1) {
363
- const _r4 = i0.ɵɵgetCurrentView();
364
- i0.ɵɵelementStart(0, "td-file-input", 2);
365
- i0.ɵɵlistener("ngModelChange", function TdFileUploadComponent_td_file_input_0_Template_td_file_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.value = $event; })("select", function TdFileUploadComponent_td_file_input_0_Template_td_file_input_select_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.handleSelect($event); });
366
- i0.ɵɵtemplate(1, TdFileUploadComponent_td_file_input_0_ng_template_1_Template, 0, 0, "ng-template", 3);
367
- i0.ɵɵelementEnd();
368
- } if (rf & 2) {
369
- const ctx_r0 = i0.ɵɵnextContext();
370
- i0.ɵɵproperty("ngModel", ctx_r0.value)("multiple", ctx_r0.multiple)("disabled", ctx_r0.disabled)("accept", ctx_r0.accept)("color", ctx_r0.defaultColor);
371
- i0.ɵɵadvance(1);
372
- i0.ɵɵproperty("cdkPortalOutlet", ctx_r0.inputLabel)("ngIf", true);
373
- } }
374
- function TdFileUploadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
375
- const _r8 = i0.ɵɵgetCurrentView();
376
- i0.ɵɵelementStart(0, "div");
377
- i0.ɵɵelementStart(1, "button", 4, 5);
378
- i0.ɵɵlistener("keyup.delete", function TdFileUploadComponent_div_1_Template_button_keyup_delete_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7._cancel(); })("keyup.backspace", function TdFileUploadComponent_div_1_Template_button_keyup_backspace_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9._cancel(); })("keyup.escape", function TdFileUploadComponent_div_1_Template_button_keyup_escape_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10._cancel(); })("click", function TdFileUploadComponent_div_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.uploadPressed(); });
379
- i0.ɵɵprojection(3);
380
- i0.ɵɵelementEnd();
381
- i0.ɵɵelementStart(4, "button", 6);
382
- i0.ɵɵlistener("click", function TdFileUploadComponent_div_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r8); const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12._cancel(); });
383
- i0.ɵɵelementStart(5, "mat-icon");
384
- i0.ɵɵtext(6, "cancel");
385
- i0.ɵɵelementEnd();
386
- i0.ɵɵelementEnd();
387
- i0.ɵɵelementEnd();
388
- } if (rf & 2) {
389
- const ctx_r1 = i0.ɵɵnextContext();
390
- i0.ɵɵadvance(1);
391
- i0.ɵɵproperty("color", ctx_r1.activeColor);
392
- i0.ɵɵadvance(3);
393
- i0.ɵɵproperty("color", ctx_r1.cancelColor);
394
- } }
395
- const _c0 = ["*"];
396
335
  class TdFileUploadBase {
397
336
  constructor(_changeDetectorRef) {
398
337
  this._changeDetectorRef = _changeDetectorRef;
399
338
  }
400
339
  }
401
- /* tslint:disable-next-line */
402
- const _TdFileUploadMixinBase = mixinControlValueAccessor(mixinDisabled(TdFileUploadBase));
403
- class TdFileUploadComponent extends _TdFileUploadMixinBase {
340
+ class TdFileUploadComponent {
404
341
  constructor(_changeDetectorRef) {
405
- super(_changeDetectorRef);
342
+ this._changeDetectorRef = _changeDetectorRef;
406
343
  this._multiple = false;
407
344
  this._required = false;
345
+ this._disabled = false;
408
346
  /**
409
347
  * defaultColor?: 'accent' | 'primary' | 'warn'
410
348
  * Sets browse button color. Uses same color palette accepted as [MatButton] and defaults to 'primary'.
@@ -425,7 +363,7 @@ class TdFileUploadComponent extends _TdFileUploadMixinBase {
425
363
  * Event emitted when a file is selected.
426
364
  * Emits a [File | FileList] object.
427
365
  */
428
- this.select = new EventEmitter();
366
+ this.selectFile = new EventEmitter();
429
367
  /**
430
368
  * upload?: function
431
369
  * Event emitted when upload button is clicked.
@@ -459,6 +397,23 @@ class TdFileUploadComponent extends _TdFileUploadMixinBase {
459
397
  get required() {
460
398
  return this._required;
461
399
  }
400
+ set disabled(disabled) {
401
+ this._disabled = disabled;
402
+ this.onDisabledChange(disabled);
403
+ }
404
+ get disabled() {
405
+ return this._disabled;
406
+ }
407
+ writeValue(value) {
408
+ this.value = value;
409
+ this._changeDetectorRef.markForCheck();
410
+ }
411
+ registerOnChange() {
412
+ //
413
+ }
414
+ registerOnTouched() {
415
+ //
416
+ }
462
417
  /**
463
418
  * Method executed when upload button is clicked.
464
419
  */
@@ -472,7 +427,7 @@ class TdFileUploadComponent extends _TdFileUploadMixinBase {
472
427
  */
473
428
  handleSelect(value) {
474
429
  this.value = value;
475
- this.select.emit(value);
430
+ this.selectFile.emit(value);
476
431
  }
477
432
  /**
478
433
  * Methods executed when cancel button is clicked.
@@ -493,68 +448,52 @@ class TdFileUploadComponent extends _TdFileUploadMixinBase {
493
448
  }
494
449
  }
495
450
  }
496
- /** @nocollapse */ /** @nocollapse */ TdFileUploadComponent.ɵfac = function TdFileUploadComponent_Factory(t) { return new (t || TdFileUploadComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
497
- /** @nocollapse */ /** @nocollapse */ TdFileUploadComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdFileUploadComponent, selectors: [["td-file-upload"]], contentQueries: function TdFileUploadComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
498
- i0.ɵɵcontentQuery(dirIndex, TdFileInputLabelDirective, 5);
499
- } if (rf & 2) {
500
- let _t;
501
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputLabel = _t.first);
502
- } }, viewQuery: function TdFileUploadComponent_Query(rf, ctx) { if (rf & 1) {
503
- i0.ɵɵviewQuery(TdFileInputComponent, 5);
504
- } if (rf & 2) {
505
- let _t;
506
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
507
- } }, inputs: { disabled: "disabled", value: "value", defaultColor: "defaultColor", activeColor: "activeColor", cancelColor: "cancelColor", multiple: "multiple", required: "required", accept: "accept" }, outputs: { select: "select", upload: "upload", cancel: "cancel" }, features: [i0.ɵɵProvidersFeature([
508
- {
509
- provide: NG_VALUE_ACCESSOR,
510
- useExisting: forwardRef((() => TdFileUploadComponent)),
511
- multi: true,
512
- },
513
- ]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 2, vars: 2, consts: [[3, "ngModel", "multiple", "disabled", "accept", "color", "ngModelChange", "select", 4, "ngIf"], [4, "ngIf"], [3, "ngModel", "multiple", "disabled", "accept", "color", "ngModelChange", "select"], [3, "cdkPortalOutlet", "ngIf"], ["mat-raised-button", "", "type", "button", 1, "td-file-upload", 3, "color", "keyup.delete", "keyup.backspace", "keyup.escape", "click"], ["fileUpload", ""], ["mat-icon-button", "", "type", "button", 1, "td-file-upload-cancel", 3, "color", "click"]], template: function TdFileUploadComponent_Template(rf, ctx) { if (rf & 1) {
514
- i0.ɵɵprojectionDef();
515
- i0.ɵɵtemplate(0, TdFileUploadComponent_td_file_input_0_Template, 2, 7, "td-file-input", 0);
516
- i0.ɵɵtemplate(1, TdFileUploadComponent_div_1_Template, 7, 2, "div", 1);
517
- } if (rf & 2) {
518
- i0.ɵɵproperty("ngIf", !ctx.value);
519
- i0.ɵɵadvance(1);
520
- i0.ɵɵproperty("ngIf", ctx.value);
521
- } }, directives: [i1$2.NgIf, TdFileInputComponent, i1.NgControlStatus, i1.NgModel, i4.CdkPortalOutlet, i1$1.MatButton, i6.MatIcon], styles: [".td-file-upload[_ngcontent-%COMP%]{padding-left:8px;padding-right:8px}.td-file-upload-cancel[_ngcontent-%COMP%]{height:24px;width:24px;position:relative;top:24px;left:-12px} [dir=rtl] .td-file-upload-cancel{right:-12px;left:0}.td-file-upload-cancel[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{border-radius:12px;vertical-align:baseline}.drop-zone[_ngcontent-%COMP%]{border-radius:3px}.drop-zone[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{pointer-events:none}"], changeDetection: 0 });
522
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileUploadComponent, [{
523
- type: Component,
524
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [
525
- {
526
- provide: NG_VALUE_ACCESSOR,
527
- useExisting: forwardRef((() => TdFileUploadComponent)),
528
- multi: true,
529
- },
530
- ], selector: 'td-file-upload', inputs: ['disabled', 'value'], template: "<td-file-input\n *ngIf=\"!value\"\n [(ngModel)]=\"value\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n [accept]=\"accept\"\n [color]=\"defaultColor\"\n (select)=\"handleSelect($event)\"\n>\n <ng-template [cdkPortalOutlet]=\"inputLabel\" [ngIf]=\"true\"></ng-template>\n</td-file-input>\n<div *ngIf=\"value\">\n <button\n #fileUpload\n class=\"td-file-upload\"\n mat-raised-button\n type=\"button\"\n [color]=\"activeColor\"\n (keyup.delete)=\"_cancel()\"\n (keyup.backspace)=\"_cancel()\"\n (keyup.escape)=\"_cancel()\"\n (click)=\"uploadPressed()\"\n >\n <ng-content></ng-content>\n </button>\n <button mat-icon-button type=\"button\" class=\"td-file-upload-cancel\" [color]=\"cancelColor\" (click)=\"_cancel()\">\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n", styles: [".td-file-upload{padding-left:8px;padding-right:8px}.td-file-upload-cancel{height:24px;width:24px;position:relative;top:24px;left:-12px}::ng-deep [dir=rtl] .td-file-upload-cancel{right:-12px;left:0}.td-file-upload-cancel mat-icon{border-radius:12px;vertical-align:baseline}.drop-zone{border-radius:3px}.drop-zone *{pointer-events:none}\n"] }]
531
- }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { fileInput: [{
532
- type: ViewChild,
533
- args: [TdFileInputComponent]
534
- }], inputLabel: [{
535
- type: ContentChild,
536
- args: [TdFileInputLabelDirective]
537
- }], defaultColor: [{
538
- type: Input
539
- }], activeColor: [{
540
- type: Input
541
- }], cancelColor: [{
542
- type: Input
543
- }], multiple: [{
544
- type: Input,
545
- args: ['multiple']
546
- }], required: [{
547
- type: Input,
548
- args: ['required']
549
- }], accept: [{
550
- type: Input
551
- }], select: [{
552
- type: Output
553
- }], upload: [{
554
- type: Output
555
- }], cancel: [{
556
- type: Output
557
- }] }); })();
451
+ TdFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileUploadComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
452
+ TdFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdFileUploadComponent, selector: "td-file-upload", inputs: { defaultColor: "defaultColor", activeColor: "activeColor", cancelColor: "cancelColor", multiple: "multiple", required: "required", accept: "accept", disabled: "disabled", value: "value" }, outputs: { selectFile: "selectFile", upload: "upload", cancel: "cancel" }, providers: [
453
+ {
454
+ provide: NG_VALUE_ACCESSOR,
455
+ useExisting: forwardRef(() => TdFileUploadComponent),
456
+ multi: true,
457
+ },
458
+ ], queries: [{ propertyName: "inputLabel", first: true, predicate: TdFileInputLabelDirective, descendants: true }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: TdFileInputComponent, descendants: true }], ngImport: i0, template: "<td-file-input\n *ngIf=\"!value\"\n [(ngModel)]=\"value\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n [accept]=\"accept\"\n [color]=\"defaultColor\"\n (selectFile)=\"(handleSelect)\"\n>\n <ng-template [cdkPortalOutlet]=\"inputLabel\" [ngIf]=\"true\"></ng-template>\n</td-file-input>\n<div *ngIf=\"value\">\n <button\n #fileUpload\n class=\"td-file-upload\"\n mat-raised-button\n type=\"button\"\n [color]=\"activeColor\"\n (keyup.delete)=\"_cancel()\"\n (keyup.backspace)=\"_cancel()\"\n (keyup.escape)=\"_cancel()\"\n (click)=\"uploadPressed()\"\n >\n <ng-content></ng-content>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n class=\"td-file-upload-cancel\"\n [color]=\"cancelColor\"\n (click)=\"_cancel()\"\n >\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n", styles: [".td-file-upload{padding-left:8px;padding-right:8px}.td-file-upload-cancel{height:24px;width:24px;position:relative;top:24px;left:-12px}::ng-deep [dir=rtl] .td-file-upload-cancel{right:-12px;left:0}.td-file-upload-cancel mat-icon{border-radius:12px;vertical-align:baseline}.drop-zone{border-radius:3px}.drop-zone *{pointer-events:none}\n"], components: [{ type: TdFileInputComponent, selector: "td-file-input", inputs: ["disabled", "value", "color", "multiple", "accept"], outputs: ["selectFile"] }, { type: i1$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
459
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileUploadComponent, decorators: [{
460
+ type: Component,
461
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [
462
+ {
463
+ provide: NG_VALUE_ACCESSOR,
464
+ useExisting: forwardRef(() => TdFileUploadComponent),
465
+ multi: true,
466
+ },
467
+ ], selector: 'td-file-upload', template: "<td-file-input\n *ngIf=\"!value\"\n [(ngModel)]=\"value\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n [accept]=\"accept\"\n [color]=\"defaultColor\"\n (selectFile)=\"(handleSelect)\"\n>\n <ng-template [cdkPortalOutlet]=\"inputLabel\" [ngIf]=\"true\"></ng-template>\n</td-file-input>\n<div *ngIf=\"value\">\n <button\n #fileUpload\n class=\"td-file-upload\"\n mat-raised-button\n type=\"button\"\n [color]=\"activeColor\"\n (keyup.delete)=\"_cancel()\"\n (keyup.backspace)=\"_cancel()\"\n (keyup.escape)=\"_cancel()\"\n (click)=\"uploadPressed()\"\n >\n <ng-content></ng-content>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n class=\"td-file-upload-cancel\"\n [color]=\"cancelColor\"\n (click)=\"_cancel()\"\n >\n <mat-icon>cancel</mat-icon>\n </button>\n</div>\n", styles: [".td-file-upload{padding-left:8px;padding-right:8px}.td-file-upload-cancel{height:24px;width:24px;position:relative;top:24px;left:-12px}::ng-deep [dir=rtl] .td-file-upload-cancel{right:-12px;left:0}.td-file-upload-cancel mat-icon{border-radius:12px;vertical-align:baseline}.drop-zone{border-radius:3px}.drop-zone *{pointer-events:none}\n"] }]
468
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { fileInput: [{
469
+ type: ViewChild,
470
+ args: [TdFileInputComponent]
471
+ }], inputLabel: [{
472
+ type: ContentChild,
473
+ args: [TdFileInputLabelDirective]
474
+ }], defaultColor: [{
475
+ type: Input
476
+ }], activeColor: [{
477
+ type: Input
478
+ }], cancelColor: [{
479
+ type: Input
480
+ }], multiple: [{
481
+ type: Input
482
+ }], required: [{
483
+ type: Input
484
+ }], accept: [{
485
+ type: Input
486
+ }], disabled: [{
487
+ type: Input
488
+ }], value: [{
489
+ type: Input
490
+ }], selectFile: [{
491
+ type: Output
492
+ }], upload: [{
493
+ type: Output
494
+ }], cancel: [{
495
+ type: Output
496
+ }] } });
558
497
 
559
498
  class TdFileService {
560
499
  /**
@@ -586,7 +525,9 @@ class TdFileService {
586
525
  headers: new HttpHeaders(headers || {}),
587
526
  params: new HttpParams({ fromObject: params || {} }),
588
527
  });
589
- return this._http.request(req).pipe(tap((event) => this.handleEvent(event)));
528
+ return this._http
529
+ .request(req)
530
+ .pipe(tap((event) => this.handleEvent(event)));
590
531
  }
591
532
  handleEvent(event) {
592
533
  switch (event.type) {
@@ -594,7 +535,7 @@ class TdFileService {
594
535
  this._progressSubject.next(0);
595
536
  break;
596
537
  case HttpEventType.UploadProgress:
597
- this._progressSubject.next(Math.round((100 * event.loaded) / event.total));
538
+ this._progressSubject.next(Math.round((100 * event.loaded) / (event.total ?? 0)));
598
539
  break;
599
540
  case HttpEventType.Response:
600
541
  this._progressSubject.next(100);
@@ -604,13 +545,13 @@ class TdFileService {
604
545
  }
605
546
  }
606
547
  }
607
- /** @nocollapse */ /** @nocollapse */ TdFileService.ɵfac = function TdFileService_Factory(t) { return new (t || TdFileService)(i0.ɵɵinject(i1$3.HttpClient, 8)); };
608
- /** @nocollapse */ /** @nocollapse */ TdFileService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: TdFileService, factory: TdFileService.ɵfac });
609
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFileService, [{
610
- type: Injectable
611
- }], function () { return [{ type: i1$3.HttpClient, decorators: [{
612
- type: Optional
613
- }] }]; }, null); })();
548
+ TdFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileService, deps: [{ token: i1$2.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
549
+ TdFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileService });
550
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdFileService, decorators: [{
551
+ type: Injectable
552
+ }], ctorParameters: function () { return [{ type: i1$2.HttpClient, decorators: [{
553
+ type: Optional
554
+ }] }]; } });
614
555
 
615
556
  const TD_FILE = [
616
557
  TdFileSelectDirective,
@@ -621,31 +562,46 @@ const TD_FILE = [
621
562
  ];
622
563
  class CovalentFileModule {
623
564
  }
624
- /** @nocollapse */ /** @nocollapse */ CovalentFileModule.ɵfac = function CovalentFileModule_Factory(t) { return new (t || CovalentFileModule)(); };
625
- /** @nocollapse */ /** @nocollapse */ CovalentFileModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentFileModule });
626
- /** @nocollapse */ /** @nocollapse */ CovalentFileModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [TdFileService], imports: [[FormsModule, CommonModule, MatIconModule, MatButtonModule, PortalModule]] });
627
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentFileModule, [{
628
- type: NgModule,
629
- args: [{
630
- imports: [FormsModule, CommonModule, MatIconModule, MatButtonModule, PortalModule],
631
- declarations: [TD_FILE],
632
- exports: [TD_FILE],
633
- providers: [TdFileService],
634
- }]
635
- }], null, null); })();
636
- (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentFileModule, { declarations: [TdFileSelectDirective,
565
+ CovalentFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
566
+ CovalentFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentFileModule, declarations: [TdFileSelectDirective,
637
567
  TdFileDropDirective,
638
568
  TdFileUploadComponent,
639
569
  TdFileInputComponent,
640
- TdFileInputLabelDirective], imports: [FormsModule, CommonModule, MatIconModule, MatButtonModule, PortalModule], exports: [TdFileSelectDirective,
570
+ TdFileInputLabelDirective], imports: [FormsModule,
571
+ CommonModule,
572
+ MatIconModule,
573
+ MatButtonModule,
574
+ PortalModule], exports: [TdFileSelectDirective,
641
575
  TdFileDropDirective,
642
576
  TdFileUploadComponent,
643
577
  TdFileInputComponent,
644
- TdFileInputLabelDirective] }); })();
578
+ TdFileInputLabelDirective] });
579
+ CovalentFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentFileModule, providers: [TdFileService], imports: [[
580
+ FormsModule,
581
+ CommonModule,
582
+ MatIconModule,
583
+ MatButtonModule,
584
+ PortalModule,
585
+ ]] });
586
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentFileModule, decorators: [{
587
+ type: NgModule,
588
+ args: [{
589
+ imports: [
590
+ FormsModule,
591
+ CommonModule,
592
+ MatIconModule,
593
+ MatButtonModule,
594
+ PortalModule,
595
+ ],
596
+ declarations: [TD_FILE],
597
+ exports: [TD_FILE],
598
+ providers: [TdFileService],
599
+ }]
600
+ }] });
645
601
 
646
602
  /**
647
603
  * Generated bundle index. Do not edit.
648
604
  */
649
605
 
650
- export { CovalentFileModule, TdFileDropBase, TdFileDropDirective, TdFileInputBase, TdFileInputComponent, TdFileInputLabelDirective, TdFileSelectDirective, TdFileService, TdFileUploadBase, TdFileUploadComponent, _TdFileDropMixinBase, _TdFileInputMixinBase, _TdFileUploadMixinBase };
606
+ export { CovalentFileModule, TdFileDropBase, TdFileDropDirective, TdFileInputBase, TdFileInputComponent, TdFileInputLabelDirective, TdFileSelectDirective, TdFileService, TdFileUploadBase, TdFileUploadComponent, _TdFileInputMixinBase };
651
607
  //# sourceMappingURL=covalent-core-file.mjs.map