@covalent/core 4.0.0 → 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 (613) hide show
  1. package/README.md +5 -4
  2. package/breadcrumbs/README.md +21 -17
  3. package/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +6 -1
  4. package/breadcrumbs/breadcrumbs.component.d.ts +4 -0
  5. package/breadcrumbs/breadcrumbs.module.d.ts +8 -0
  6. package/breadcrumbs/covalent-core-breadcrumbs.d.ts +2 -1
  7. package/breadcrumbs/package.json +6 -7
  8. package/breadcrumbs/{public-api.d.ts → public_api.d.ts} +0 -0
  9. package/common/README.md +3 -0
  10. package/common/_common-theme.scss +3 -1
  11. package/common/behaviors/disable-ripple.mixin.d.ts +1 -1
  12. package/common/behaviors/disabled.mixin.d.ts +1 -1
  13. package/common/common.module.d.ts +15 -0
  14. package/common/covalent-core-common.d.ts +2 -3
  15. package/common/directives/fullscreen/fullscreen.directive.d.ts +3 -0
  16. package/common/forms/auto-trim/auto-trim.directive.d.ts +3 -0
  17. package/common/package.json +6 -7
  18. package/common/pipes/bytes/bytes.pipe.d.ts +3 -0
  19. package/common/pipes/decimal-bytes/decimal-bytes.pipe.d.ts +3 -0
  20. package/common/pipes/digits/digits.pipe.d.ts +3 -0
  21. package/common/pipes/time-ago/time-ago.pipe.d.ts +3 -0
  22. package/common/pipes/time-difference/time-difference.pipe.d.ts +3 -0
  23. package/common/pipes/time-until/time-until.pipe.d.ts +3 -0
  24. package/common/pipes/truncate/truncate.pipe.d.ts +4 -1
  25. package/common/{public-api.d.ts → public_api.d.ts} +0 -0
  26. package/common/services/icon.service.d.ts +3 -0
  27. package/common/services/router-path.service.d.ts +3 -0
  28. package/common/styles/font/README.md +4 -2
  29. package/covalent-core.d.ts +2 -1
  30. package/dialogs/README.md +38 -30
  31. package/dialogs/_dialog-theme.scss +1 -0
  32. package/dialogs/alert-dialog/alert-dialog.component.d.ts +6 -3
  33. package/dialogs/confirm-dialog/confirm-dialog.component.d.ts +5 -2
  34. package/dialogs/covalent-core-dialogs.d.ts +2 -2
  35. package/dialogs/dialog.component.d.ts +9 -0
  36. package/dialogs/dialogs.module.d.ts +17 -0
  37. package/dialogs/package.json +6 -7
  38. package/dialogs/prompt-dialog/prompt-dialog.component.d.ts +6 -3
  39. package/dialogs/{public-api.d.ts → public_api.d.ts} +1 -0
  40. package/dialogs/services/dialog.service.d.ts +3 -0
  41. package/dialogs/src/README.md +223 -0
  42. package/dialogs/window-dialog/window-dialog.component.d.ts +8 -5
  43. package/dynamic-menu/README.md +6 -6
  44. package/dynamic-menu/covalent-core-dynamic-menu.d.ts +2 -2
  45. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.d.ts +4 -1
  46. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.d.ts +4 -1
  47. package/dynamic-menu/dynamic-menu.component.d.ts +4 -22
  48. package/dynamic-menu/dynamic-menu.menu.d.ts +22 -0
  49. package/dynamic-menu/dynamic-menu.module.d.ts +13 -0
  50. package/dynamic-menu/package.json +6 -7
  51. package/dynamic-menu/public_api.d.ts +2 -0
  52. package/esm2020/breadcrumbs/breadcrumb/breadcrumb.component.mjs +92 -0
  53. package/esm2020/breadcrumbs/breadcrumbs.component.mjs +134 -0
  54. package/esm2020/breadcrumbs/breadcrumbs.module.mjs +20 -0
  55. package/esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs +5 -0
  56. package/esm2020/breadcrumbs/public_api.mjs +4 -0
  57. package/esm2020/common/animations/bounce/bounce.animation.mjs +70 -0
  58. package/esm2020/common/animations/collapse/collapse.animation.mjs +51 -0
  59. package/esm2020/common/animations/common/interfaces.mjs +2 -0
  60. package/esm2020/common/animations/fade/fadeInOut.animation.mjs +37 -0
  61. package/esm2020/common/animations/flash/flash.animation.mjs +34 -0
  62. package/esm2020/common/animations/headshake/headshake.animation.mjs +47 -0
  63. package/esm2020/common/animations/jello/jello.animation.mjs +59 -0
  64. package/esm2020/common/animations/pulse/pulse.animation.mjs +32 -0
  65. package/esm2020/common/animations/rotate/rotate.animation.mjs +30 -0
  66. package/esm2020/common/behaviors/control-value-accesor.mixin.mjs +41 -0
  67. package/esm2020/common/behaviors/disable-ripple.mixin.mjs +24 -0
  68. package/esm2020/common/behaviors/disabled.mixin.mjs +24 -0
  69. package/esm2020/common/common.module.mjs +63 -0
  70. package/esm2020/common/covalent-core-common.mjs +5 -0
  71. package/esm2020/common/directives/fullscreen/fullscreen.directive.mjs +85 -0
  72. package/esm2020/common/forms/auto-trim/auto-trim.directive.mjs +36 -0
  73. package/esm2020/common/forms/validators/validators.mjs +29 -0
  74. package/esm2020/common/functions/clipboard.mjs +23 -0
  75. package/esm2020/common/functions/convert.mjs +84 -0
  76. package/esm2020/common/functions/download.mjs +75 -0
  77. package/esm2020/common/functions/file.mjs +16 -0
  78. package/esm2020/common/pipes/bytes/bytes.pipe.mjs +42 -0
  79. package/esm2020/common/pipes/decimal-bytes/decimal-bytes.pipe.mjs +42 -0
  80. package/esm2020/common/pipes/digits/digits.pipe.mjs +39 -0
  81. package/esm2020/common/pipes/time-ago/time-ago.pipe.mjs +72 -0
  82. package/esm2020/common/pipes/time-difference/time-difference.pipe.mjs +51 -0
  83. package/esm2020/common/pipes/time-until/time-until.pipe.mjs +72 -0
  84. package/esm2020/common/pipes/truncate/truncate.pipe.mjs +27 -0
  85. package/esm2020/common/public_api.mjs +39 -0
  86. package/esm2020/common/services/icon.service.mjs +1089 -0
  87. package/esm2020/common/services/router-path.service.mjs +29 -0
  88. package/esm2020/covalent-core.mjs +5 -0
  89. package/esm2020/dialogs/alert-dialog/alert-dialog.component.mjs +23 -0
  90. package/esm2020/dialogs/confirm-dialog/confirm-dialog.component.mjs +28 -0
  91. package/esm2020/dialogs/covalent-core-dialogs.mjs +5 -0
  92. package/esm2020/dialogs/dialog.component.mjs +56 -0
  93. package/esm2020/dialogs/dialogs.module.mjs +89 -0
  94. package/esm2020/dialogs/prompt-dialog/prompt-dialog.component.mjs +46 -0
  95. package/esm2020/dialogs/public_api.mjs +9 -0
  96. package/esm2020/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.mjs +216 -0
  97. package/esm2020/dialogs/services/dialog.service.mjs +171 -0
  98. package/esm2020/dialogs/window-dialog/window-dialog.component.mjs +38 -0
  99. package/esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs +5 -0
  100. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.mjs +30 -0
  101. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.mjs +24 -0
  102. package/esm2020/dynamic-menu/dynamic-menu.component.mjs +28 -0
  103. package/esm2020/dynamic-menu/dynamic-menu.menu.mjs +2 -0
  104. package/esm2020/dynamic-menu/dynamic-menu.module.mjs +57 -0
  105. package/esm2020/dynamic-menu/public_api.mjs +6 -0
  106. package/esm2020/file/covalent-core-file.mjs +5 -0
  107. package/esm2020/file/directives/file-drop.directive.mjs +147 -0
  108. package/esm2020/file/directives/file-select.directive.mjs +77 -0
  109. package/esm2020/file/file-input/file-input.component.mjs +110 -0
  110. package/esm2020/file/file-upload/file-upload.component.mjs +174 -0
  111. package/esm2020/file/file.module.mjs +58 -0
  112. package/esm2020/file/public_api.mjs +7 -0
  113. package/esm2020/file/services/file.service.mjs +64 -0
  114. package/esm2020/json-formatter/collapse.animation.mjs +51 -0
  115. package/esm2020/json-formatter/covalent-core-json-formatter.mjs +5 -0
  116. package/esm2020/json-formatter/json-formatter.component.mjs +217 -0
  117. package/esm2020/json-formatter/json-formatter.module.mjs +20 -0
  118. package/esm2020/json-formatter/public_api.mjs +3 -0
  119. package/esm2020/layout/covalent-core-layout.mjs +5 -0
  120. package/esm2020/layout/layout-card-over/layout-card-over.component.mjs +40 -0
  121. package/esm2020/layout/layout-footer/layout-footer.component.mjs +33 -0
  122. package/esm2020/layout/layout-manage-list/layout-manage-list.component.mjs +93 -0
  123. package/esm2020/layout/layout-manage-list/layout-manage-list.directives.mjs +84 -0
  124. package/esm2020/layout/layout-nav/layout-nav.component.mjs +50 -0
  125. package/esm2020/layout/layout-nav-list/layout-nav-list.component.mjs +128 -0
  126. package/esm2020/layout/layout-nav-list/layout-nav-list.directives.mjs +84 -0
  127. package/esm2020/layout/layout-toggle.class.mjs +92 -0
  128. package/esm2020/layout/layout.component.mjs +92 -0
  129. package/esm2020/layout/layout.directives.mjs +85 -0
  130. package/esm2020/layout/layout.module.mjs +117 -0
  131. package/esm2020/layout/navigation-drawer/navigation-drawer.component.mjs +161 -0
  132. package/esm2020/layout/public_api.mjs +13 -0
  133. package/esm2020/menu/covalent-core-menu.mjs +5 -0
  134. package/esm2020/menu/menu.component.mjs +12 -0
  135. package/esm2020/menu/menu.module.mjs +21 -0
  136. package/esm2020/menu/public_api.mjs +3 -0
  137. package/esm2020/message/collapse.animation.mjs +51 -0
  138. package/esm2020/message/covalent-core-message.mjs +5 -0
  139. package/esm2020/message/message.component.mjs +203 -0
  140. package/esm2020/message/message.module.mjs +25 -0
  141. package/esm2020/message/public_api.mjs +3 -0
  142. package/esm2020/public_api.mjs +2 -0
  143. package/esm2020/search/covalent-core-search.mjs +5 -0
  144. package/esm2020/search/public_api.mjs +4 -0
  145. package/esm2020/search/search-box/search-box.component.mjs +194 -0
  146. package/esm2020/search/search-input/search-input.component.mjs +203 -0
  147. package/esm2020/search/search.module.mjs +39 -0
  148. package/esm2020/side-sheet/covalent-core-side-sheet.mjs +5 -0
  149. package/esm2020/side-sheet/public_api.mjs +6 -0
  150. package/esm2020/side-sheet/side-sheet-container.mjs +274 -0
  151. package/esm2020/side-sheet/side-sheet-ref.mjs +21 -0
  152. package/esm2020/side-sheet/side-sheet.animation.mjs +12 -0
  153. package/esm2020/side-sheet/side-sheet.config.mjs +4 -0
  154. package/esm2020/side-sheet/side-sheet.content-directives.mjs +201 -0
  155. package/esm2020/side-sheet/side-sheet.mjs +221 -0
  156. package/esm2020/side-sheet/side-sheet.module.mjs +45 -0
  157. package/esm2020/user-profile/covalent-core-user-profile.mjs +5 -0
  158. package/esm2020/user-profile/public_api.mjs +4 -0
  159. package/esm2020/user-profile/user-profile-menu/user-profile-menu.component.mjs +24 -0
  160. package/esm2020/user-profile/user-profile.component.mjs +19 -0
  161. package/esm2020/user-profile/user-profile.module.mjs +44 -0
  162. package/fesm2015/covalent-core-breadcrumbs.mjs +246 -0
  163. package/fesm2015/covalent-core-breadcrumbs.mjs.map +1 -0
  164. package/fesm2015/covalent-core-common.mjs +2281 -0
  165. package/fesm2015/covalent-core-common.mjs.map +1 -0
  166. package/fesm2015/covalent-core-dialogs.mjs +639 -0
  167. package/fesm2015/covalent-core-dialogs.mjs.map +1 -0
  168. package/fesm2015/covalent-core-dynamic-menu.mjs +128 -0
  169. package/fesm2015/covalent-core-dynamic-menu.mjs.map +1 -0
  170. package/fesm2015/covalent-core-file.mjs +613 -0
  171. package/fesm2015/covalent-core-file.mjs.map +1 -0
  172. package/fesm2015/covalent-core-json-formatter.mjs +298 -0
  173. package/fesm2015/covalent-core-json-formatter.mjs.map +1 -0
  174. package/fesm2015/covalent-core-layout.mjs +1024 -0
  175. package/fesm2015/covalent-core-layout.mjs.map +1 -0
  176. package/fesm2015/covalent-core-menu.mjs +37 -0
  177. package/fesm2015/covalent-core-menu.mjs.map +1 -0
  178. package/fesm2015/covalent-core-message.mjs +284 -0
  179. package/fesm2015/covalent-core-message.mjs.map +1 -0
  180. package/fesm2015/covalent-core-search.mjs +428 -0
  181. package/fesm2015/covalent-core-search.mjs.map +1 -0
  182. package/fesm2015/covalent-core-side-sheet.mjs +762 -0
  183. package/fesm2015/covalent-core-side-sheet.mjs.map +1 -0
  184. package/fesm2015/covalent-core-user-profile.mjs +86 -0
  185. package/fesm2015/covalent-core-user-profile.mjs.map +1 -0
  186. package/fesm2015/covalent-core.mjs +4 -0
  187. package/fesm2015/covalent-core.mjs.map +1 -0
  188. package/fesm2020/covalent-core-breadcrumbs.mjs +246 -0
  189. package/fesm2020/covalent-core-breadcrumbs.mjs.map +1 -0
  190. package/{fesm2015/covalent-core-common.js → fesm2020/covalent-core-common.mjs} +317 -813
  191. package/fesm2020/covalent-core-common.mjs.map +1 -0
  192. package/fesm2020/covalent-core-dialogs.mjs +634 -0
  193. package/fesm2020/covalent-core-dialogs.mjs.map +1 -0
  194. package/fesm2020/covalent-core-dynamic-menu.mjs +128 -0
  195. package/fesm2020/covalent-core-dynamic-menu.mjs.map +1 -0
  196. package/fesm2020/covalent-core-file.mjs +607 -0
  197. package/fesm2020/covalent-core-file.mjs.map +1 -0
  198. package/fesm2020/covalent-core-json-formatter.mjs +290 -0
  199. package/fesm2020/covalent-core-json-formatter.mjs.map +1 -0
  200. package/fesm2020/covalent-core-layout.mjs +1000 -0
  201. package/fesm2020/covalent-core-layout.mjs.map +1 -0
  202. package/fesm2020/covalent-core-menu.mjs +37 -0
  203. package/fesm2020/covalent-core-menu.mjs.map +1 -0
  204. package/fesm2020/covalent-core-message.mjs +282 -0
  205. package/fesm2020/covalent-core-message.mjs.map +1 -0
  206. package/fesm2020/covalent-core-search.mjs +425 -0
  207. package/fesm2020/covalent-core-search.mjs.map +1 -0
  208. package/fesm2020/covalent-core-side-sheet.mjs +757 -0
  209. package/fesm2020/covalent-core-side-sheet.mjs.map +1 -0
  210. package/fesm2020/covalent-core-user-profile.mjs +86 -0
  211. package/fesm2020/covalent-core-user-profile.mjs.map +1 -0
  212. package/fesm2020/covalent-core.mjs +4 -0
  213. package/fesm2020/covalent-core.mjs.map +1 -0
  214. package/file/_file-theme.scss +3 -1
  215. package/file/covalent-core-file.d.ts +2 -1
  216. package/file/directives/file-drop.directive.d.ts +8 -6
  217. package/file/directives/file-select.directive.d.ts +5 -2
  218. package/file/file-input/file-input.component.d.ts +10 -5
  219. package/file/file-upload/file-upload.component.d.ts +18 -8
  220. package/file/file.module.d.ts +13 -0
  221. package/file/package.json +6 -7
  222. package/file/{public-api.d.ts → public_api.d.ts} +0 -0
  223. package/file/services/file.service.d.ts +3 -0
  224. package/file/{file-input → src/file-input}/README.md +46 -37
  225. package/file/{file-upload → src/file-upload}/README.md +36 -27
  226. package/json-formatter/README.md +8 -8
  227. package/json-formatter/_json-formatter-theme.scss +10 -0
  228. package/json-formatter/collapse.animation.d.ts +24 -0
  229. package/json-formatter/covalent-core-json-formatter.d.ts +2 -1
  230. package/json-formatter/json-formatter.component.d.ts +7 -4
  231. package/json-formatter/json-formatter.module.d.ts +8 -0
  232. package/json-formatter/package.json +6 -7
  233. package/json-formatter/{public-api.d.ts → public_api.d.ts} +0 -0
  234. package/layout/README.md +48 -50
  235. package/layout/_layout-theme.scss +12 -0
  236. package/layout/covalent-core-layout.d.ts +2 -1
  237. package/layout/layout-card-over/layout-card-over.component.d.ts +6 -3
  238. package/layout/layout-footer/layout-footer.component.d.ts +6 -3
  239. package/layout/layout-manage-list/layout-manage-list.component.d.ts +7 -4
  240. package/layout/layout-manage-list/layout-manage-list.directives.d.ts +9 -2
  241. package/layout/layout-nav/layout-nav.component.d.ts +8 -5
  242. package/layout/layout-nav-list/layout-nav-list.component.d.ts +12 -9
  243. package/layout/layout-nav-list/layout-nav-list.directives.d.ts +9 -2
  244. package/layout/layout-toggle.class.d.ts +4 -1
  245. package/layout/layout.component.d.ts +7 -4
  246. package/layout/layout.directives.d.ts +9 -2
  247. package/layout/layout.module.d.ts +23 -0
  248. package/layout/navigation-drawer/navigation-drawer.component.d.ts +17 -10
  249. package/layout/package.json +6 -7
  250. package/layout/{public-api.d.ts → public_api.d.ts} +0 -0
  251. package/layout/{layout-card-over → src/layout-card-over}/README.md +19 -17
  252. package/layout/{layout-manage-list → src/layout-manage-list}/README.md +24 -28
  253. package/layout/src/layout-nav/README.md +50 -0
  254. package/layout/{layout-nav-list → src/layout-nav-list}/README.md +44 -40
  255. package/menu/covalent-core-menu.d.ts +2 -1
  256. package/menu/menu.component.d.ts +3 -0
  257. package/menu/menu.module.d.ts +8 -0
  258. package/menu/package.json +6 -7
  259. package/menu/{public-api.d.ts → public_api.d.ts} +0 -0
  260. package/message/README.md +26 -18
  261. package/message/_message-theme.scss +3 -0
  262. package/message/collapse.animation.d.ts +24 -0
  263. package/message/covalent-core-message.d.ts +2 -1
  264. package/message/message.component.d.ts +9 -4
  265. package/message/message.module.d.ts +7 -0
  266. package/message/package.json +6 -7
  267. package/message/{public-api.d.ts → public_api.d.ts} +0 -0
  268. package/package.json +129 -37
  269. package/{index.d.ts → public_api.d.ts} +0 -0
  270. package/search/README.md +74 -73
  271. package/search/covalent-core-search.d.ts +2 -1
  272. package/search/package.json +6 -7
  273. package/search/{public-api.d.ts → public_api.d.ts} +0 -0
  274. package/search/search-box/search-box.component.d.ts +12 -5
  275. package/search/search-input/search-input.component.d.ts +12 -5
  276. package/search/search.module.d.ts +11 -0
  277. package/search/src/search-box/README.md +73 -0
  278. package/search/src/search-input/README.md +74 -0
  279. package/side-sheet/README.md +3 -5
  280. package/side-sheet/{side-sheet.theme.scss → _side-sheet.theme.scss} +0 -0
  281. package/side-sheet/covalent-core-side-sheet.d.ts +2 -3
  282. package/side-sheet/package.json +6 -7
  283. package/side-sheet/{public-api.d.ts → public_api.d.ts} +0 -0
  284. package/side-sheet/side-sheet-container.d.ts +21 -5
  285. package/side-sheet/side-sheet.content-directives.d.ts +23 -6
  286. package/side-sheet/side-sheet.d.ts +7 -2
  287. package/side-sheet/side-sheet.module.d.ts +9 -0
  288. package/user-profile/README.md +5 -5
  289. package/user-profile/covalent-core-user-profile.d.ts +2 -1
  290. package/user-profile/package.json +6 -7
  291. package/user-profile/user-profile-menu/user-profile-menu.component.d.ts +5 -2
  292. package/user-profile/user-profile.component.d.ts +5 -2
  293. package/user-profile/user-profile.module.d.ts +12 -0
  294. package/breadcrumbs/breadcrumb/breadcrumb.component.scss +0 -22
  295. package/breadcrumbs/breadcrumbs.component.scss +0 -7
  296. package/breadcrumbs/covalent-core-breadcrumbs.metadata.json +0 -1
  297. package/breadcrumbs/index.d.ts +0 -1
  298. package/bundles/covalent-core-breadcrumbs.umd.js +0 -490
  299. package/bundles/covalent-core-breadcrumbs.umd.js.map +0 -1
  300. package/bundles/covalent-core-breadcrumbs.umd.min.js +0 -2
  301. package/bundles/covalent-core-breadcrumbs.umd.min.js.map +0 -1
  302. package/bundles/covalent-core-common.umd.js +0 -3188
  303. package/bundles/covalent-core-common.umd.js.map +0 -1
  304. package/bundles/covalent-core-common.umd.min.js +0 -17
  305. package/bundles/covalent-core-common.umd.min.js.map +0 -1
  306. package/bundles/covalent-core-dialogs.umd.js +0 -1318
  307. package/bundles/covalent-core-dialogs.umd.js.map +0 -1
  308. package/bundles/covalent-core-dialogs.umd.min.js +0 -2
  309. package/bundles/covalent-core-dialogs.umd.min.js.map +0 -1
  310. package/bundles/covalent-core-dynamic-menu.umd.js +0 -215
  311. package/bundles/covalent-core-dynamic-menu.umd.js.map +0 -1
  312. package/bundles/covalent-core-dynamic-menu.umd.min.js +0 -2
  313. package/bundles/covalent-core-dynamic-menu.umd.min.js.map +0 -1
  314. package/bundles/covalent-core-file.umd.js +0 -1211
  315. package/bundles/covalent-core-file.umd.js.map +0 -1
  316. package/bundles/covalent-core-file.umd.min.js +0 -17
  317. package/bundles/covalent-core-file.umd.min.js.map +0 -1
  318. package/bundles/covalent-core-json-formatter.umd.js +0 -408
  319. package/bundles/covalent-core-json-formatter.umd.js.map +0 -1
  320. package/bundles/covalent-core-json-formatter.umd.min.js +0 -2
  321. package/bundles/covalent-core-json-formatter.umd.min.js.map +0 -1
  322. package/bundles/covalent-core-layout.umd.js +0 -2084
  323. package/bundles/covalent-core-layout.umd.js.map +0 -1
  324. package/bundles/covalent-core-layout.umd.min.js +0 -17
  325. package/bundles/covalent-core-layout.umd.min.js.map +0 -1
  326. package/bundles/covalent-core-menu.umd.js +0 -69
  327. package/bundles/covalent-core-menu.umd.js.map +0 -1
  328. package/bundles/covalent-core-menu.umd.min.js +0 -2
  329. package/bundles/covalent-core-menu.umd.min.js.map +0 -1
  330. package/bundles/covalent-core-message.umd.js +0 -375
  331. package/bundles/covalent-core-message.umd.js.map +0 -1
  332. package/bundles/covalent-core-message.umd.min.js +0 -2
  333. package/bundles/covalent-core-message.umd.min.js.map +0 -1
  334. package/bundles/covalent-core-search.umd.js +0 -877
  335. package/bundles/covalent-core-search.umd.js.map +0 -1
  336. package/bundles/covalent-core-search.umd.min.js +0 -16
  337. package/bundles/covalent-core-search.umd.min.js.map +0 -1
  338. package/bundles/covalent-core-side-sheet.umd.js +0 -1458
  339. package/bundles/covalent-core-side-sheet.umd.js.map +0 -1
  340. package/bundles/covalent-core-side-sheet.umd.min.js +0 -16
  341. package/bundles/covalent-core-side-sheet.umd.min.js.map +0 -1
  342. package/bundles/covalent-core-user-profile.umd.js +0 -116
  343. package/bundles/covalent-core-user-profile.umd.js.map +0 -1
  344. package/bundles/covalent-core-user-profile.umd.min.js +0 -2
  345. package/bundles/covalent-core-user-profile.umd.min.js.map +0 -1
  346. package/bundles/covalent-core.umd.js +0 -9
  347. package/bundles/covalent-core.umd.js.map +0 -1
  348. package/bundles/covalent-core.umd.min.js +0 -2
  349. package/bundles/covalent-core.umd.min.js.map +0 -1
  350. package/common/covalent-core-common.metadata.json +0 -1
  351. package/common/index.d.ts +0 -1
  352. package/common/material-icons.css +0 -98
  353. package/common/material-icons.css.map +0 -1
  354. package/common/material-icons.scss +0 -3
  355. package/common/platform.css +0 -15424
  356. package/common/platform.css.map +0 -1
  357. package/common/platform.scss +0 -7
  358. package/common/styles/_elevation.scss +0 -280
  359. package/common/styles/_layout.scss +0 -603
  360. package/common/styles/_palette-dark.scss +0 -326
  361. package/common/styles/_palette-light.scss +0 -637
  362. package/common/styles/_rtl.scss +0 -28
  363. package/common/styles/_styles.scss +0 -10
  364. package/common/styles/_theme-functions.scss +0 -25
  365. package/common/styles/_typography-functions.scss +0 -35
  366. package/common/styles/_variables.scss +0 -98
  367. package/common/styles/colors/_colors-dark.scss +0 -1072
  368. package/common/styles/colors/_colors-light.scss +0 -2487
  369. package/common/styles/colors/_colors.scss +0 -7
  370. package/common/styles/core/_button.scss +0 -59
  371. package/common/styles/core/_card.scss +0 -164
  372. package/common/styles/core/_content.scss +0 -42
  373. package/common/styles/core/_core.scss +0 -23
  374. package/common/styles/core/_divider.scss +0 -15
  375. package/common/styles/core/_icons.scss +0 -20
  376. package/common/styles/core/_list.scss +0 -8
  377. package/common/styles/core/_sidenav.scss +0 -20
  378. package/common/styles/core/_structure.scss +0 -128
  379. package/common/styles/core/_toolbar.scss +0 -46
  380. package/common/styles/core/_whiteframe.scss +0 -130
  381. package/common/styles/font/MaterialIcons-Regular-v48.woff2 +0 -0
  382. package/common/styles/font/_font.scss +0 -93
  383. package/common/styles/utilities/_general.scss +0 -51
  384. package/common/styles/utilities/_pad.scss +0 -36
  385. package/common/styles/utilities/_pull.scss +0 -36
  386. package/common/styles/utilities/_push.scss +0 -36
  387. package/common/styles/utilities/_size.scss +0 -24
  388. package/common/styles/utilities/_text.scss +0 -84
  389. package/common/styles/utilities/_utilities.scss +0 -15
  390. package/covalent-core.metadata.json +0 -1
  391. package/dialogs/alert-dialog/alert-dialog.component.scss +0 -3
  392. package/dialogs/confirm-dialog/confirm-dialog.component.scss +0 -3
  393. package/dialogs/covalent-core-dialogs.metadata.json +0 -1
  394. package/dialogs/dialog.component.scss +0 -44
  395. package/dialogs/index.d.ts +0 -1
  396. package/dialogs/prompt-dialog/prompt-dialog.component.scss +0 -15
  397. package/dialogs/window-dialog/window-dialog.component.scss +0 -31
  398. package/dynamic-menu/covalent-core-dynamic-menu.metadata.json +0 -1
  399. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.scss +0 -6
  400. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.scss +0 -11
  401. package/dynamic-menu/dynamic-menu.component.scss +0 -0
  402. package/dynamic-menu/index.d.ts +0 -1
  403. package/esm2015/breadcrumbs/breadcrumb/breadcrumb.component.js +0 -171
  404. package/esm2015/breadcrumbs/breadcrumbs.component.js +0 -241
  405. package/esm2015/breadcrumbs/breadcrumbs.module.js +0 -20
  406. package/esm2015/breadcrumbs/covalent-core-breadcrumbs.js +0 -10
  407. package/esm2015/breadcrumbs/index.js +0 -7
  408. package/esm2015/breadcrumbs/public-api.js +0 -9
  409. package/esm2015/common/animations/bounce/bounce.animation.js +0 -76
  410. package/esm2015/common/animations/collapse/collapse.animation.js +0 -67
  411. package/esm2015/common/animations/common/interfaces.js +0 -18
  412. package/esm2015/common/animations/fade/fadeInOut.animation.js +0 -53
  413. package/esm2015/common/animations/flash/flash.animation.js +0 -40
  414. package/esm2015/common/animations/headshake/headshake.animation.js +0 -41
  415. package/esm2015/common/animations/jello/jello.animation.js +0 -44
  416. package/esm2015/common/animations/pulse/pulse.animation.js +0 -38
  417. package/esm2015/common/animations/rotate/rotate.animation.js +0 -41
  418. package/esm2015/common/behaviors/control-value-accesor.mixin.js +0 -107
  419. package/esm2015/common/behaviors/disable-ripple.mixin.js +0 -63
  420. package/esm2015/common/behaviors/disabled.mixin.js +0 -63
  421. package/esm2015/common/common.module.js +0 -54
  422. package/esm2015/common/covalent-core-common.js +0 -12
  423. package/esm2015/common/directives/fullscreen/fullscreen.directive.js +0 -180
  424. package/esm2015/common/forms/auto-trim/auto-trim.directive.js +0 -46
  425. package/esm2015/common/forms/validators/validators.js +0 -58
  426. package/esm2015/common/functions/clipboard.js +0 -30
  427. package/esm2015/common/functions/convert.js +0 -103
  428. package/esm2015/common/functions/download.js +0 -88
  429. package/esm2015/common/functions/file.js +0 -29
  430. package/esm2015/common/index.js +0 -7
  431. package/esm2015/common/pipes/bytes/bytes.pipe.js +0 -41
  432. package/esm2015/common/pipes/decimal-bytes/decimal-bytes.pipe.js +0 -41
  433. package/esm2015/common/pipes/digits/digits.pipe.js +0 -65
  434. package/esm2015/common/pipes/time-ago/time-ago.pipe.js +0 -81
  435. package/esm2015/common/pipes/time-difference/time-difference.pipe.js +0 -66
  436. package/esm2015/common/pipes/time-until/time-until.pipe.js +0 -81
  437. package/esm2015/common/pipes/truncate/truncate.pipe.js +0 -34
  438. package/esm2015/common/public-api.js +0 -44
  439. package/esm2015/common/services/icon.service.js +0 -1109
  440. package/esm2015/common/services/router-path.service.js +0 -60
  441. package/esm2015/covalent-core.js +0 -10
  442. package/esm2015/dialogs/alert-dialog/alert-dialog.component.js +0 -47
  443. package/esm2015/dialogs/confirm-dialog/confirm-dialog.component.js +0 -59
  444. package/esm2015/dialogs/covalent-core-dialogs.js +0 -11
  445. package/esm2015/dialogs/dialog.component.js +0 -58
  446. package/esm2015/dialogs/dialogs.module.js +0 -57
  447. package/esm2015/dialogs/index.js +0 -7
  448. package/esm2015/dialogs/prompt-dialog/prompt-dialog.component.js +0 -83
  449. package/esm2015/dialogs/public-api.js +0 -13
  450. package/esm2015/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.js +0 -325
  451. package/esm2015/dialogs/services/dialog.service.js +0 -316
  452. package/esm2015/dialogs/window-dialog/window-dialog.component.js +0 -56
  453. package/esm2015/dynamic-menu/covalent-core-dynamic-menu.js +0 -11
  454. package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.js +0 -40
  455. package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.js +0 -35
  456. package/esm2015/dynamic-menu/dynamic-menu.component.js +0 -89
  457. package/esm2015/dynamic-menu/dynamic-menu.module.js +0 -26
  458. package/esm2015/dynamic-menu/index.js +0 -7
  459. package/esm2015/dynamic-menu/public_api.js +0 -9
  460. package/esm2015/file/covalent-core-file.js +0 -10
  461. package/esm2015/file/directives/file-drop.directive.js +0 -191
  462. package/esm2015/file/directives/file-select.directive.js +0 -98
  463. package/esm2015/file/file-input/file-input.component.js +0 -186
  464. package/esm2015/file/file-upload/file-upload.component.js +0 -237
  465. package/esm2015/file/file.module.js +0 -35
  466. package/esm2015/file/index.js +0 -7
  467. package/esm2015/file/public-api.js +0 -12
  468. package/esm2015/file/services/file.service.js +0 -109
  469. package/esm2015/index.js +0 -7
  470. package/esm2015/json-formatter/covalent-core-json-formatter.js +0 -10
  471. package/esm2015/json-formatter/index.js +0 -7
  472. package/esm2015/json-formatter/json-formatter.component.js +0 -338
  473. package/esm2015/json-formatter/json-formatter.module.js +0 -20
  474. package/esm2015/json-formatter/public-api.js +0 -8
  475. package/esm2015/layout/covalent-core-layout.js +0 -10
  476. package/esm2015/layout/index.js +0 -7
  477. package/esm2015/layout/layout-card-over/layout-card-over.component.js +0 -71
  478. package/esm2015/layout/layout-footer/layout-footer.component.js +0 -71
  479. package/esm2015/layout/layout-manage-list/layout-manage-list.component.js +0 -145
  480. package/esm2015/layout/layout-manage-list/layout-manage-list.directives.js +0 -132
  481. package/esm2015/layout/layout-nav/layout-nav.component.js +0 -100
  482. package/esm2015/layout/layout-nav-list/layout-nav-list.component.js +0 -220
  483. package/esm2015/layout/layout-nav-list/layout-nav-list.directives.js +0 -132
  484. package/esm2015/layout/layout-toggle.class.js +0 -188
  485. package/esm2015/layout/layout.component.js +0 -145
  486. package/esm2015/layout/layout.directives.js +0 -129
  487. package/esm2015/layout/layout.module.js +0 -64
  488. package/esm2015/layout/navigation-drawer/navigation-drawer.component.js +0 -280
  489. package/esm2015/layout/public-api.js +0 -18
  490. package/esm2015/menu/covalent-core-menu.js +0 -10
  491. package/esm2015/menu/index.js +0 -7
  492. package/esm2015/menu/menu.component.js +0 -16
  493. package/esm2015/menu/menu.module.js +0 -22
  494. package/esm2015/menu/public-api.js +0 -8
  495. package/esm2015/message/covalent-core-message.js +0 -10
  496. package/esm2015/message/index.js +0 -7
  497. package/esm2015/message/message.component.js +0 -307
  498. package/esm2015/message/message.module.js +0 -21
  499. package/esm2015/message/public-api.js +0 -8
  500. package/esm2015/search/covalent-core-search.js +0 -10
  501. package/esm2015/search/index.js +0 -7
  502. package/esm2015/search/public-api.js +0 -9
  503. package/esm2015/search/search-box/search-box.component.js +0 -270
  504. package/esm2015/search/search-input/search-input.component.js +0 -260
  505. package/esm2015/search/search.module.js +0 -23
  506. package/esm2015/side-sheet/covalent-core-side-sheet.js +0 -12
  507. package/esm2015/side-sheet/index.js +0 -7
  508. package/esm2015/side-sheet/public-api.js +0 -11
  509. package/esm2015/side-sheet/side-sheet-container.js +0 -402
  510. package/esm2015/side-sheet/side-sheet-ref.js +0 -50
  511. package/esm2015/side-sheet/side-sheet.animation.js +0 -20
  512. package/esm2015/side-sheet/side-sheet.config.js +0 -12
  513. package/esm2015/side-sheet/side-sheet.content-directives.js +0 -255
  514. package/esm2015/side-sheet/side-sheet.js +0 -360
  515. package/esm2015/side-sheet/side-sheet.module.js +0 -36
  516. package/esm2015/user-profile/covalent-core-user-profile.js +0 -10
  517. package/esm2015/user-profile/index.js +0 -7
  518. package/esm2015/user-profile/public_api.js +0 -9
  519. package/esm2015/user-profile/user-profile-menu/user-profile-menu.component.js +0 -35
  520. package/esm2015/user-profile/user-profile.component.js +0 -26
  521. package/esm2015/user-profile/user-profile.module.js +0 -25
  522. package/fesm2015/covalent-core-breadcrumbs.js +0 -448
  523. package/fesm2015/covalent-core-breadcrumbs.js.map +0 -1
  524. package/fesm2015/covalent-core-common.js.map +0 -1
  525. package/fesm2015/covalent-core-dialogs.js +0 -1001
  526. package/fesm2015/covalent-core-dialogs.js.map +0 -1
  527. package/fesm2015/covalent-core-dynamic-menu.js +0 -204
  528. package/fesm2015/covalent-core-dynamic-menu.js.map +0 -1
  529. package/fesm2015/covalent-core-file.js +0 -855
  530. package/fesm2015/covalent-core-file.js.map +0 -1
  531. package/fesm2015/covalent-core-json-formatter.js +0 -377
  532. package/fesm2015/covalent-core-json-formatter.js.map +0 -1
  533. package/fesm2015/covalent-core-layout.js +0 -1663
  534. package/fesm2015/covalent-core-layout.js.map +0 -1
  535. package/fesm2015/covalent-core-menu.js +0 -57
  536. package/fesm2015/covalent-core-menu.js.map +0 -1
  537. package/fesm2015/covalent-core-message.js +0 -347
  538. package/fesm2015/covalent-core-message.js.map +0 -1
  539. package/fesm2015/covalent-core-search.js +0 -564
  540. package/fesm2015/covalent-core-search.js.map +0 -1
  541. package/fesm2015/covalent-core-side-sheet.js +0 -1134
  542. package/fesm2015/covalent-core-side-sheet.js.map +0 -1
  543. package/fesm2015/covalent-core-user-profile.js +0 -103
  544. package/fesm2015/covalent-core-user-profile.js.map +0 -1
  545. package/fesm2015/covalent-core.js +0 -12
  546. package/fesm2015/covalent-core.js.map +0 -1
  547. package/file/covalent-core-file.metadata.json +0 -1
  548. package/file/file-input/file-input.component.scss +0 -20
  549. package/file/file-upload/file-upload.component.scss +0 -30
  550. package/file/index.d.ts +0 -1
  551. package/json-formatter/covalent-core-json-formatter.metadata.json +0 -1
  552. package/json-formatter/index.d.ts +0 -1
  553. package/json-formatter/json-formatter.component.scss +0 -61
  554. package/layout/covalent-core-layout.metadata.json +0 -1
  555. package/layout/index.d.ts +0 -1
  556. package/layout/layout-card-over/layout-card-over.component.scss +0 -42
  557. package/layout/layout-footer/layout-footer.component.scss +0 -4
  558. package/layout/layout-manage-list/layout-manage-list.component.scss +0 -78
  559. package/layout/layout-nav/README.md +0 -46
  560. package/layout/layout-nav/layout-nav.component.scss +0 -50
  561. package/layout/layout-nav-list/layout-nav-list.component.scss +0 -110
  562. package/layout/layout.component.scss +0 -20
  563. package/layout/navigation-drawer/navigation-drawer.component.scss +0 -73
  564. package/menu/covalent-core-menu.metadata.json +0 -1
  565. package/menu/index.d.ts +0 -1
  566. package/menu/menu.component.scss +0 -43
  567. package/message/covalent-core-message.metadata.json +0 -1
  568. package/message/index.d.ts +0 -1
  569. package/message/message.component.scss +0 -29
  570. package/schematics/README.md +0 -66
  571. package/schematics/collection.json +0 -11
  572. package/schematics/components.js +0 -111
  573. package/schematics/components.js.map +0 -1
  574. package/schematics/migration.json +0 -10
  575. package/schematics/ng-add/files/theme.scss +0 -64
  576. package/schematics/ng-add/index.js +0 -58
  577. package/schematics/ng-add/index.js.map +0 -1
  578. package/schematics/ng-add/schema.js +0 -3
  579. package/schematics/ng-add/schema.js.map +0 -1
  580. package/schematics/ng-add/schema.json +0 -81
  581. package/schematics/ng-update/index.js +0 -52
  582. package/schematics/ng-update/index.js.map +0 -1
  583. package/schematics/ng-update/target-version.js +0 -8
  584. package/schematics/ng-update/target-version.js.map +0 -1
  585. package/schematics/version-names.js +0 -6
  586. package/schematics/version-names.js.map +0 -1
  587. package/search/covalent-core-search.metadata.json +0 -1
  588. package/search/index.d.ts +0 -1
  589. package/search/search-box/README.md +0 -62
  590. package/search/search-box/search-box.component.scss +0 -32
  591. package/search/search-input/README.md +0 -65
  592. package/search/search-input/search-input.component.scss +0 -63
  593. package/side-sheet/covalent-core-side-sheet.metadata.json +0 -1
  594. package/side-sheet/index.d.ts +0 -1
  595. package/side-sheet/side-sheet.scss +0 -69
  596. package/theming/prebuilt/blue-grey-deep-orange.css +0 -2434
  597. package/theming/prebuilt/blue-grey-deep-orange.css.map +0 -1
  598. package/theming/prebuilt/blue-grey-deep-orange.scss +0 -13
  599. package/theming/prebuilt/blue-orange.css +0 -2434
  600. package/theming/prebuilt/blue-orange.css.map +0 -1
  601. package/theming/prebuilt/blue-orange.scss +0 -13
  602. package/theming/prebuilt/indigo-pink.css +0 -2434
  603. package/theming/prebuilt/indigo-pink.css.map +0 -1
  604. package/theming/prebuilt/indigo-pink.scss +0 -13
  605. package/theming/prebuilt/orange-light-blue.css +0 -2434
  606. package/theming/prebuilt/orange-light-blue.css.map +0 -1
  607. package/theming/prebuilt/orange-light-blue.scss +0 -13
  608. package/theming/prebuilt/teal-orange.css +0 -2434
  609. package/theming/prebuilt/teal-orange.css.map +0 -1
  610. package/theming/prebuilt/teal-orange.scss +0 -13
  611. package/user-profile/covalent-core-user-profile.metadata.json +0 -1
  612. package/user-profile/index.d.ts +0 -1
  613. package/user-profile/user-profile-menu/user-profile-menu.component.scss +0 -38
