@covalent/core 4.0.0 → 4.1.0-develop.5

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 (602) 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/_elevation.scss +7 -2
  29. package/common/styles/_layout.scss +12 -10
  30. package/common/styles/_palette-dark.scss +2 -2
  31. package/common/styles/_palette-light.scss +6 -6
  32. package/common/styles/_rtl.scss +3 -0
  33. package/common/styles/_typography-functions.scss +10 -2
  34. package/common/styles/_variables.scss +7 -6
  35. package/common/styles/colors/_colors-dark.scss +327 -0
  36. package/common/styles/colors/_colors-light.scss +748 -0
  37. package/common/styles/core/_button.scss +37 -6
  38. package/common/styles/core/_card.scss +34 -9
  39. package/common/styles/core/_content.scss +2 -1
  40. package/common/styles/core/_divider.scss +1 -0
  41. package/common/styles/core/_icons.scss +2 -0
  42. package/common/styles/core/_sidenav.scss +2 -0
  43. package/common/styles/core/_structure.scss +6 -7
  44. package/common/styles/core/_toolbar.scss +7 -0
  45. package/common/styles/core/_whiteframe.scss +18 -10
  46. package/common/styles/font/README.md +4 -2
  47. package/common/styles/font/_font.scss +10 -4
  48. package/common/styles/utilities/_general.scss +14 -0
  49. package/common/styles/utilities/_text.scss +21 -0
  50. package/covalent-core.d.ts +2 -1
  51. package/dialogs/README.md +38 -30
  52. package/dialogs/_dialog-theme.scss +1 -0
  53. package/dialogs/alert-dialog/alert-dialog.component.d.ts +6 -3
  54. package/dialogs/confirm-dialog/confirm-dialog.component.d.ts +5 -2
  55. package/dialogs/covalent-core-dialogs.d.ts +2 -2
  56. package/dialogs/dialog.component.d.ts +9 -0
  57. package/dialogs/dialogs.module.d.ts +17 -0
  58. package/dialogs/package.json +6 -7
  59. package/dialogs/prompt-dialog/prompt-dialog.component.d.ts +6 -3
  60. package/dialogs/{public-api.d.ts → public_api.d.ts} +1 -0
  61. package/dialogs/services/dialog.service.d.ts +3 -0
  62. package/dialogs/src/README.md +223 -0
  63. package/dialogs/window-dialog/window-dialog.component.d.ts +8 -5
  64. package/dynamic-menu/README.md +6 -6
  65. package/dynamic-menu/covalent-core-dynamic-menu.d.ts +2 -2
  66. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.d.ts +4 -1
  67. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.d.ts +4 -1
  68. package/dynamic-menu/dynamic-menu.component.d.ts +4 -22
  69. package/dynamic-menu/dynamic-menu.menu.d.ts +22 -0
  70. package/dynamic-menu/dynamic-menu.module.d.ts +13 -0
  71. package/dynamic-menu/package.json +6 -7
  72. package/dynamic-menu/public_api.d.ts +2 -0
  73. package/esm2020/breadcrumbs/breadcrumb/breadcrumb.component.mjs +92 -0
  74. package/esm2020/breadcrumbs/breadcrumbs.component.mjs +134 -0
  75. package/esm2020/breadcrumbs/breadcrumbs.module.mjs +20 -0
  76. package/esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs +5 -0
  77. package/esm2020/breadcrumbs/public_api.mjs +4 -0
  78. package/esm2020/common/animations/bounce/bounce.animation.mjs +70 -0
  79. package/esm2020/common/animations/collapse/collapse.animation.mjs +51 -0
  80. package/esm2020/common/animations/common/interfaces.mjs +2 -0
  81. package/esm2020/common/animations/fade/fadeInOut.animation.mjs +37 -0
  82. package/esm2020/common/animations/flash/flash.animation.mjs +34 -0
  83. package/esm2020/common/animations/headshake/headshake.animation.mjs +47 -0
  84. package/esm2020/common/animations/jello/jello.animation.mjs +59 -0
  85. package/esm2020/common/animations/pulse/pulse.animation.mjs +32 -0
  86. package/esm2020/common/animations/rotate/rotate.animation.mjs +30 -0
  87. package/esm2020/common/behaviors/control-value-accesor.mixin.mjs +41 -0
  88. package/esm2020/common/behaviors/disable-ripple.mixin.mjs +24 -0
  89. package/esm2020/common/behaviors/disabled.mixin.mjs +24 -0
  90. package/esm2020/common/common.module.mjs +63 -0
  91. package/esm2020/common/covalent-core-common.mjs +5 -0
  92. package/esm2020/common/directives/fullscreen/fullscreen.directive.mjs +85 -0
  93. package/esm2020/common/forms/auto-trim/auto-trim.directive.mjs +36 -0
  94. package/esm2020/common/forms/validators/validators.mjs +29 -0
  95. package/esm2020/common/functions/clipboard.mjs +23 -0
  96. package/esm2020/common/functions/convert.mjs +84 -0
  97. package/esm2020/common/functions/download.mjs +75 -0
  98. package/esm2020/common/functions/file.mjs +16 -0
  99. package/esm2020/common/pipes/bytes/bytes.pipe.mjs +42 -0
  100. package/esm2020/common/pipes/decimal-bytes/decimal-bytes.pipe.mjs +42 -0
  101. package/esm2020/common/pipes/digits/digits.pipe.mjs +39 -0
  102. package/esm2020/common/pipes/time-ago/time-ago.pipe.mjs +72 -0
  103. package/esm2020/common/pipes/time-difference/time-difference.pipe.mjs +51 -0
  104. package/esm2020/common/pipes/time-until/time-until.pipe.mjs +72 -0
  105. package/esm2020/common/pipes/truncate/truncate.pipe.mjs +27 -0
  106. package/esm2020/common/public_api.mjs +39 -0
  107. package/esm2020/common/services/icon.service.mjs +1089 -0
  108. package/esm2020/common/services/router-path.service.mjs +29 -0
  109. package/esm2020/covalent-core.mjs +5 -0
  110. package/esm2020/dialogs/alert-dialog/alert-dialog.component.mjs +23 -0
  111. package/esm2020/dialogs/confirm-dialog/confirm-dialog.component.mjs +28 -0
  112. package/esm2020/dialogs/covalent-core-dialogs.mjs +5 -0
  113. package/esm2020/dialogs/dialog.component.mjs +56 -0
  114. package/esm2020/dialogs/dialogs.module.mjs +89 -0
  115. package/esm2020/dialogs/prompt-dialog/prompt-dialog.component.mjs +46 -0
  116. package/esm2020/dialogs/public_api.mjs +9 -0
  117. package/esm2020/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.mjs +216 -0
  118. package/esm2020/dialogs/services/dialog.service.mjs +171 -0
  119. package/esm2020/dialogs/window-dialog/window-dialog.component.mjs +38 -0
  120. package/esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs +5 -0
  121. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.mjs +30 -0
  122. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.mjs +24 -0
  123. package/esm2020/dynamic-menu/dynamic-menu.component.mjs +28 -0
  124. package/esm2020/dynamic-menu/dynamic-menu.menu.mjs +2 -0
  125. package/esm2020/dynamic-menu/dynamic-menu.module.mjs +57 -0
  126. package/esm2020/dynamic-menu/public_api.mjs +6 -0
  127. package/esm2020/file/covalent-core-file.mjs +5 -0
  128. package/esm2020/file/directives/file-drop.directive.mjs +147 -0
  129. package/esm2020/file/directives/file-select.directive.mjs +77 -0
  130. package/esm2020/file/file-input/file-input.component.mjs +110 -0
  131. package/esm2020/file/file-upload/file-upload.component.mjs +174 -0
  132. package/esm2020/file/file.module.mjs +58 -0
  133. package/esm2020/file/public_api.mjs +7 -0
  134. package/esm2020/file/services/file.service.mjs +64 -0
  135. package/esm2020/json-formatter/collapse.animation.mjs +51 -0
  136. package/esm2020/json-formatter/covalent-core-json-formatter.mjs +5 -0
  137. package/esm2020/json-formatter/json-formatter.component.mjs +217 -0
  138. package/esm2020/json-formatter/json-formatter.module.mjs +20 -0
  139. package/esm2020/json-formatter/public_api.mjs +3 -0
  140. package/esm2020/layout/covalent-core-layout.mjs +5 -0
  141. package/esm2020/layout/layout-card-over/layout-card-over.component.mjs +40 -0
  142. package/esm2020/layout/layout-footer/layout-footer.component.mjs +33 -0
  143. package/esm2020/layout/layout-manage-list/layout-manage-list.component.mjs +93 -0
  144. package/esm2020/layout/layout-manage-list/layout-manage-list.directives.mjs +84 -0
  145. package/esm2020/layout/layout-nav/layout-nav.component.mjs +50 -0
  146. package/esm2020/layout/layout-nav-list/layout-nav-list.component.mjs +128 -0
  147. package/esm2020/layout/layout-nav-list/layout-nav-list.directives.mjs +84 -0
  148. package/esm2020/layout/layout-toggle.class.mjs +92 -0
  149. package/esm2020/layout/layout.component.mjs +92 -0
  150. package/esm2020/layout/layout.directives.mjs +85 -0
  151. package/esm2020/layout/layout.module.mjs +117 -0
  152. package/esm2020/layout/navigation-drawer/navigation-drawer.component.mjs +161 -0
  153. package/esm2020/layout/public_api.mjs +13 -0
  154. package/esm2020/menu/covalent-core-menu.mjs +5 -0
  155. package/esm2020/menu/menu.component.mjs +12 -0
  156. package/esm2020/menu/menu.module.mjs +21 -0
  157. package/esm2020/menu/public_api.mjs +3 -0
  158. package/esm2020/message/collapse.animation.mjs +51 -0
  159. package/esm2020/message/covalent-core-message.mjs +5 -0
  160. package/esm2020/message/message.component.mjs +203 -0
  161. package/esm2020/message/message.module.mjs +25 -0
  162. package/esm2020/message/public_api.mjs +3 -0
  163. package/esm2020/public_api.mjs +2 -0
  164. package/esm2020/search/covalent-core-search.mjs +5 -0
  165. package/esm2020/search/public_api.mjs +4 -0
  166. package/esm2020/search/search-box/search-box.component.mjs +194 -0
  167. package/esm2020/search/search-input/search-input.component.mjs +203 -0
  168. package/esm2020/search/search.module.mjs +39 -0
  169. package/esm2020/side-sheet/covalent-core-side-sheet.mjs +5 -0
  170. package/esm2020/side-sheet/public_api.mjs +6 -0
  171. package/esm2020/side-sheet/side-sheet-container.mjs +274 -0
  172. package/esm2020/side-sheet/side-sheet-ref.mjs +21 -0
  173. package/esm2020/side-sheet/side-sheet.animation.mjs +12 -0
  174. package/esm2020/side-sheet/side-sheet.config.mjs +4 -0
  175. package/esm2020/side-sheet/side-sheet.content-directives.mjs +201 -0
  176. package/esm2020/side-sheet/side-sheet.mjs +221 -0
  177. package/esm2020/side-sheet/side-sheet.module.mjs +45 -0
  178. package/esm2020/user-profile/covalent-core-user-profile.mjs +5 -0
  179. package/esm2020/user-profile/public_api.mjs +4 -0
  180. package/esm2020/user-profile/user-profile-menu/user-profile-menu.component.mjs +24 -0
  181. package/esm2020/user-profile/user-profile.component.mjs +19 -0
  182. package/esm2020/user-profile/user-profile.module.mjs +44 -0
  183. package/fesm2015/covalent-core-breadcrumbs.mjs +246 -0
  184. package/fesm2015/covalent-core-breadcrumbs.mjs.map +1 -0
  185. package/fesm2015/covalent-core-common.mjs +2281 -0
  186. package/fesm2015/covalent-core-common.mjs.map +1 -0
  187. package/fesm2015/covalent-core-dialogs.mjs +639 -0
  188. package/fesm2015/covalent-core-dialogs.mjs.map +1 -0
  189. package/fesm2015/covalent-core-dynamic-menu.mjs +128 -0
  190. package/fesm2015/covalent-core-dynamic-menu.mjs.map +1 -0
  191. package/fesm2015/covalent-core-file.mjs +613 -0
  192. package/fesm2015/covalent-core-file.mjs.map +1 -0
  193. package/fesm2015/covalent-core-json-formatter.mjs +298 -0
  194. package/fesm2015/covalent-core-json-formatter.mjs.map +1 -0
  195. package/fesm2015/covalent-core-layout.mjs +1024 -0
  196. package/fesm2015/covalent-core-layout.mjs.map +1 -0
  197. package/fesm2015/covalent-core-menu.mjs +37 -0
  198. package/fesm2015/covalent-core-menu.mjs.map +1 -0
  199. package/fesm2015/covalent-core-message.mjs +284 -0
  200. package/fesm2015/covalent-core-message.mjs.map +1 -0
  201. package/fesm2015/covalent-core-search.mjs +428 -0
  202. package/fesm2015/covalent-core-search.mjs.map +1 -0
  203. package/fesm2015/covalent-core-side-sheet.mjs +762 -0
  204. package/fesm2015/covalent-core-side-sheet.mjs.map +1 -0
  205. package/fesm2015/covalent-core-user-profile.mjs +86 -0
  206. package/fesm2015/covalent-core-user-profile.mjs.map +1 -0
  207. package/fesm2015/covalent-core.mjs +4 -0
  208. package/fesm2015/covalent-core.mjs.map +1 -0
  209. package/fesm2020/covalent-core-breadcrumbs.mjs +246 -0
  210. package/fesm2020/covalent-core-breadcrumbs.mjs.map +1 -0
  211. package/{fesm2015/covalent-core-common.js → fesm2020/covalent-core-common.mjs} +317 -813
  212. package/fesm2020/covalent-core-common.mjs.map +1 -0
  213. package/fesm2020/covalent-core-dialogs.mjs +634 -0
  214. package/fesm2020/covalent-core-dialogs.mjs.map +1 -0
  215. package/fesm2020/covalent-core-dynamic-menu.mjs +128 -0
  216. package/fesm2020/covalent-core-dynamic-menu.mjs.map +1 -0
  217. package/fesm2020/covalent-core-file.mjs +607 -0
  218. package/fesm2020/covalent-core-file.mjs.map +1 -0
  219. package/fesm2020/covalent-core-json-formatter.mjs +290 -0
  220. package/fesm2020/covalent-core-json-formatter.mjs.map +1 -0
  221. package/fesm2020/covalent-core-layout.mjs +1000 -0
  222. package/fesm2020/covalent-core-layout.mjs.map +1 -0
  223. package/fesm2020/covalent-core-menu.mjs +37 -0
  224. package/fesm2020/covalent-core-menu.mjs.map +1 -0
  225. package/fesm2020/covalent-core-message.mjs +282 -0
  226. package/fesm2020/covalent-core-message.mjs.map +1 -0
  227. package/fesm2020/covalent-core-search.mjs +425 -0
  228. package/fesm2020/covalent-core-search.mjs.map +1 -0
  229. package/fesm2020/covalent-core-side-sheet.mjs +757 -0
  230. package/fesm2020/covalent-core-side-sheet.mjs.map +1 -0
  231. package/fesm2020/covalent-core-user-profile.mjs +86 -0
  232. package/fesm2020/covalent-core-user-profile.mjs.map +1 -0
  233. package/fesm2020/covalent-core.mjs +4 -0
  234. package/fesm2020/covalent-core.mjs.map +1 -0
  235. package/file/_file-theme.scss +3 -1
  236. package/file/covalent-core-file.d.ts +2 -1
  237. package/file/directives/file-drop.directive.d.ts +8 -6
  238. package/file/directives/file-select.directive.d.ts +5 -2
  239. package/file/file-input/file-input.component.d.ts +10 -5
  240. package/file/file-upload/file-upload.component.d.ts +18 -8
  241. package/file/file.module.d.ts +13 -0
  242. package/file/package.json +6 -7
  243. package/file/{public-api.d.ts → public_api.d.ts} +0 -0
  244. package/file/services/file.service.d.ts +3 -0
  245. package/file/{file-input → src/file-input}/README.md +46 -37
  246. package/file/{file-upload → src/file-upload}/README.md +36 -27
  247. package/json-formatter/README.md +8 -8
  248. package/json-formatter/_json-formatter-theme.scss +10 -0
  249. package/json-formatter/collapse.animation.d.ts +24 -0
  250. package/json-formatter/covalent-core-json-formatter.d.ts +2 -1
  251. package/json-formatter/json-formatter.component.d.ts +7 -4
  252. package/json-formatter/json-formatter.module.d.ts +8 -0
  253. package/json-formatter/package.json +6 -7
  254. package/json-formatter/{public-api.d.ts → public_api.d.ts} +0 -0
  255. package/layout/README.md +48 -50
  256. package/layout/_layout-theme.scss +12 -0
  257. package/layout/covalent-core-layout.d.ts +2 -1
  258. package/layout/layout-card-over/layout-card-over.component.d.ts +6 -3
  259. package/layout/layout-footer/layout-footer.component.d.ts +6 -3
  260. package/layout/layout-manage-list/layout-manage-list.component.d.ts +7 -4
  261. package/layout/layout-manage-list/layout-manage-list.directives.d.ts +9 -2
  262. package/layout/layout-nav/layout-nav.component.d.ts +8 -5
  263. package/layout/layout-nav-list/layout-nav-list.component.d.ts +12 -9
  264. package/layout/layout-nav-list/layout-nav-list.directives.d.ts +9 -2
  265. package/layout/layout-toggle.class.d.ts +4 -1
  266. package/layout/layout.component.d.ts +7 -4
  267. package/layout/layout.directives.d.ts +9 -2
  268. package/layout/layout.module.d.ts +23 -0
  269. package/layout/navigation-drawer/navigation-drawer.component.d.ts +17 -10
  270. package/layout/package.json +6 -7
  271. package/layout/{public-api.d.ts → public_api.d.ts} +0 -0
  272. package/layout/{layout-card-over → src/layout-card-over}/README.md +19 -17
  273. package/layout/{layout-manage-list → src/layout-manage-list}/README.md +24 -28
  274. package/layout/src/layout-nav/README.md +50 -0
  275. package/layout/{layout-nav-list → src/layout-nav-list}/README.md +44 -40
  276. package/menu/covalent-core-menu.d.ts +2 -1
  277. package/menu/menu.component.d.ts +3 -0
  278. package/menu/menu.module.d.ts +8 -0
  279. package/menu/package.json +6 -7
  280. package/menu/{public-api.d.ts → public_api.d.ts} +0 -0
  281. package/message/README.md +26 -18
  282. package/message/_message-theme.scss +3 -0
  283. package/message/collapse.animation.d.ts +24 -0
  284. package/message/covalent-core-message.d.ts +2 -1
  285. package/message/message.component.d.ts +9 -4
  286. package/message/message.module.d.ts +7 -0
  287. package/message/package.json +6 -7
  288. package/message/{public-api.d.ts → public_api.d.ts} +0 -0
  289. package/package.json +129 -37
  290. package/{index.d.ts → public_api.d.ts} +0 -0
  291. package/search/README.md +74 -73
  292. package/search/covalent-core-search.d.ts +2 -1
  293. package/search/package.json +6 -7
  294. package/search/{public-api.d.ts → public_api.d.ts} +0 -0
  295. package/search/search-box/search-box.component.d.ts +12 -5
  296. package/search/search-input/search-input.component.d.ts +12 -5
  297. package/search/search.module.d.ts +11 -0
  298. package/search/src/search-box/README.md +73 -0
  299. package/search/src/search-input/README.md +74 -0
  300. package/side-sheet/README.md +3 -5
  301. package/side-sheet/{side-sheet.theme.scss → _side-sheet.theme.scss} +0 -0
  302. package/side-sheet/covalent-core-side-sheet.d.ts +2 -3
  303. package/side-sheet/package.json +6 -7
  304. package/side-sheet/{public-api.d.ts → public_api.d.ts} +0 -0
  305. package/side-sheet/side-sheet-container.d.ts +21 -5
  306. package/side-sheet/side-sheet.content-directives.d.ts +23 -6
  307. package/side-sheet/side-sheet.d.ts +7 -2
  308. package/side-sheet/side-sheet.module.d.ts +9 -0
  309. package/user-profile/README.md +5 -5
  310. package/user-profile/covalent-core-user-profile.d.ts +2 -1
  311. package/user-profile/package.json +6 -7
  312. package/user-profile/user-profile-menu/user-profile-menu.component.d.ts +5 -2
  313. package/user-profile/user-profile.component.d.ts +5 -2
  314. package/user-profile/user-profile.module.d.ts +12 -0
  315. package/breadcrumbs/breadcrumb/breadcrumb.component.scss +0 -22
  316. package/breadcrumbs/breadcrumbs.component.scss +0 -7
  317. package/breadcrumbs/covalent-core-breadcrumbs.metadata.json +0 -1
  318. package/breadcrumbs/index.d.ts +0 -1
  319. package/bundles/covalent-core-breadcrumbs.umd.js +0 -490
  320. package/bundles/covalent-core-breadcrumbs.umd.js.map +0 -1
  321. package/bundles/covalent-core-breadcrumbs.umd.min.js +0 -2
  322. package/bundles/covalent-core-breadcrumbs.umd.min.js.map +0 -1
  323. package/bundles/covalent-core-common.umd.js +0 -3188
  324. package/bundles/covalent-core-common.umd.js.map +0 -1
  325. package/bundles/covalent-core-common.umd.min.js +0 -17
  326. package/bundles/covalent-core-common.umd.min.js.map +0 -1
  327. package/bundles/covalent-core-dialogs.umd.js +0 -1318
  328. package/bundles/covalent-core-dialogs.umd.js.map +0 -1
  329. package/bundles/covalent-core-dialogs.umd.min.js +0 -2
  330. package/bundles/covalent-core-dialogs.umd.min.js.map +0 -1
  331. package/bundles/covalent-core-dynamic-menu.umd.js +0 -215
  332. package/bundles/covalent-core-dynamic-menu.umd.js.map +0 -1
  333. package/bundles/covalent-core-dynamic-menu.umd.min.js +0 -2
  334. package/bundles/covalent-core-dynamic-menu.umd.min.js.map +0 -1
  335. package/bundles/covalent-core-file.umd.js +0 -1211
  336. package/bundles/covalent-core-file.umd.js.map +0 -1
  337. package/bundles/covalent-core-file.umd.min.js +0 -17
  338. package/bundles/covalent-core-file.umd.min.js.map +0 -1
  339. package/bundles/covalent-core-json-formatter.umd.js +0 -408
  340. package/bundles/covalent-core-json-formatter.umd.js.map +0 -1
  341. package/bundles/covalent-core-json-formatter.umd.min.js +0 -2
  342. package/bundles/covalent-core-json-formatter.umd.min.js.map +0 -1
  343. package/bundles/covalent-core-layout.umd.js +0 -2084
  344. package/bundles/covalent-core-layout.umd.js.map +0 -1
  345. package/bundles/covalent-core-layout.umd.min.js +0 -17
  346. package/bundles/covalent-core-layout.umd.min.js.map +0 -1
  347. package/bundles/covalent-core-menu.umd.js +0 -69
  348. package/bundles/covalent-core-menu.umd.js.map +0 -1
  349. package/bundles/covalent-core-menu.umd.min.js +0 -2
  350. package/bundles/covalent-core-menu.umd.min.js.map +0 -1
  351. package/bundles/covalent-core-message.umd.js +0 -375
  352. package/bundles/covalent-core-message.umd.js.map +0 -1
  353. package/bundles/covalent-core-message.umd.min.js +0 -2
  354. package/bundles/covalent-core-message.umd.min.js.map +0 -1
  355. package/bundles/covalent-core-search.umd.js +0 -877
  356. package/bundles/covalent-core-search.umd.js.map +0 -1
  357. package/bundles/covalent-core-search.umd.min.js +0 -16
  358. package/bundles/covalent-core-search.umd.min.js.map +0 -1
  359. package/bundles/covalent-core-side-sheet.umd.js +0 -1458
  360. package/bundles/covalent-core-side-sheet.umd.js.map +0 -1
  361. package/bundles/covalent-core-side-sheet.umd.min.js +0 -16
  362. package/bundles/covalent-core-side-sheet.umd.min.js.map +0 -1
  363. package/bundles/covalent-core-user-profile.umd.js +0 -116
  364. package/bundles/covalent-core-user-profile.umd.js.map +0 -1
  365. package/bundles/covalent-core-user-profile.umd.min.js +0 -2
  366. package/bundles/covalent-core-user-profile.umd.min.js.map +0 -1
  367. package/bundles/covalent-core.umd.js +0 -9
  368. package/bundles/covalent-core.umd.js.map +0 -1
  369. package/bundles/covalent-core.umd.min.js +0 -2
  370. package/bundles/covalent-core.umd.min.js.map +0 -1
  371. package/common/covalent-core-common.metadata.json +0 -1
  372. package/common/index.d.ts +0 -1
  373. package/common/material-icons.css +0 -98
  374. package/common/material-icons.css.map +0 -1
  375. package/common/material-icons.scss +0 -3
  376. package/common/platform.css +0 -15424
  377. package/common/platform.css.map +0 -1
  378. package/common/platform.scss +0 -7
  379. package/covalent-core.metadata.json +0 -1
  380. package/dialogs/alert-dialog/alert-dialog.component.scss +0 -3
  381. package/dialogs/confirm-dialog/confirm-dialog.component.scss +0 -3
  382. package/dialogs/covalent-core-dialogs.metadata.json +0 -1
  383. package/dialogs/dialog.component.scss +0 -44
  384. package/dialogs/index.d.ts +0 -1
  385. package/dialogs/prompt-dialog/prompt-dialog.component.scss +0 -15
  386. package/dialogs/window-dialog/window-dialog.component.scss +0 -31
  387. package/dynamic-menu/covalent-core-dynamic-menu.metadata.json +0 -1
  388. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.scss +0 -6
  389. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.scss +0 -11
  390. package/dynamic-menu/dynamic-menu.component.scss +0 -0
  391. package/dynamic-menu/index.d.ts +0 -1
  392. package/esm2015/breadcrumbs/breadcrumb/breadcrumb.component.js +0 -171
  393. package/esm2015/breadcrumbs/breadcrumbs.component.js +0 -241
  394. package/esm2015/breadcrumbs/breadcrumbs.module.js +0 -20
  395. package/esm2015/breadcrumbs/covalent-core-breadcrumbs.js +0 -10
  396. package/esm2015/breadcrumbs/index.js +0 -7
  397. package/esm2015/breadcrumbs/public-api.js +0 -9
  398. package/esm2015/common/animations/bounce/bounce.animation.js +0 -76
  399. package/esm2015/common/animations/collapse/collapse.animation.js +0 -67
  400. package/esm2015/common/animations/common/interfaces.js +0 -18
  401. package/esm2015/common/animations/fade/fadeInOut.animation.js +0 -53
  402. package/esm2015/common/animations/flash/flash.animation.js +0 -40
  403. package/esm2015/common/animations/headshake/headshake.animation.js +0 -41
  404. package/esm2015/common/animations/jello/jello.animation.js +0 -44
  405. package/esm2015/common/animations/pulse/pulse.animation.js +0 -38
  406. package/esm2015/common/animations/rotate/rotate.animation.js +0 -41
  407. package/esm2015/common/behaviors/control-value-accesor.mixin.js +0 -107
  408. package/esm2015/common/behaviors/disable-ripple.mixin.js +0 -63
  409. package/esm2015/common/behaviors/disabled.mixin.js +0 -63
  410. package/esm2015/common/common.module.js +0 -54
  411. package/esm2015/common/covalent-core-common.js +0 -12
  412. package/esm2015/common/directives/fullscreen/fullscreen.directive.js +0 -180
  413. package/esm2015/common/forms/auto-trim/auto-trim.directive.js +0 -46
  414. package/esm2015/common/forms/validators/validators.js +0 -58
  415. package/esm2015/common/functions/clipboard.js +0 -30
  416. package/esm2015/common/functions/convert.js +0 -103
  417. package/esm2015/common/functions/download.js +0 -88
  418. package/esm2015/common/functions/file.js +0 -29
  419. package/esm2015/common/index.js +0 -7
  420. package/esm2015/common/pipes/bytes/bytes.pipe.js +0 -41
  421. package/esm2015/common/pipes/decimal-bytes/decimal-bytes.pipe.js +0 -41
  422. package/esm2015/common/pipes/digits/digits.pipe.js +0 -65
  423. package/esm2015/common/pipes/time-ago/time-ago.pipe.js +0 -81
  424. package/esm2015/common/pipes/time-difference/time-difference.pipe.js +0 -66
  425. package/esm2015/common/pipes/time-until/time-until.pipe.js +0 -81
  426. package/esm2015/common/pipes/truncate/truncate.pipe.js +0 -34
  427. package/esm2015/common/public-api.js +0 -44
  428. package/esm2015/common/services/icon.service.js +0 -1109
  429. package/esm2015/common/services/router-path.service.js +0 -60
  430. package/esm2015/covalent-core.js +0 -10
  431. package/esm2015/dialogs/alert-dialog/alert-dialog.component.js +0 -47
  432. package/esm2015/dialogs/confirm-dialog/confirm-dialog.component.js +0 -59
  433. package/esm2015/dialogs/covalent-core-dialogs.js +0 -11
  434. package/esm2015/dialogs/dialog.component.js +0 -58
  435. package/esm2015/dialogs/dialogs.module.js +0 -57
  436. package/esm2015/dialogs/index.js +0 -7
  437. package/esm2015/dialogs/prompt-dialog/prompt-dialog.component.js +0 -83
  438. package/esm2015/dialogs/public-api.js +0 -13
  439. package/esm2015/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.js +0 -325
  440. package/esm2015/dialogs/services/dialog.service.js +0 -316
  441. package/esm2015/dialogs/window-dialog/window-dialog.component.js +0 -56
  442. package/esm2015/dynamic-menu/covalent-core-dynamic-menu.js +0 -11
  443. package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.js +0 -40
  444. package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.js +0 -35
  445. package/esm2015/dynamic-menu/dynamic-menu.component.js +0 -89
  446. package/esm2015/dynamic-menu/dynamic-menu.module.js +0 -26
  447. package/esm2015/dynamic-menu/index.js +0 -7
  448. package/esm2015/dynamic-menu/public_api.js +0 -9
  449. package/esm2015/file/covalent-core-file.js +0 -10
  450. package/esm2015/file/directives/file-drop.directive.js +0 -191
  451. package/esm2015/file/directives/file-select.directive.js +0 -98
  452. package/esm2015/file/file-input/file-input.component.js +0 -186
  453. package/esm2015/file/file-upload/file-upload.component.js +0 -237
  454. package/esm2015/file/file.module.js +0 -35
  455. package/esm2015/file/index.js +0 -7
  456. package/esm2015/file/public-api.js +0 -12
  457. package/esm2015/file/services/file.service.js +0 -109
  458. package/esm2015/index.js +0 -7
  459. package/esm2015/json-formatter/covalent-core-json-formatter.js +0 -10
  460. package/esm2015/json-formatter/index.js +0 -7
  461. package/esm2015/json-formatter/json-formatter.component.js +0 -338
  462. package/esm2015/json-formatter/json-formatter.module.js +0 -20
  463. package/esm2015/json-formatter/public-api.js +0 -8
  464. package/esm2015/layout/covalent-core-layout.js +0 -10
  465. package/esm2015/layout/index.js +0 -7
  466. package/esm2015/layout/layout-card-over/layout-card-over.component.js +0 -71
  467. package/esm2015/layout/layout-footer/layout-footer.component.js +0 -71
  468. package/esm2015/layout/layout-manage-list/layout-manage-list.component.js +0 -145
  469. package/esm2015/layout/layout-manage-list/layout-manage-list.directives.js +0 -132
  470. package/esm2015/layout/layout-nav/layout-nav.component.js +0 -100
  471. package/esm2015/layout/layout-nav-list/layout-nav-list.component.js +0 -220
  472. package/esm2015/layout/layout-nav-list/layout-nav-list.directives.js +0 -132
  473. package/esm2015/layout/layout-toggle.class.js +0 -188
  474. package/esm2015/layout/layout.component.js +0 -145
  475. package/esm2015/layout/layout.directives.js +0 -129
  476. package/esm2015/layout/layout.module.js +0 -64
  477. package/esm2015/layout/navigation-drawer/navigation-drawer.component.js +0 -280
  478. package/esm2015/layout/public-api.js +0 -18
  479. package/esm2015/menu/covalent-core-menu.js +0 -10
  480. package/esm2015/menu/index.js +0 -7
  481. package/esm2015/menu/menu.component.js +0 -16
  482. package/esm2015/menu/menu.module.js +0 -22
  483. package/esm2015/menu/public-api.js +0 -8
  484. package/esm2015/message/covalent-core-message.js +0 -10
  485. package/esm2015/message/index.js +0 -7
  486. package/esm2015/message/message.component.js +0 -307
  487. package/esm2015/message/message.module.js +0 -21
  488. package/esm2015/message/public-api.js +0 -8
  489. package/esm2015/search/covalent-core-search.js +0 -10
  490. package/esm2015/search/index.js +0 -7
  491. package/esm2015/search/public-api.js +0 -9
  492. package/esm2015/search/search-box/search-box.component.js +0 -270
  493. package/esm2015/search/search-input/search-input.component.js +0 -260
  494. package/esm2015/search/search.module.js +0 -23
  495. package/esm2015/side-sheet/covalent-core-side-sheet.js +0 -12
  496. package/esm2015/side-sheet/index.js +0 -7
  497. package/esm2015/side-sheet/public-api.js +0 -11
  498. package/esm2015/side-sheet/side-sheet-container.js +0 -402
  499. package/esm2015/side-sheet/side-sheet-ref.js +0 -50
  500. package/esm2015/side-sheet/side-sheet.animation.js +0 -20
  501. package/esm2015/side-sheet/side-sheet.config.js +0 -12
  502. package/esm2015/side-sheet/side-sheet.content-directives.js +0 -255
  503. package/esm2015/side-sheet/side-sheet.js +0 -360
  504. package/esm2015/side-sheet/side-sheet.module.js +0 -36
  505. package/esm2015/user-profile/covalent-core-user-profile.js +0 -10
  506. package/esm2015/user-profile/index.js +0 -7
  507. package/esm2015/user-profile/public_api.js +0 -9
  508. package/esm2015/user-profile/user-profile-menu/user-profile-menu.component.js +0 -35
  509. package/esm2015/user-profile/user-profile.component.js +0 -26
  510. package/esm2015/user-profile/user-profile.module.js +0 -25
  511. package/fesm2015/covalent-core-breadcrumbs.js +0 -448
  512. package/fesm2015/covalent-core-breadcrumbs.js.map +0 -1
  513. package/fesm2015/covalent-core-common.js.map +0 -1
  514. package/fesm2015/covalent-core-dialogs.js +0 -1001
  515. package/fesm2015/covalent-core-dialogs.js.map +0 -1
  516. package/fesm2015/covalent-core-dynamic-menu.js +0 -204
  517. package/fesm2015/covalent-core-dynamic-menu.js.map +0 -1
  518. package/fesm2015/covalent-core-file.js +0 -855
  519. package/fesm2015/covalent-core-file.js.map +0 -1
  520. package/fesm2015/covalent-core-json-formatter.js +0 -377
  521. package/fesm2015/covalent-core-json-formatter.js.map +0 -1
  522. package/fesm2015/covalent-core-layout.js +0 -1663
  523. package/fesm2015/covalent-core-layout.js.map +0 -1
  524. package/fesm2015/covalent-core-menu.js +0 -57
  525. package/fesm2015/covalent-core-menu.js.map +0 -1
  526. package/fesm2015/covalent-core-message.js +0 -347
  527. package/fesm2015/covalent-core-message.js.map +0 -1
  528. package/fesm2015/covalent-core-search.js +0 -564
  529. package/fesm2015/covalent-core-search.js.map +0 -1
  530. package/fesm2015/covalent-core-side-sheet.js +0 -1134
  531. package/fesm2015/covalent-core-side-sheet.js.map +0 -1
  532. package/fesm2015/covalent-core-user-profile.js +0 -103
  533. package/fesm2015/covalent-core-user-profile.js.map +0 -1
  534. package/fesm2015/covalent-core.js +0 -12
  535. package/fesm2015/covalent-core.js.map +0 -1
  536. package/file/covalent-core-file.metadata.json +0 -1
  537. package/file/file-input/file-input.component.scss +0 -20
  538. package/file/file-upload/file-upload.component.scss +0 -30
  539. package/file/index.d.ts +0 -1
  540. package/json-formatter/covalent-core-json-formatter.metadata.json +0 -1
  541. package/json-formatter/index.d.ts +0 -1
  542. package/json-formatter/json-formatter.component.scss +0 -61
  543. package/layout/covalent-core-layout.metadata.json +0 -1
  544. package/layout/index.d.ts +0 -1
  545. package/layout/layout-card-over/layout-card-over.component.scss +0 -42
  546. package/layout/layout-footer/layout-footer.component.scss +0 -4
  547. package/layout/layout-manage-list/layout-manage-list.component.scss +0 -78
  548. package/layout/layout-nav/README.md +0 -46
  549. package/layout/layout-nav/layout-nav.component.scss +0 -50
  550. package/layout/layout-nav-list/layout-nav-list.component.scss +0 -110
  551. package/layout/layout.component.scss +0 -20
  552. package/layout/navigation-drawer/navigation-drawer.component.scss +0 -73
  553. package/menu/covalent-core-menu.metadata.json +0 -1
  554. package/menu/index.d.ts +0 -1
  555. package/menu/menu.component.scss +0 -43
  556. package/message/covalent-core-message.metadata.json +0 -1
  557. package/message/index.d.ts +0 -1
  558. package/message/message.component.scss +0 -29
  559. package/schematics/README.md +0 -66
  560. package/schematics/collection.json +0 -11
  561. package/schematics/components.js +0 -111
  562. package/schematics/components.js.map +0 -1
  563. package/schematics/migration.json +0 -10
  564. package/schematics/ng-add/files/theme.scss +0 -64
  565. package/schematics/ng-add/index.js +0 -58
  566. package/schematics/ng-add/index.js.map +0 -1
  567. package/schematics/ng-add/schema.js +0 -3
  568. package/schematics/ng-add/schema.js.map +0 -1
  569. package/schematics/ng-add/schema.json +0 -81
  570. package/schematics/ng-update/index.js +0 -52
  571. package/schematics/ng-update/index.js.map +0 -1
  572. package/schematics/ng-update/target-version.js +0 -8
  573. package/schematics/ng-update/target-version.js.map +0 -1
  574. package/schematics/version-names.js +0 -6
  575. package/schematics/version-names.js.map +0 -1
  576. package/search/covalent-core-search.metadata.json +0 -1
  577. package/search/index.d.ts +0 -1
  578. package/search/search-box/README.md +0 -62
  579. package/search/search-box/search-box.component.scss +0 -32
  580. package/search/search-input/README.md +0 -65
  581. package/search/search-input/search-input.component.scss +0 -63
  582. package/side-sheet/covalent-core-side-sheet.metadata.json +0 -1
  583. package/side-sheet/index.d.ts +0 -1
  584. package/side-sheet/side-sheet.scss +0 -69
  585. package/theming/prebuilt/blue-grey-deep-orange.css +0 -2434
  586. package/theming/prebuilt/blue-grey-deep-orange.css.map +0 -1
  587. package/theming/prebuilt/blue-grey-deep-orange.scss +0 -13
  588. package/theming/prebuilt/blue-orange.css +0 -2434
  589. package/theming/prebuilt/blue-orange.css.map +0 -1
  590. package/theming/prebuilt/blue-orange.scss +0 -13
  591. package/theming/prebuilt/indigo-pink.css +0 -2434
  592. package/theming/prebuilt/indigo-pink.css.map +0 -1
  593. package/theming/prebuilt/indigo-pink.scss +0 -13
  594. package/theming/prebuilt/orange-light-blue.css +0 -2434
  595. package/theming/prebuilt/orange-light-blue.css.map +0 -1
  596. package/theming/prebuilt/orange-light-blue.scss +0 -13
  597. package/theming/prebuilt/teal-orange.css +0 -2434
  598. package/theming/prebuilt/teal-orange.css.map +0 -1
  599. package/theming/prebuilt/teal-orange.scss +0 -13
  600. package/user-profile/covalent-core-user-profile.metadata.json +0 -1
  601. package/user-profile/index.d.ts +0 -1
  602. 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