@@ -1,1663 +0,0 @@
1
- import { Component, ViewChild, Input, Directive, Renderer2, ElementRef, HostListener, Optional, Inject, forwardRef, SecurityContext, ContentChildren, NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { ScrollingModule } from '@angular/cdk/scrolling';
4
- import { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';
5
- import { MatToolbarModule } from '@angular/material/toolbar';
6
- import { MatButtonModule } from '@angular/material/button';
7
- import { MatIconModule } from '@angular/material/icon';
8
- import { MatCardModule } from '@angular/material/card';
9
- import { MatDividerModule } from '@angular/material/divider';
10
- import { mixinDisabled, tdCollapseAnimation } from '@covalent/core/common';
11
- import { Router } from '@angular/router';
12
- import { DomSanitizer } from '@angular/platform-browser';
13
-
14
- /**
15
- * @fileoverview added by tsickle
16
- * Generated from: layout.component.ts
17
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
18
- */
19
- class TdLayoutComponent {
20
- constructor() {
21
- /**
22
- * mode?: 'side', 'push' or 'over'
23
- *
24
- * The mode or styling of the sidenav.
25
- * Defaults to "over".
26
- * See "MatSidenav" documentation for more info.
27
- *
28
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
29
- */
30
- this.mode = 'over';
31
- /**
32
- * opened?: boolean
33
- *
34
- * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
35
- * Defaults to "false".
36
- *
37
- * See "MatSidenav" documentation for more info.
38
- *
39
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
40
- */
41
- this.opened = false;
42
- /**
43
- * sidenavWidth?: string
44
- *
45
- * Sets the "width" of the sidenav in either "px" or "%"
46
- * Defaults to "320px".
47
- *
48
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
49
- */
50
- this.sidenavWidth = '320px';
51
- /**
52
- * containerAutosize?: boolean
53
- *
54
- * Sets "autosize" of the sidenav-container.
55
- * Defaults to "false".
56
- *
57
- * See documentation for more info and potential performance risks.
58
- *
59
- * https://github.com/angular/material2/blob/master/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
60
- */
61
- this.containerAutosize = false;
62
- }
63
- /**
64
- * Checks if `ESC` should close the sidenav
65
- * Should only close it for `push` and `over` modes
66
- * @return {?}
67
- */
68
- get disableClose() {
69
- return this.mode === 'side';
70
- }
71
- /**
72
- * Proxy toggle method to access sidenav from outside (from td-layout template).
73
- * @return {?}
74
- */
75
- toggle() {
76
- return this.sidenav.toggle(!this.sidenav.opened);
77
- }
78
- /**
79
- * Proxy open method to access sidenav from outside (from td-layout template).
80
- * @return {?}
81
- */
82
- open() {
83
- return this.sidenav.open();
84
- }
85
- /**
86
- * Proxy close method to access sidenav from outside (from td-layout template).
87
- * @return {?}
88
- */
89
- close() {
90
- return this.sidenav.close();
91
- }
92
- }
93
- TdLayoutComponent.decorators = [
94
- { type: Component, args: [{
95
- selector: 'td-layout',
96
- template: "<mat-sidenav-container fullscreen [autosize]=\"containerAutosize\">\n <mat-sidenav\n #sidenav\n class=\"td-layout-sidenav\"\n [mode]=\"mode\"\n [opened]=\"opened\"\n [style.max-width]=\"sidenavWidth\"\n [style.min-width]=\"sidenavWidth\"\n [disableClose]=\"disableClose\"\n >\n <ng-content select=\"td-navigation-drawer\"></ng-content>\n <ng-content select=\"[td-sidenav-content]\"></ng-content>\n </mat-sidenav>\n <ng-content></ng-content>\n</mat-sidenav-container>\n",
97
- styles: [":host{display:-ms-flexbox;display:flex;height:100%;margin:0;min-height:100%;overflow:hidden;width:100%}:host ::ng-deep>mat-sidenav-container .mat-drawer>.mat-drawer-inner-container{-ms-flex-direction:column;display:-ms-flexbox;display:flex;flex-direction:column}"]
98
- }] }
99
- ];
100
- TdLayoutComponent.propDecorators = {
101
- sidenav: [{ type: ViewChild, args: [MatSidenav, { static: true },] }],
102
- mode: [{ type: Input }],
103
- opened: [{ type: Input }],
104
- sidenavWidth: [{ type: Input }],
105
- containerAutosize: [{ type: Input }]
106
- };
107
- if (false) {
108
- /** @type {?} */
109
- TdLayoutComponent.prototype.sidenav;
110
- /**
111
- * mode?: 'side', 'push' or 'over'
112
- *
113
- * The mode or styling of the sidenav.
114
- * Defaults to "over".
115
- * See "MatSidenav" documentation for more info.
116
- *
117
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
118
- * @type {?}
119
- */
120
- TdLayoutComponent.prototype.mode;
121
- /**
122
- * opened?: boolean
123
- *
124
- * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
125
- * Defaults to "false".
126
- *
127
- * See "MatSidenav" documentation for more info.
128
- *
129
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
130
- * @type {?}
131
- */
132
- TdLayoutComponent.prototype.opened;
133
- /**
134
- * sidenavWidth?: string
135
- *
136
- * Sets the "width" of the sidenav in either "px" or "%"
137
- * Defaults to "320px".
138
- *
139
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
140
- * @type {?}
141
- */
142
- TdLayoutComponent.prototype.sidenavWidth;
143
- /**
144
- * containerAutosize?: boolean
145
- *
146
- * Sets "autosize" of the sidenav-container.
147
- * Defaults to "false".
148
- *
149
- * See documentation for more info and potential performance risks.
150
- *
151
- * https://github.com/angular/material2/blob/master/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
152
- * @type {?}
153
- */
154
- TdLayoutComponent.prototype.containerAutosize;
155
- }
156
-
157
- /**
158
- * @fileoverview added by tsickle
159
- * Generated from: layout-toggle.class.ts
160
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
161
- */
162
- /**
163
- * @record
164
- */
165
- function ILayoutTogglable() { }
166
- if (false) {
167
- /** @type {?} */
168
- ILayoutTogglable.prototype.opened;
169
- /** @type {?} */
170
- ILayoutTogglable.prototype.sidenav;
171
- /**
172
- * @return {?}
173
- */
174
- ILayoutTogglable.prototype.toggle = function () { };
175
- /**
176
- * @return {?}
177
- */
178
- ILayoutTogglable.prototype.open = function () { };
179
- /**
180
- * @return {?}
181
- */
182
- ILayoutTogglable.prototype.close = function () { };
183
- }
184
- class LayoutToggleBase {
185
- }
186
- /* tslint:disable-next-line */
187
- /** @type {?} */
188
- const _TdLayoutToggleMixinBase = mixinDisabled(LayoutToggleBase);
189
- /**
190
- * @abstract
191
- */
192
- class BaseLayoutToggleDirective extends _TdLayoutToggleMixinBase {
193
- /**
194
- * @param {?} _layout
195
- * @param {?} _renderer
196
- * @param {?} _elementRef
197
- */
198
- constructor(_layout, _renderer, _elementRef) {
199
- super();
200
- this._layout = _layout;
201
- this._renderer = _renderer;
202
- this._elementRef = _elementRef;
203
- this._initialized = false;
204
- this._hideWhenOpened = false;
205
- // if layout has not been provided
206
- // show warn message
207
- if (!this._layout) {
208
- this._noLayoutMessage();
209
- }
210
- this._renderer.addClass(this._elementRef.nativeElement, 'td-layout-menu-button');
211
- }
212
- /**
213
- * hideWhenOpened?: boolean
214
- * When this is set to true, the host will be hidden when
215
- * the sidenav is opened.
216
- * @param {?} hideWhenOpened
217
- * @return {?}
218
- */
219
- set hideWhenOpened(hideWhenOpened) {
220
- this._hideWhenOpened = hideWhenOpened;
221
- if (this._initialized) {
222
- this._toggleVisibility();
223
- }
224
- }
225
- /**
226
- * @return {?}
227
- */
228
- ngAfterViewInit() {
229
- this._initialized = true;
230
- if (this._layout && this._layout.sidenav) {
231
- this._toggleSubs = this._layout.sidenav._animationStarted.subscribe((/**
232
- * @return {?}
233
- */
234
- () => {
235
- this._toggleVisibility();
236
- }));
237
- }
238
- // execute toggleVisibility since the onOpenStart and onCloseStart
239
- // methods might not be executed always when the element is rendered
240
- this._toggleVisibility();
241
- }
242
- /**
243
- * @return {?}
244
- */
245
- ngOnDestroy() {
246
- if (this._toggleSubs) {
247
- this._toggleSubs.unsubscribe();
248
- this._toggleSubs = undefined;
249
- }
250
- }
251
- /**
252
- * Listens to host click event to trigger the layout toggle
253
- * @param {?} event
254
- * @return {?}
255
- */
256
- clickListener(event) {
257
- event.preventDefault();
258
- if (!this.disabled) {
259
- // if layout has been provided, try triggering the click on it
260
- // else show warn message
261
- if (this._layout && this._layout.open) {
262
- this.onClick();
263
- }
264
- else {
265
- this._noLayoutMessage();
266
- }
267
- }
268
- }
269
- /**
270
- * @private
271
- * @return {?}
272
- */
273
- _toggleVisibility() {
274
- if (this._layout) {
275
- if (this._layout.sidenav.opened && this._hideWhenOpened) {
276
- this._renderer.setStyle(this._elementRef.nativeElement, 'display', 'none');
277
- }
278
- else {
279
- this._renderer.setStyle(this._elementRef.nativeElement, 'display', '');
280
- }
281
- }
282
- }
283
- /**
284
- * @private
285
- * @return {?}
286
- */
287
- _noLayoutMessage() {
288
- /* tslint:disable-next-line */
289
- console.warn('Covalent: Parent layout not found for layout toggle directive');
290
- }
291
- }
292
- BaseLayoutToggleDirective.decorators = [
293
- { type: Directive }
294
- ];
295
- /** @nocollapse */
296
- BaseLayoutToggleDirective.ctorParameters = () => [
297
- { type: undefined },
298
- { type: Renderer2 },
299
- { type: ElementRef }
300
- ];
301
- BaseLayoutToggleDirective.propDecorators = {
302
- hideWhenOpened: [{ type: Input, args: ['hideWhenOpened',] }],
303
- clickListener: [{ type: HostListener, args: ['click', ['$event'],] }]
304
- };
305
- if (false) {
306
- /**
307
- * @type {?}
308
- * @private
309
- */
310
- BaseLayoutToggleDirective.prototype._toggleSubs;
311
- /**
312
- * @type {?}
313
- * @private
314
- */
315
- BaseLayoutToggleDirective.prototype._initialized;
316
- /**
317
- * @type {?}
318
- * @private
319
- */
320
- BaseLayoutToggleDirective.prototype._hideWhenOpened;
321
- /**
322
- * @type {?}
323
- * @protected
324
- */
325
- BaseLayoutToggleDirective.prototype._layout;
326
- /**
327
- * @type {?}
328
- * @private
329
- */
330
- BaseLayoutToggleDirective.prototype._renderer;
331
- /**
332
- * @type {?}
333
- * @private
334
- */
335
- BaseLayoutToggleDirective.prototype._elementRef;
336
- /**
337
- * @abstract
338
- * @return {?}
339
- */
340
- BaseLayoutToggleDirective.prototype.onClick = function () { };
341
- }
342
-
343
- /**
344
- * @fileoverview added by tsickle
345
- * Generated from: layout.directives.ts
346
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
347
- */
348
- class TdLayoutToggleDirective extends BaseLayoutToggleDirective {
349
- /**
350
- * @param {?} layout
351
- * @param {?} renderer
352
- * @param {?} elementRef
353
- */
354
- constructor(layout, renderer, elementRef) {
355
- super(layout, renderer, elementRef);
356
- }
357
- /**
358
- * @param {?} tdLayoutToggle
359
- * @return {?}
360
- */
361
- set tdLayoutToggle(tdLayoutToggle) {
362
- this.disabled = !((/** @type {?} */ (tdLayoutToggle)) === '' || tdLayoutToggle);
363
- }
364
- /**
365
- * @return {?}
366
- */
367
- onClick() {
368
- this._layout.toggle();
369
- }
370
- }
371
- TdLayoutToggleDirective.decorators = [
372
- { type: Directive, args: [{
373
- selector: '[tdLayoutToggle]',
374
- },] }
375
- ];
376
- /** @nocollapse */
377
- TdLayoutToggleDirective.ctorParameters = () => [
378
- { type: TdLayoutComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef((/**
379
- * @return {?}
380
- */
381
- () => TdLayoutComponent)),] }] },
382
- { type: Renderer2 },
383
- { type: ElementRef }
384
- ];
385
- TdLayoutToggleDirective.propDecorators = {
386
- tdLayoutToggle: [{ type: Input, args: ['tdLayoutToggle',] }]
387
- };
388
- class TdLayoutCloseDirective extends BaseLayoutToggleDirective {
389
- /**
390
- * @param {?} layout
391
- * @param {?} renderer
392
- * @param {?} elementRef
393
- */
394
- constructor(layout, renderer, elementRef) {
395
- super(layout, renderer, elementRef);
396
- }
397
- /**
398
- * @param {?} tdLayoutClose
399
- * @return {?}
400
- */
401
- set tdLayoutClose(tdLayoutClose) {
402
- this.disabled = !((/** @type {?} */ (tdLayoutClose)) === '' || tdLayoutClose);
403
- }
404
- /**
405
- * @return {?}
406
- */
407
- onClick() {
408
- this._layout.close();
409
- }
410
- }
411
- TdLayoutCloseDirective.decorators = [
412
- { type: Directive, args: [{
413
- selector: '[tdLayoutClose]',
414
- },] }
415
- ];
416
- /** @nocollapse */
417
- TdLayoutCloseDirective.ctorParameters = () => [
418
- { type: TdLayoutComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef((/**
419
- * @return {?}
420
- */
421
- () => TdLayoutComponent)),] }] },
422
- { type: Renderer2 },
423
- { type: ElementRef }
424
- ];
425
- TdLayoutCloseDirective.propDecorators = {
426
- tdLayoutClose: [{ type: Input, args: ['tdLayoutClose',] }]
427
- };
428
- class TdLayoutOpenDirective extends BaseLayoutToggleDirective {
429
- /**
430
- * @param {?} layout
431
- * @param {?} renderer
432
- * @param {?} elementRef
433
- */
434
- constructor(layout, renderer, elementRef) {
435
- super(layout, renderer, elementRef);
436
- }
437
- /**
438
- * @param {?} tdLayoutOpen
439
- * @return {?}
440
- */
441
- set tdLayoutClose(tdLayoutOpen) {
442
- this.disabled = !((/** @type {?} */ (tdLayoutOpen)) === '' || tdLayoutOpen);
443
- }
444
- /**
445
- * @return {?}
446
- */
447
- onClick() {
448
- this._layout.open();
449
- }
450
- }
451
- TdLayoutOpenDirective.decorators = [
452
- { type: Directive, args: [{
453
- selector: '[tdLayoutOpen]',
454
- },] }
455
- ];
456
- /** @nocollapse */
457
- TdLayoutOpenDirective.ctorParameters = () => [
458
- { type: TdLayoutComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef((/**
459
- * @return {?}
460
- */
461
- () => TdLayoutComponent)),] }] },
462
- { type: Renderer2 },
463
- { type: ElementRef }
464
- ];
465
- TdLayoutOpenDirective.propDecorators = {
466
- tdLayoutClose: [{ type: Input, args: ['tdLayoutOpen',] }]
467
- };
468
-
469
- /**
470
- * @fileoverview added by tsickle
471
- * Generated from: layout-nav/layout-nav.component.ts
472
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
473
- */
474
- class TdLayoutNavComponent {
475
- /**
476
- * @param {?} _router
477
- */
478
- constructor(_router) {
479
- this._router = _router;
480
- /**
481
- * color?: 'accent' | 'primary' | 'warn'
482
- *
483
- * toolbar color option: primary | accent | warn.
484
- * If [color] is not set, primary is used.
485
- */
486
- this.color = 'primary';
487
- }
488
- /**
489
- * Checks if router was injected.
490
- * @return {?}
491
- */
492
- get routerEnabled() {
493
- return !!this._router && !!this.navigationRoute;
494
- }
495
- /**
496
- * @return {?}
497
- */
498
- handleNavigationClick() {
499
- if (this.routerEnabled) {
500
- this._router.navigateByUrl(this.navigationRoute);
501
- }
502
- }
503
- }
504
- TdLayoutNavComponent.decorators = [
505
- { type: Component, args: [{
506
- selector: 'td-layout-nav',
507
- template: "<div class=\"td-layout-nav-wrapper\">\n <mat-toolbar class=\"td-layout-toolbar\" [color]=\"color\">\n <ng-content select=\"[td-menu-button]\"></ng-content>\n <span\n *ngIf=\"icon || logo || toolbarTitle\"\n [class.cursor-pointer]=\"routerEnabled\"\n (click)=\"handleNavigationClick()\"\n class=\"td-layout-nav-toolbar-content\"\n >\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\n <mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\n <span *ngIf=\"toolbarTitle\">{{ toolbarTitle }}</span>\n </span>\n <ng-content select=\"[td-toolbar-content]\"></ng-content>\n </mat-toolbar>\n <div class=\"td-layout-nav-content\" cdkScrollable>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"td-layout-footer\"></ng-content>\n</div>\n",
508
- styles: [".td-menu-button{margin-left:0}::ng-deep [dir=rtl] .td-menu-button{margin-left:6px;margin-right:0}:host{overflow:hidden}:host,:host .td-layout-nav-wrapper{display:-ms-flexbox;display:flex;height:100%;margin:0;min-height:100%;width:100%}:host .td-layout-nav-wrapper{-ms-flex-direction:column;box-sizing:border-box;flex-direction:column}:host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{-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 .td-layout-nav-wrapper .td-layout-nav-content{-ms-flex:1;-ms-flex-direction:column;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column;overflow:auto;position:relative}"]
509
- }] }
510
- ];
511
- /** @nocollapse */
512
- TdLayoutNavComponent.ctorParameters = () => [
513
- { type: Router, decorators: [{ type: Optional }] }
514
- ];
515
- TdLayoutNavComponent.propDecorators = {
516
- toolbarTitle: [{ type: Input }],
517
- icon: [{ type: Input }],
518
- logo: [{ type: Input }],
519
- color: [{ type: Input }],
520
- navigationRoute: [{ type: Input }]
521
- };
522
- if (false) {
523
- /**
524
- * toolbarTitle?: string
525
- *
526
- * Title set in toolbar.
527
- * @type {?}
528
- */
529
- TdLayoutNavComponent.prototype.toolbarTitle;
530
- /**
531
- * icon?: string
532
- *
533
- * icon name to be displayed before the title
534
- * @type {?}
535
- */
536
- TdLayoutNavComponent.prototype.icon;
537
- /**
538
- * logo?: string
539
- *
540
- * logo icon name to be displayed before the title.
541
- * If [icon] is set, then this will not be shown.
542
- * @type {?}
543
- */
544
- TdLayoutNavComponent.prototype.logo;
545
- /**
546
- * color?: 'accent' | 'primary' | 'warn'
547
- *
548
- * toolbar color option: primary | accent | warn.
549
- * If [color] is not set, primary is used.
550
- * @type {?}
551
- */
552
- TdLayoutNavComponent.prototype.color;
553
- /**
554
- * navigationRoute?: string
555
- *
556
- * option to set the combined route for the icon, logo, and toolbarTitle.
557
- * @type {?}
558
- */
559
- TdLayoutNavComponent.prototype.navigationRoute;
560
- /**
561
- * @type {?}
562
- * @private
563
- */
564
- TdLayoutNavComponent.prototype._router;
565
- }
566
-
567
- /**
568
- * @fileoverview added by tsickle
569
- * Generated from: layout-nav-list/layout-nav-list.component.ts
570
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
571
- */
572
- class TdLayoutNavListComponent {
573
- /**
574
- * @param {?} _router
575
- */
576
- constructor(_router) {
577
- this._router = _router;
578
- /**
579
- * color?: 'accent' | 'primary' | 'warn'
580
- *
581
- * toolbar color option: primary | accent | warn.
582
- * If [color] is not set, primary is used.
583
- */
584
- this.color = 'primary';
585
- /**
586
- * mode?: 'side', 'push' or 'over'
587
- *
588
- * The mode or styling of the sidenav.
589
- * Defaults to "side".
590
- * See "MatSidenav" documentation for more info.
591
- *
592
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
593
- */
594
- this.mode = 'side';
595
- /**
596
- * opened?: boolean
597
- * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
598
- * Defaults to "true".
599
- *
600
- * See "MatSidenav" documentation for more info.
601
- *
602
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
603
- */
604
- this.opened = true;
605
- /**
606
- * sidenavWidth?: string
607
- *
608
- * Sets the "width" of the sidenav in either "px" or "%"
609
- * Defaults to "350px".
610
- *
611
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
612
- */
613
- this.sidenavWidth = '350px';
614
- /**
615
- * containerAutosize?: boolean
616
- *
617
- * Sets "autosize" of the sidenav-container.
618
- * Defaults to "false".
619
- *
620
- * See documentation for more info and potential performance risks.
621
- *
622
- * https://github.com/angular/material2/blob/master/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
623
- */
624
- this.containerAutosize = false;
625
- }
626
- /**
627
- * Checks if `ESC` should close the sidenav
628
- * Should only close it for `push` and `over` modes
629
- * @return {?}
630
- */
631
- get disableClose() {
632
- return this.mode === 'side';
633
- }
634
- /**
635
- * Checks if router was injected.
636
- * @return {?}
637
- */
638
- get routerEnabled() {
639
- return !!this._router && !!this.navigationRoute;
640
- }
641
- /**
642
- * @return {?}
643
- */
644
- handleNavigationClick() {
645
- if (this.routerEnabled) {
646
- this._router.navigateByUrl(this.navigationRoute);
647
- }
648
- }
649
- /**
650
- * Proxy toggle method to access sidenav from outside (from td-layout template).
651
- * @return {?}
652
- */
653
- toggle() {
654
- return this.sidenav.toggle(!this.sidenav.opened);
655
- }
656
- /**
657
- * Proxy open method to access sidenav from outside (from td-layout template).
658
- * @return {?}
659
- */
660
- open() {
661
- return this.sidenav.open();
662
- }
663
- /**
664
- * Proxy close method to access sidenav from outside (from td-layout template).
665
- * @return {?}
666
- */
667
- close() {
668
- return this.sidenav.close();
669
- }
670
- }
671
- TdLayoutNavListComponent.decorators = [
672
- { type: Component, args: [{
673
- selector: 'td-layout-nav-list',
674
- template: "<div class=\"td-layout-nav-list-wrapper\">\n <mat-sidenav-container fullscreen [autosize]=\"containerAutosize\" class=\"td-layout-nav-list\">\n <mat-sidenav\n #sidenav\n position=\"start\"\n [mode]=\"mode\"\n [opened]=\"opened\"\n [disableClose]=\"disableClose\"\n [style.max-width]=\"sidenavWidth\"\n [style.min-width]=\"sidenavWidth\"\n >\n <mat-toolbar class=\"td-layout-toolbar\" [color]=\"color\">\n <ng-content select=\"[td-menu-button]\"></ng-content>\n <span\n *ngIf=\"icon || logo || toolbarTitle\"\n class=\"td-layout-nav-list-toolbar-content\"\n [class.cursor-pointer]=\"routerEnabled\"\n (click)=\"handleNavigationClick()\"\n >\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\n <mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\n <span *ngIf=\"toolbarTitle\">{{ toolbarTitle }}</span>\n </span>\n <ng-content select=\"[td-sidenav-toolbar-content]\"></ng-content>\n </mat-toolbar>\n <div class=\"td-layout-nav-list-content\" cdkScrollable>\n <ng-content select=\"[td-sidenav-content]\"></ng-content>\n </div>\n </mat-sidenav>\n <div class=\"td-layout-nav-list-main\">\n <mat-toolbar class=\"td-layout-toolbar\" [color]=\"color\">\n <ng-content select=\"[td-toolbar-content]\"></ng-content>\n </mat-toolbar>\n <div class=\"td-layout-nav-list-content\" cdkScrollable>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"td-layout-footer-inner\"></ng-content>\n </div>\n </mat-sidenav-container>\n</div>\n<ng-content select=\"td-layout-footer\"></ng-content>\n",
675
- styles: [":host{-ms-flex:1;-ms-flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column;height:100%;margin:0;min-height:100%;overflow:hidden;width:100%}:host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-right:0}[dir=rtl] :host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-left:0}:host .td-layout-nav-list-wrapper{-ms-flex:1;-ms-flex-direction:column;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column;overflow:auto;position:relative}:host .td-layout-nav-list-wrapper .td-layout-nav-list-toolbar-content{-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 .td-layout-nav-list-wrapper .td-layout-nav-list-content{-ms-flex:1;-webkit-overflow-scrolling:touch;display:block;flex:1;overflow:auto;position:relative;text-align:start}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main{-ms-flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:column;height:100%;margin:0;min-height:100%;overflow:auto;position:relative;width:100%}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main .td-layout-nav-list-content{-ms-flex:1;-webkit-overflow-scrolling:touch;display:block;flex:1;overflow:auto;position:relative}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list{-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closed,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closing,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opened,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opening{box-shadow:none}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer>.mat-drawer-inner-container{-ms-flex-direction:column;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:column}"]
676
- }] }
677
- ];
678
- /** @nocollapse */
679
- TdLayoutNavListComponent.ctorParameters = () => [
680
- { type: Router, decorators: [{ type: Optional }] }
681
- ];
682
- TdLayoutNavListComponent.propDecorators = {
683
- sidenav: [{ type: ViewChild, args: [MatSidenav, { static: true },] }],
684
- toolbarTitle: [{ type: Input }],
685
- icon: [{ type: Input }],
686
- logo: [{ type: Input }],
687
- color: [{ type: Input }],
688
- mode: [{ type: Input }],
689
- opened: [{ type: Input }],
690
- sidenavWidth: [{ type: Input }],
691
- containerAutosize: [{ type: Input }],
692
- navigationRoute: [{ type: Input }]
693
- };
694
- if (false) {
695
- /** @type {?} */
696
- TdLayoutNavListComponent.prototype.sidenav;
697
- /**
698
- * toolbarTitle?: string
699
- *
700
- * Title set in toolbar.
701
- * @type {?}
702
- */
703
- TdLayoutNavListComponent.prototype.toolbarTitle;
704
- /**
705
- * icon?: string
706
- * icon name to be displayed before the title
707
- * @type {?}
708
- */
709
- TdLayoutNavListComponent.prototype.icon;
710
- /**
711
- * logo?: string
712
- *
713
- * logo icon name to be displayed before the title.
714
- * If [icon] is set, then this will not be shown.
715
- * @type {?}
716
- */
717
- TdLayoutNavListComponent.prototype.logo;
718
- /**
719
- * color?: 'accent' | 'primary' | 'warn'
720
- *
721
- * toolbar color option: primary | accent | warn.
722
- * If [color] is not set, primary is used.
723
- * @type {?}
724
- */
725
- TdLayoutNavListComponent.prototype.color;
726
- /**
727
- * mode?: 'side', 'push' or 'over'
728
- *
729
- * The mode or styling of the sidenav.
730
- * Defaults to "side".
731
- * See "MatSidenav" documentation for more info.
732
- *
733
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
734
- * @type {?}
735
- */
736
- TdLayoutNavListComponent.prototype.mode;
737
- /**
738
- * opened?: boolean
739
- * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
740
- * Defaults to "true".
741
- *
742
- * See "MatSidenav" documentation for more info.
743
- *
744
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
745
- * @type {?}
746
- */
747
- TdLayoutNavListComponent.prototype.opened;
748
- /**
749
- * sidenavWidth?: string
750
- *
751
- * Sets the "width" of the sidenav in either "px" or "%"
752
- * Defaults to "350px".
753
- *
754
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
755
- * @type {?}
756
- */
757
- TdLayoutNavListComponent.prototype.sidenavWidth;
758
- /**
759
- * containerAutosize?: boolean
760
- *
761
- * Sets "autosize" of the sidenav-container.
762
- * Defaults to "false".
763
- *
764
- * See documentation for more info and potential performance risks.
765
- *
766
- * https://github.com/angular/material2/blob/master/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
767
- * @type {?}
768
- */
769
- TdLayoutNavListComponent.prototype.containerAutosize;
770
- /**
771
- * navigationRoute?: string
772
- *
773
- * option to set the combined route for the icon, logo, and toolbarTitle.
774
- * @type {?}
775
- */
776
- TdLayoutNavListComponent.prototype.navigationRoute;
777
- /**
778
- * @type {?}
779
- * @private
780
- */
781
- TdLayoutNavListComponent.prototype._router;
782
- }
783
-
784
- /**
785
- * @fileoverview added by tsickle
786
- * Generated from: layout-nav-list/layout-nav-list.directives.ts
787
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
788
- */
789
- class TdLayoutNavListToggleDirective extends BaseLayoutToggleDirective {
790
- /**
791
- * @param {?} layout
792
- * @param {?} renderer
793
- * @param {?} elementRef
794
- */
795
- constructor(layout, renderer, elementRef) {
796
- super(layout, renderer, elementRef);
797
- }
798
- /**
799
- * @param {?} tdLayoutNavListToggle
800
- * @return {?}
801
- */
802
- set tdLayoutNavListToggle(tdLayoutNavListToggle) {
803
- this.disabled = !((/** @type {?} */ (tdLayoutNavListToggle)) === '' || tdLayoutNavListToggle);
804
- }
805
- /**
806
- * @return {?}
807
- */
808
- onClick() {
809
- this._layout.toggle();
810
- }
811
- }
812
- TdLayoutNavListToggleDirective.decorators = [
813
- { type: Directive, args: [{
814
- selector: '[tdLayoutNavListToggle]',
815
- inputs: ['hideWhenOpened'],
816
- },] }
817
- ];
818
- /** @nocollapse */
819
- TdLayoutNavListToggleDirective.ctorParameters = () => [
820
- { type: TdLayoutNavListComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef((/**
821
- * @return {?}
822
- */
823
- () => TdLayoutNavListComponent)),] }] },
824
- { type: Renderer2 },
825
- { type: ElementRef }
826
- ];
827
- TdLayoutNavListToggleDirective.propDecorators = {
828
- tdLayoutNavListToggle: [{ type: Input, args: ['tdLayoutNavListToggle',] }]
829
- };
830
- class TdLayoutNavListCloseDirective extends BaseLayoutToggleDirective {
831
- /**
832
- * @param {?} layout
833
- * @param {?} renderer
834
- * @param {?} elementRef
835
- */
836
- constructor(layout, renderer, elementRef) {
837
- super(layout, renderer, elementRef);
838
- }
839
- /**
840
- * @param {?} tdLayoutNavListClose
841
- * @return {?}
842
- */
843
- set tdLayoutNavListClose(tdLayoutNavListClose) {
844
- this.disabled = !((/** @type {?} */ (tdLayoutNavListClose)) === '' || tdLayoutNavListClose);
845
- }
846
- /**
847
- * @return {?}
848
- */
849
- onClick() {
850
- this._layout.close();
851
- }
852
- }
853
- TdLayoutNavListCloseDirective.decorators = [
854
- { type: Directive, args: [{
855
- selector: '[tdLayoutNavListClose]',
856
- inputs: ['hideWhenOpened'],
857
- },] }
858
- ];
859
- /** @nocollapse */
860
- TdLayoutNavListCloseDirective.ctorParameters = () => [
861
- { type: TdLayoutNavListComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef((/**
862
- * @return {?}
863
- */
864
- () => TdLayoutNavListComponent)),] }] },
865
- { type: Renderer2 },
866
- { type: ElementRef }
867
- ];
868
- TdLayoutNavListCloseDirective.propDecorators = {
869
- tdLayoutNavListClose: [{ type: Input, args: ['tdLayoutNavListClose',] }]
870
- };
871
- class TdLayoutNavListOpenDirective extends BaseLayoutToggleDirective {
872
- /**
873
- * @param {?} layout
874
- * @param {?} renderer
875
- * @param {?} elementRef
876
- */
877
- constructor(layout, renderer, elementRef) {
878
- super(layout, renderer, elementRef);
879
- }
880
- /**
881
- * @param {?} tdLayoutNavListOpen
882
- * @return {?}
883
- */
884
- set tdLayoutNavListOpen(tdLayoutNavListOpen) {
885
- this.disabled = !((/** @type {?} */ (tdLayoutNavListOpen)) === '' || tdLayoutNavListOpen);
886
- }
887
- /**
888
- * @return {?}
889
- */
890
- onClick() {
891
- this._layout.open();
892
- }
893
- }
894
- TdLayoutNavListOpenDirective.decorators = [
895
- { type: Directive, args: [{
896
- selector: '[tdLayoutNavListOpen]',
897
- inputs: ['hideWhenOpened'],
898
- },] }
899
- ];
900
- /** @nocollapse */
901
- TdLayoutNavListOpenDirective.ctorParameters = () => [
902
- { type: TdLayoutNavListComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef((/**
903
- * @return {?}
904
- */
905
- () => TdLayoutNavListComponent)),] }] },
906
- { type: Renderer2 },
907
- { type: ElementRef }
908
- ];
909
- TdLayoutNavListOpenDirective.propDecorators = {
910
- tdLayoutNavListOpen: [{ type: Input, args: ['tdLayoutNavListOpen',] }]
911
- };
912
-
913
- /**
914
- * @fileoverview added by tsickle
915
- * Generated from: layout-card-over/layout-card-over.component.ts
916
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
917
- */
918
- class TdLayoutCardOverComponent {
919
- constructor() {
920
- /**
921
- * cardWidth?: string
922
- *
923
- * Card flex width in %.
924
- * Defaults to 70%.
925
- */
926
- this.cardWidth = 70;
927
- /**
928
- * color?: 'accent' | 'primary' | 'warn'
929
- *
930
- * toolbar color option: primary | accent | warn.
931
- * If [color] is not set, primary is used.
932
- */
933
- this.color = 'primary';
934
- }
935
- }
936
- TdLayoutCardOverComponent.decorators = [
937
- { type: Component, args: [{
938
- selector: 'td-layout-card-over',
939
- template: "<mat-toolbar class=\"td-layout-toolbar\" [color]=\"color\"></mat-toolbar>\n<div class=\"td-layout-card-over-wrapper\">\n <div\n class=\"td-layout-card-over\"\n [style.max-width.%]=\"cardWidth\"\n [style.flex]=\"'1 1 ' + cardWidth + '%'\"\n [style.-ms-flex]=\"'1 1 ' + cardWidth + '%'\"\n [style.-webkit-box-flex]=\"1\"\n >\n <mat-card>\n <mat-card-title *ngIf=\"cardTitle\">{{ cardTitle }}</mat-card-title>\n <mat-card-subtitle *ngIf=\"cardSubtitle\">{{ cardSubtitle }}</mat-card-subtitle>\n <mat-divider *ngIf=\"cardTitle || cardSubtitle\"></mat-divider>\n <ng-content></ng-content>\n </mat-card>\n <ng-content select=\"[td-after-card]\"></ng-content>\n </div>\n</div>\n",
940
- styles: [":host{display:block;height:100%;min-height:100%;position:relative;width:100%;z-index:2}:host [td-after-card]{display:block}.td-layout-card-over-wrapper{height:100%;margin:-64px 0;min-height:100%;width:100%}@media (min-width:600px){.td-layout-card-over-wrapper{-ms-flex-align:start;-ms-flex-direction:row;-ms-flex-line-pack:start;-ms-flex-pack:center;align-content:flex-start;align-items:flex-start;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:center}.td-layout-card-over-wrapper .td-layout-card-over{box-sizing:border-box;max-height:100%}}@media (max-width:599px){.td-layout-card-over-wrapper .td-layout-card-over{max-width:100%!important}}"]
941
- }] }
942
- ];
943
- TdLayoutCardOverComponent.propDecorators = {
944
- cardTitle: [{ type: Input }],
945
- cardSubtitle: [{ type: Input }],
946
- cardWidth: [{ type: Input }],
947
- color: [{ type: Input }]
948
- };
949
- if (false) {
950
- /**
951
- * cardTitle?: string
952
- *
953
- * Title set in card.
954
- * @type {?}
955
- */
956
- TdLayoutCardOverComponent.prototype.cardTitle;
957
- /**
958
- * cardSubtitle?: string
959
- *
960
- * Subtitle set in card.
961
- * @type {?}
962
- */
963
- TdLayoutCardOverComponent.prototype.cardSubtitle;
964
- /**
965
- * cardWidth?: string
966
- *
967
- * Card flex width in %.
968
- * Defaults to 70%.
969
- * @type {?}
970
- */
971
- TdLayoutCardOverComponent.prototype.cardWidth;
972
- /**
973
- * color?: 'accent' | 'primary' | 'warn'
974
- *
975
- * toolbar color option: primary | accent | warn.
976
- * If [color] is not set, primary is used.
977
- * @type {?}
978
- */
979
- TdLayoutCardOverComponent.prototype.color;
980
- }
981
-
982
- /**
983
- * @fileoverview added by tsickle
984
- * Generated from: layout-manage-list/layout-manage-list.component.ts
985
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
986
- */
987
- class TdLayoutManageListComponent {
988
- constructor() {
989
- /**
990
- * mode?: 'side', 'push' or 'over'
991
- *
992
- * The mode or styling of the sidenav.
993
- * Defaults to "side".
994
- * See "MatSidenav" documentation for more info.
995
- *
996
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
997
- */
998
- this.mode = 'side';
999
- /**
1000
- * opened?: boolean
1001
- *
1002
- * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
1003
- * Defaults to "true".
1004
- *
1005
- * See "MatSidenav" documentation for more info.
1006
- *
1007
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
1008
- */
1009
- this.opened = true;
1010
- /**
1011
- * sidenavWidth?: string
1012
- *
1013
- * Sets the "width" of the sidenav in either "px" or "%"
1014
- * Defaults to "257px".
1015
- *
1016
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
1017
- */
1018
- this.sidenavWidth = '257px';
1019
- /**
1020
- * containerAutosize?: boolean
1021
- *
1022
- * Sets "autosize" of the sidenav-container.
1023
- * Defaults to "false".
1024
- *
1025
- * See documentation for more info and potential performance risks.
1026
- *
1027
- * https://github.com/angular/material2/blob/master/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
1028
- */
1029
- this.containerAutosize = false;
1030
- }
1031
- /**
1032
- * Checks if `ESC` should close the sidenav
1033
- * Should only close it for `push` and `over` modes
1034
- * @return {?}
1035
- */
1036
- get disableClose() {
1037
- return this.mode === 'side';
1038
- }
1039
- /**
1040
- * Proxy toggle method to access sidenav from outside (from td-layout template).
1041
- * @return {?}
1042
- */
1043
- toggle() {
1044
- return this.sidenav.toggle(!this.sidenav.opened);
1045
- }
1046
- /**
1047
- * Proxy open method to access sidenav from outside (from td-layout template).
1048
- * @return {?}
1049
- */
1050
- open() {
1051
- return this.sidenav.open();
1052
- }
1053
- /**
1054
- * Proxy close method to access sidenav from outside (from td-layout template).
1055
- * @return {?}
1056
- */
1057
- close() {
1058
- return this.sidenav.close();
1059
- }
1060
- }
1061
- TdLayoutManageListComponent.decorators = [
1062
- { type: Component, args: [{
1063
- selector: 'td-layout-manage-list',
1064
- template: "<mat-sidenav-container fullscreen [autosize]=\"containerAutosize\" class=\"td-layout-manage-list\">\n <mat-sidenav\n #sidenav\n position=\"start\"\n [mode]=\"mode\"\n [opened]=\"opened\"\n [disableClose]=\"disableClose\"\n [style.max-width]=\"sidenavWidth\"\n [style.min-width]=\"sidenavWidth\"\n >\n <ng-content select=\"mat-toolbar[td-sidenav-content]\"></ng-content>\n <div class=\"td-layout-manage-list-sidenav\" cdkScrollable>\n <ng-content select=\"[td-sidenav-content]\"></ng-content>\n </div>\n </mat-sidenav>\n <div class=\"td-layout-manage-list-main\">\n <ng-content select=\"mat-toolbar\"></ng-content>\n <div class=\"td-layout-manage-list-content\" cdkScrollable>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"td-layout-footer-inner\"></ng-content>\n </div>\n</mat-sidenav-container>\n",
1065
- styles: [":host{display:-ms-flexbox;display:flex;height:100%;margin:0;min-height:100%;overflow:hidden;width:100%}:host mat-sidenav-container.td-layout-manage-list{-ms-flex:1;flex:1}:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closed,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closing,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opened,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opening{box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}:host .td-layout-manage-list-sidenav{-ms-flex:1;-webkit-overflow-scrolling:touch;display:block;flex:1;overflow:auto;position:relative;text-align:start}:host .td-layout-manage-list-main{-ms-flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:column;height:100%;margin:0;min-height:100%;overflow:auto;position:relative;width:100%}:host .td-layout-manage-list-main .td-layout-manage-list-content{-ms-flex:1;-webkit-overflow-scrolling:touch;display:block;flex:1;overflow:auto;position:relative}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container{-ms-flex-direction:column;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:column}:host ::ng-deep mat-nav-list a[mat-list-item] .mat-list-item-content{font-size:14px}:host ::ng-deep .mat-toolbar{font-weight:400}"]
1066
- }] }
1067
- ];
1068
- TdLayoutManageListComponent.propDecorators = {
1069
- sidenav: [{ type: ViewChild, args: [MatSidenav, { static: true },] }],
1070
- mode: [{ type: Input }],
1071
- opened: [{ type: Input }],
1072
- sidenavWidth: [{ type: Input }],
1073
- containerAutosize: [{ type: Input }]
1074
- };
1075
- if (false) {
1076
- /** @type {?} */
1077
- TdLayoutManageListComponent.prototype.sidenav;
1078
- /**
1079
- * mode?: 'side', 'push' or 'over'
1080
- *
1081
- * The mode or styling of the sidenav.
1082
- * Defaults to "side".
1083
- * See "MatSidenav" documentation for more info.
1084
- *
1085
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
1086
- * @type {?}
1087
- */
1088
- TdLayoutManageListComponent.prototype.mode;
1089
- /**
1090
- * opened?: boolean
1091
- *
1092
- * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
1093
- * Defaults to "true".
1094
- *
1095
- * See "MatSidenav" documentation for more info.
1096
- *
1097
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
1098
- * @type {?}
1099
- */
1100
- TdLayoutManageListComponent.prototype.opened;
1101
- /**
1102
- * sidenavWidth?: string
1103
- *
1104
- * Sets the "width" of the sidenav in either "px" or "%"
1105
- * Defaults to "257px".
1106
- *
1107
- * https://github.com/angular/material2/tree/master/src/lib/sidenav
1108
- * @type {?}
1109
- */
1110
- TdLayoutManageListComponent.prototype.sidenavWidth;
1111
- /**
1112
- * containerAutosize?: boolean
1113
- *
1114
- * Sets "autosize" of the sidenav-container.
1115
- * Defaults to "false".
1116
- *
1117
- * See documentation for more info and potential performance risks.
1118
- *
1119
- * https://github.com/angular/material2/blob/master/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
1120
- * @type {?}
1121
- */
1122
- TdLayoutManageListComponent.prototype.containerAutosize;
1123
- }
1124
-
1125
- /**
1126
- * @fileoverview added by tsickle
1127
- * Generated from: layout-manage-list/layout-manage-list.directives.ts
1128
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1129
- */
1130
- class TdLayoutManageListToggleDirective extends BaseLayoutToggleDirective {
1131
- /**
1132
- * @param {?} layout
1133
- * @param {?} renderer
1134
- * @param {?} elementRef
1135
- */
1136
- constructor(layout, renderer, elementRef) {
1137
- super(layout, renderer, elementRef);
1138
- }
1139
- /**
1140
- * @param {?} tdLayoutManageListToggle
1141
- * @return {?}
1142
- */
1143
- set tdLayoutManageListToggle(tdLayoutManageListToggle) {
1144
- this.disabled = !((/** @type {?} */ (tdLayoutManageListToggle)) === '' || tdLayoutManageListToggle);
1145
- }
1146
- /**
1147
- * @return {?}
1148
- */
1149
- onClick() {
1150
- this._layout.toggle();
1151
- }
1152
- }
1153
- TdLayoutManageListToggleDirective.decorators = [
1154
- { type: Directive, args: [{
1155
- selector: '[tdLayoutManageListToggle]',
1156
- inputs: ['hideWhenOpened'],
1157
- },] }
1158
- ];
1159
- /** @nocollapse */
1160
- TdLayoutManageListToggleDirective.ctorParameters = () => [
1161
- { type: TdLayoutManageListComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef((/**
1162
- * @return {?}
1163
- */
1164
- () => TdLayoutManageListComponent)),] }] },
1165
- { type: Renderer2 },
1166
- { type: ElementRef }
1167
- ];
1168
- TdLayoutManageListToggleDirective.propDecorators = {
1169
- tdLayoutManageListToggle: [{ type: Input, args: ['tdLayoutManageListToggle',] }]
1170
- };
1171
- class TdLayoutManageListCloseDirective extends BaseLayoutToggleDirective {
1172
- /**
1173
- * @param {?} layout
1174
- * @param {?} renderer
1175
- * @param {?} elementRef
1176
- */
1177
- constructor(layout, renderer, elementRef) {
1178
- super(layout, renderer, elementRef);
1179
- }
1180
- /**
1181
- * @param {?} tdLayoutManageListClose
1182
- * @return {?}
1183
- */
1184
- set tdLayoutManageListClose(tdLayoutManageListClose) {
1185
- this.disabled = !((/** @type {?} */ (tdLayoutManageListClose)) === '' || tdLayoutManageListClose);
1186
- }
1187
- /**
1188
- * @return {?}
1189
- */
1190
- onClick() {
1191
- this._layout.close();
1192
- }
1193
- }
1194
- TdLayoutManageListCloseDirective.decorators = [
1195
- { type: Directive, args: [{
1196
- selector: '[tdLayoutManageListClose]',
1197
- inputs: ['hideWhenOpened'],
1198
- },] }
1199
- ];
1200
- /** @nocollapse */
1201
- TdLayoutManageListCloseDirective.ctorParameters = () => [
1202
- { type: TdLayoutManageListComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef((/**
1203
- * @return {?}
1204
- */
1205
- () => TdLayoutManageListComponent)),] }] },
1206
- { type: Renderer2 },
1207
- { type: ElementRef }
1208
- ];
1209
- TdLayoutManageListCloseDirective.propDecorators = {
1210
- tdLayoutManageListClose: [{ type: Input, args: ['tdLayoutManageListClose',] }]
1211
- };
1212
- class TdLayoutManageListOpenDirective extends BaseLayoutToggleDirective {
1213
- /**
1214
- * @param {?} layout
1215
- * @param {?} renderer
1216
- * @param {?} elementRef
1217
- */
1218
- constructor(layout, renderer, elementRef) {
1219
- super(layout, renderer, elementRef);
1220
- }
1221
- /**
1222
- * @param {?} tdLayoutManageListOpen
1223
- * @return {?}
1224
- */
1225
- set tdLayoutManageListOpen(tdLayoutManageListOpen) {
1226
- this.disabled = !((/** @type {?} */ (tdLayoutManageListOpen)) === '' || tdLayoutManageListOpen);
1227
- }
1228
- /**
1229
- * @return {?}
1230
- */
1231
- onClick() {
1232
- this._layout.open();
1233
- }
1234
- }
1235
- TdLayoutManageListOpenDirective.decorators = [
1236
- { type: Directive, args: [{
1237
- selector: '[tdLayoutManageListOpen]',
1238
- inputs: ['hideWhenOpened'],
1239
- },] }
1240
- ];
1241
- /** @nocollapse */
1242
- TdLayoutManageListOpenDirective.ctorParameters = () => [
1243
- { type: TdLayoutManageListComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef((/**
1244
- * @return {?}
1245
- */
1246
- () => TdLayoutManageListComponent)),] }] },
1247
- { type: Renderer2 },
1248
- { type: ElementRef }
1249
- ];
1250
- TdLayoutManageListOpenDirective.propDecorators = {
1251
- tdLayoutManageListOpen: [{ type: Input, args: ['tdLayoutManageListOpen',] }]
1252
- };
1253
-
1254
- /**
1255
- * @fileoverview added by tsickle
1256
- * Generated from: layout-footer/layout-footer.component.ts
1257
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1258
- */
1259
- class TdLayoutFooterComponent {
1260
- /**
1261
- * @param {?} _renderer
1262
- * @param {?} _elementRef
1263
- */
1264
- constructor(_renderer, _elementRef) {
1265
- this._renderer = _renderer;
1266
- this._elementRef = _elementRef;
1267
- this._renderer.addClass(this._elementRef.nativeElement, 'td-layout-footer');
1268
- }
1269
- /**
1270
- * color?: 'accent' | 'primary' | 'warn'
1271
- *
1272
- * Optional color option: primary | accent | warn.
1273
- * @param {?} color
1274
- * @return {?}
1275
- */
1276
- set color(color) {
1277
- if (color) {
1278
- this._renderer.removeClass(this._elementRef.nativeElement, 'mat-' + this._color);
1279
- this._color = color;
1280
- this._renderer.addClass(this._elementRef.nativeElement, 'mat-' + this._color);
1281
- }
1282
- }
1283
- /**
1284
- * @return {?}
1285
- */
1286
- get color() {
1287
- return this._color;
1288
- }
1289
- }
1290
- TdLayoutFooterComponent.decorators = [
1291
- { type: Component, args: [{
1292
- /* tslint:disable-next-line */
1293
- selector: 'td-layout-footer,td-layout-footer-inner',
1294
- template: "<ng-content></ng-content>\n",
1295
- styles: [":host{display:block;padding:10px 16px}"]
1296
- }] }
1297
- ];
1298
- /** @nocollapse */
1299
- TdLayoutFooterComponent.ctorParameters = () => [
1300
- { type: Renderer2 },
1301
- { type: ElementRef }
1302
- ];
1303
- TdLayoutFooterComponent.propDecorators = {
1304
- color: [{ type: Input, args: ['color',] }]
1305
- };
1306
- if (false) {
1307
- /**
1308
- * @type {?}
1309
- * @private
1310
- */
1311
- TdLayoutFooterComponent.prototype._color;
1312
- /**
1313
- * @type {?}
1314
- * @private
1315
- */
1316
- TdLayoutFooterComponent.prototype._renderer;
1317
- /**
1318
- * @type {?}
1319
- * @private
1320
- */
1321
- TdLayoutFooterComponent.prototype._elementRef;
1322
- }
1323
-
1324
- /**
1325
- * @fileoverview added by tsickle
1326
- * Generated from: navigation-drawer/navigation-drawer.component.ts
1327
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1328
- */
1329
- class TdNavigationDrawerMenuDirective {
1330
- }
1331
- TdNavigationDrawerMenuDirective.decorators = [
1332
- { type: Directive, args: [{
1333
- selector: '[td-navigation-drawer-menu]',
1334
- },] }
1335
- ];
1336
- class TdNavigationDrawerToolbarDirective {
1337
- }
1338
- TdNavigationDrawerToolbarDirective.decorators = [
1339
- { type: Directive, args: [{
1340
- selector: '[td-navigation-drawer-toolbar]',
1341
- },] }
1342
- ];
1343
- class TdNavigationDrawerComponent {
1344
- /**
1345
- * @param {?} _layout
1346
- * @param {?} _router
1347
- * @param {?} _sanitize
1348
- */
1349
- constructor(_layout, _router, _sanitize) {
1350
- this._layout = _layout;
1351
- this._router = _router;
1352
- this._sanitize = _sanitize;
1353
- this._menuToggled = false;
1354
- }
1355
- /**
1356
- * @return {?}
1357
- */
1358
- get menuToggled() {
1359
- return this._menuToggled;
1360
- }
1361
- /**
1362
- * Checks if there is a [TdNavigationDrawerMenuDirective] has content.
1363
- * @return {?}
1364
- */
1365
- get isMenuAvailable() {
1366
- return this._drawerMenu ? this._drawerMenu.length > 0 : false;
1367
- }
1368
- /**
1369
- * Checks if there is a [TdNavigationDrawerToolbarDirective] has content.
1370
- * @return {?}
1371
- */
1372
- get isCustomToolbar() {
1373
- return this._toolbar ? this._toolbar.length > 0 : false;
1374
- }
1375
- /**
1376
- * Checks if there is a background image for the toolbar.
1377
- * @return {?}
1378
- */
1379
- get isBackgroundAvailable() {
1380
- return !!this._backgroundImage;
1381
- }
1382
- /**
1383
- * backgroundUrl?: SafeResourceUrl
1384
- *
1385
- * image to be displayed as the background of the toolbar.
1386
- * URL used will be sanitized, but it should be always from a trusted source to avoid XSS.
1387
- * @param {?} backgroundUrl
1388
- * @return {?}
1389
- */
1390
- set backgroundUrl(backgroundUrl) {
1391
- if (backgroundUrl) {
1392
- /** @type {?} */
1393
- const sanitizedUrl = this._sanitize.sanitize(SecurityContext.RESOURCE_URL, backgroundUrl);
1394
- this._backgroundImage = this._sanitize.sanitize(SecurityContext.STYLE, 'url(' + sanitizedUrl + ')');
1395
- }
1396
- }
1397
- /**
1398
- * @return {?}
1399
- */
1400
- get backgroundImage() {
1401
- return this._backgroundImage;
1402
- }
1403
- /**
1404
- * Checks if router was injected.
1405
- * @return {?}
1406
- */
1407
- get routerEnabled() {
1408
- return !!this._router && !!this.navigationRoute;
1409
- }
1410
- /**
1411
- * @return {?}
1412
- */
1413
- ngOnInit() {
1414
- this._closeSubscription = this._layout.sidenav.openedChange.subscribe((/**
1415
- * @param {?} opened
1416
- * @return {?}
1417
- */
1418
- (opened) => {
1419
- if (!opened) {
1420
- this._menuToggled = false;
1421
- }
1422
- }));
1423
- }
1424
- /**
1425
- * @return {?}
1426
- */
1427
- ngOnDestroy() {
1428
- if (this._closeSubscription) {
1429
- this._closeSubscription.unsubscribe();
1430
- this._closeSubscription = undefined;
1431
- }
1432
- }
1433
- /**
1434
- * @return {?}
1435
- */
1436
- toggleMenu() {
1437
- if (this.isMenuAvailable) {
1438
- this._menuToggled = !this._menuToggled;
1439
- }
1440
- }
1441
- /**
1442
- * @return {?}
1443
- */
1444
- handleNavigationClick() {
1445
- if (this.routerEnabled) {
1446
- this._router.navigateByUrl(this.navigationRoute);
1447
- this.close();
1448
- }
1449
- }
1450
- /**
1451
- * Proxy toggle method to access sidenav from outside (from td-layout template).
1452
- * @return {?}
1453
- */
1454
- toggle() {
1455
- return this._layout.toggle();
1456
- }
1457
- /**
1458
- * Proxy open method to access sidenav from outside (from td-layout template).
1459
- * @return {?}
1460
- */
1461
- open() {
1462
- return this._layout.open();
1463
- }
1464
- /**
1465
- * Proxy close method to access sidenav from outside (from td-layout template).
1466
- * @return {?}
1467
- */
1468
- close() {
1469
- return this._layout.close();
1470
- }
1471
- }
1472
- TdNavigationDrawerComponent.decorators = [
1473
- { type: Component, args: [{
1474
- selector: 'td-navigation-drawer',
1475
- template: "<mat-toolbar\n [color]=\"color\"\n [style.background-image]=\"backgroundImage\"\n [class.td-toolbar-background]=\"!!isBackgroundAvailable\"\n class=\"td-nagivation-drawer-toolbar\"\n>\n <ng-content select=\"[td-navigation-drawer-toolbar]\"></ng-content>\n <ng-container *ngIf=\"!isCustomToolbar\">\n <div\n *ngIf=\"icon || logo || sidenavTitle || avatar\"\n class=\"td-navigation-drawer-toolbar-content\"\n [class.cursor-pointer]=\"routerEnabled\"\n (click)=\"handleNavigationClick()\"\n >\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\n <mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\n <img *ngIf=\"avatar && !logo && !icon\" class=\"td-nagivation-drawer-toolbar-avatar\" [attr.src]=\"avatar\" />\n <span *ngIf=\"sidenavTitle\" class=\"td-navigation-drawer-title\">{{ sidenavTitle }}</span>\n </div>\n <div class=\"td-navigation-drawer-name\" *ngIf=\"email && name\">{{ name }}</div>\n <div class=\"td-navigation-drawer-menu-toggle\" href *ngIf=\"email || name\" (click)=\"toggleMenu()\">\n <span class=\"td-navigation-drawer-label\">{{ email || name }}</span>\n <button mat-icon-button class=\"td-navigation-drawer-menu-button\" *ngIf=\"isMenuAvailable\">\n <mat-icon *ngIf=\"!menuToggled\">arrow_drop_down</mat-icon>\n <mat-icon *ngIf=\"menuToggled\">arrow_drop_up</mat-icon>\n </button>\n </div>\n </ng-container>\n</mat-toolbar>\n<div class=\"td-navigation-drawer-content\" [@tdCollapse]=\"menuToggled\">\n <ng-content></ng-content>\n</div>\n<div class=\"td-navigation-drawer-menu-content\" [@tdCollapse]=\"!menuToggled\">\n <ng-content select=\"[td-navigation-drawer-menu]\"></ng-content>\n</div>\n",
1476
- animations: [tdCollapseAnimation],
1477
- styles: [":host{width:100%}:host .td-navigation-drawer-content.ng-animating,:host .td-navigation-drawer-menu-content.ng-animating{overflow:hidden}:host mat-toolbar{padding:16px}:host mat-toolbar.td-toolbar-background{background-repeat:no-repeat;background-size:cover}:host mat-toolbar.td-nagivation-drawer-toolbar{-ms-flex-direction:column;display:block!important;flex-direction:column;height:auto!important}:host mat-toolbar .td-navigation-drawer-toolbar-content{-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-toolbar .td-navigation-drawer-toolbar-content .td-nagivation-drawer-toolbar-avatar{border-radius:50%;height:60px;margin:0 12px 12px 0;width:60px}:host mat-toolbar .td-navigation-drawer-name,:host mat-toolbar .td-navigation-drawer-toolbar-content .td-navigation-drawer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host mat-toolbar .td-navigation-drawer-menu-toggle{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-label{-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-menu-button{height:24px;line-height:24px;width:24px}:host>div{overflow:hidden}"]
1478
- }] }
1479
- ];
1480
- /** @nocollapse */
1481
- TdNavigationDrawerComponent.ctorParameters = () => [
1482
- { type: TdLayoutComponent, decorators: [{ type: Inject, args: [forwardRef((/**
1483
- * @return {?}
1484
- */
1485
- () => TdLayoutComponent)),] }] },
1486
- { type: Router, decorators: [{ type: Optional }] },
1487
- { type: DomSanitizer }
1488
- ];
1489
- TdNavigationDrawerComponent.propDecorators = {
1490
- _drawerMenu: [{ type: ContentChildren, args: [TdNavigationDrawerMenuDirective, { descendants: true },] }],
1491
- _toolbar: [{ type: ContentChildren, args: [TdNavigationDrawerToolbarDirective, { descendants: true },] }],
1492
- sidenavTitle: [{ type: Input }],
1493
- icon: [{ type: Input }],
1494
- logo: [{ type: Input }],
1495
- avatar: [{ type: Input }],
1496
- color: [{ type: Input }],
1497
- navigationRoute: [{ type: Input }],
1498
- backgroundUrl: [{ type: Input, args: ['backgroundUrl',] }],
1499
- name: [{ type: Input }],
1500
- email: [{ type: Input }]
1501
- };
1502
- if (false) {
1503
- /**
1504
- * @type {?}
1505
- * @private
1506
- */
1507
- TdNavigationDrawerComponent.prototype._closeSubscription;
1508
- /**
1509
- * @type {?}
1510
- * @private
1511
- */
1512
- TdNavigationDrawerComponent.prototype._menuToggled;
1513
- /**
1514
- * @type {?}
1515
- * @private
1516
- */
1517
- TdNavigationDrawerComponent.prototype._backgroundImage;
1518
- /** @type {?} */
1519
- TdNavigationDrawerComponent.prototype._drawerMenu;
1520
- /** @type {?} */
1521
- TdNavigationDrawerComponent.prototype._toolbar;
1522
- /**
1523
- * sidenavTitle?: string
1524
- * Title set in sideNav.
1525
- * @type {?}
1526
- */
1527
- TdNavigationDrawerComponent.prototype.sidenavTitle;
1528
- /**
1529
- * icon?: string
1530
- *
1531
- * icon name to be displayed before the title
1532
- * @type {?}
1533
- */
1534
- TdNavigationDrawerComponent.prototype.icon;
1535
- /**
1536
- * logo?: string
1537
- *
1538
- * logo icon name to be displayed before the title.
1539
- * If [icon] is set, then this will not be shown.
1540
- * @type {?}
1541
- */
1542
- TdNavigationDrawerComponent.prototype.logo;
1543
- /**
1544
- * avatar?: string
1545
- *
1546
- * avatar url to be displayed before the title
1547
- * If [icon] or [logo] are set, then this will not be shown.
1548
- * @type {?}
1549
- */
1550
- TdNavigationDrawerComponent.prototype.avatar;
1551
- /**
1552
- * color?: 'accent' | 'primary' | 'warn'
1553
- *
1554
- * toolbar color option: primary | accent | warn.
1555
- * If [color] is not set, default is used.
1556
- * @type {?}
1557
- */
1558
- TdNavigationDrawerComponent.prototype.color;
1559
- /**
1560
- * navigationRoute?: string
1561
- *
1562
- * option to set the combined route for the icon, logo, and sidenavTitle.
1563
- * @type {?}
1564
- */
1565
- TdNavigationDrawerComponent.prototype.navigationRoute;
1566
- /**
1567
- * name?: string
1568
- *
1569
- * string to be displayed as part of the navigation drawer sublabel.
1570
- * if [email] is not set, then [name] will be the toggle menu text.
1571
- * @type {?}
1572
- */
1573
- TdNavigationDrawerComponent.prototype.name;
1574
- /**
1575
- * email?: string
1576
- *
1577
- * string to be displayed as part of the navigation drawer sublabel in the [toggle] menu text.
1578
- * if [email] and [name] are not set, then the toggle menu is not rendered.
1579
- * @type {?}
1580
- */
1581
- TdNavigationDrawerComponent.prototype.email;
1582
- /**
1583
- * @type {?}
1584
- * @private
1585
- */
1586
- TdNavigationDrawerComponent.prototype._layout;
1587
- /**
1588
- * @type {?}
1589
- * @private
1590
- */
1591
- TdNavigationDrawerComponent.prototype._router;
1592
- /**
1593
- * @type {?}
1594
- * @private
1595
- */
1596
- TdNavigationDrawerComponent.prototype._sanitize;
1597
- }
1598
-
1599
- /**
1600
- * @fileoverview added by tsickle
1601
- * Generated from: layout.module.ts
1602
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1603
- */
1604
- /** @type {?} */
1605
- const TD_LAYOUTS = [
1606
- TdLayoutComponent,
1607
- TdLayoutToggleDirective,
1608
- TdLayoutCloseDirective,
1609
- TdLayoutOpenDirective,
1610
- TdLayoutNavComponent,
1611
- TdLayoutNavListComponent,
1612
- TdLayoutNavListToggleDirective,
1613
- TdLayoutNavListCloseDirective,
1614
- TdLayoutNavListOpenDirective,
1615
- TdLayoutCardOverComponent,
1616
- TdLayoutManageListComponent,
1617
- TdLayoutManageListToggleDirective,
1618
- TdLayoutManageListCloseDirective,
1619
- TdLayoutManageListOpenDirective,
1620
- TdLayoutFooterComponent,
1621
- TdNavigationDrawerComponent,
1622
- TdNavigationDrawerMenuDirective,
1623
- TdNavigationDrawerToolbarDirective,
1624
- ];
1625
- class CovalentLayoutModule {
1626
- }
1627
- CovalentLayoutModule.decorators = [
1628
- { type: NgModule, args: [{
1629
- imports: [
1630
- CommonModule,
1631
- ScrollingModule,
1632
- MatSidenavModule,
1633
- MatToolbarModule,
1634
- MatButtonModule,
1635
- MatIconModule,
1636
- MatCardModule,
1637
- MatDividerModule,
1638
- ],
1639
- declarations: [TD_LAYOUTS],
1640
- exports: [TD_LAYOUTS],
1641
- },] }
1642
- ];
1643
-
1644
- /**
1645
- * @fileoverview added by tsickle
1646
- * Generated from: public-api.ts
1647
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1648
- */
1649
-
1650
- /**
1651
- * @fileoverview added by tsickle
1652
- * Generated from: index.ts
1653
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1654
- */
1655
-
1656
- /**
1657
- * @fileoverview added by tsickle
1658
- * Generated from: covalent-core-layout.ts
1659
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1660
- */
1661
-
1662
- export { BaseLayoutToggleDirective, CovalentLayoutModule, LayoutToggleBase, TdLayoutCardOverComponent, TdLayoutCloseDirective, TdLayoutComponent, TdLayoutFooterComponent, TdLayoutManageListCloseDirective, TdLayoutManageListComponent, TdLayoutManageListOpenDirective, TdLayoutManageListToggleDirective, TdLayoutNavComponent, TdLayoutNavListCloseDirective, TdLayoutNavListComponent, TdLayoutNavListOpenDirective, TdLayoutNavListToggleDirective, TdLayoutOpenDirective, TdLayoutToggleDirective, TdNavigationDrawerComponent, TdNavigationDrawerMenuDirective, TdNavigationDrawerToolbarDirective, _TdLayoutToggleMixinBase };
1663
- //# sourceMappingURL=covalent-core-layout.js.map