@covalent/core 4.0.0 → 4.1.0-develop.10

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 +6 -4
  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/material-icons.css +1 -98
  18. package/common/material-icons.css.map +1 -1
  19. package/common/package.json +6 -7
  20. package/common/pipes/bytes/bytes.pipe.d.ts +3 -0
  21. package/common/pipes/decimal-bytes/decimal-bytes.pipe.d.ts +3 -0
  22. package/common/pipes/digits/digits.pipe.d.ts +3 -0
  23. package/common/pipes/time-ago/time-ago.pipe.d.ts +3 -0
  24. package/common/pipes/time-difference/time-difference.pipe.d.ts +3 -0
  25. package/common/pipes/time-until/time-until.pipe.d.ts +3 -0
  26. package/common/pipes/truncate/truncate.pipe.d.ts +4 -1
  27. package/common/platform.css +1 -15424
  28. package/common/platform.css.map +1 -1
  29. package/common/{public-api.d.ts → public_api.d.ts} +0 -0
  30. package/common/services/icon.service.d.ts +3 -0
  31. package/common/services/router-path.service.d.ts +3 -0
  32. package/common/styles/_elevation.scss +7 -2
  33. package/common/styles/_layout.scss +12 -10
  34. package/common/styles/_palette-dark.scss +2 -2
  35. package/common/styles/_palette-light.scss +6 -6
  36. package/common/styles/_rtl.scss +3 -0
  37. package/common/styles/_typography-functions.scss +10 -2
  38. package/common/styles/_variables.scss +7 -6
  39. package/common/styles/colors/_colors-dark.scss +327 -0
  40. package/common/styles/colors/_colors-light.scss +748 -0
  41. package/common/styles/core/_button.scss +37 -6
  42. package/common/styles/core/_card.scss +34 -9
  43. package/common/styles/core/_content.scss +2 -1
  44. package/common/styles/core/_divider.scss +1 -0
  45. package/common/styles/core/_icons.scss +2 -0
  46. package/common/styles/core/_sidenav.scss +2 -0
  47. package/common/styles/core/_structure.scss +6 -7
  48. package/common/styles/core/_toolbar.scss +7 -0
  49. package/common/styles/core/_whiteframe.scss +18 -10
  50. package/common/styles/font/README.md +4 -2
  51. package/common/styles/font/_font.scss +10 -4
  52. package/common/styles/utilities/_general.scss +14 -0
  53. package/common/styles/utilities/_text.scss +21 -0
  54. package/covalent-core.d.ts +2 -1
  55. package/dialogs/README.md +38 -30
  56. package/dialogs/_dialog-theme.scss +1 -0
  57. package/dialogs/alert-dialog/alert-dialog.component.d.ts +6 -3
  58. package/dialogs/confirm-dialog/confirm-dialog.component.d.ts +5 -2
  59. package/dialogs/covalent-core-dialogs.d.ts +2 -2
  60. package/dialogs/dialog.component.d.ts +9 -0
  61. package/dialogs/dialogs.module.d.ts +17 -0
  62. package/dialogs/package.json +6 -7
  63. package/dialogs/prompt-dialog/prompt-dialog.component.d.ts +6 -3
  64. package/dialogs/{public-api.d.ts → public_api.d.ts} +1 -0
  65. package/dialogs/services/dialog.service.d.ts +3 -0
  66. package/dialogs/src/README.md +223 -0
  67. package/dialogs/window-dialog/window-dialog.component.d.ts +8 -5
  68. package/dynamic-menu/README.md +6 -6
  69. package/dynamic-menu/covalent-core-dynamic-menu.d.ts +2 -2
  70. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.d.ts +4 -1
  71. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.d.ts +4 -1
  72. package/dynamic-menu/dynamic-menu.component.d.ts +4 -22
  73. package/dynamic-menu/dynamic-menu.menu.d.ts +22 -0
  74. package/dynamic-menu/dynamic-menu.module.d.ts +13 -0
  75. package/dynamic-menu/package.json +6 -7
  76. package/dynamic-menu/public_api.d.ts +2 -0
  77. package/esm2020/breadcrumbs/breadcrumb/breadcrumb.component.mjs +92 -0
  78. package/esm2020/breadcrumbs/breadcrumbs.component.mjs +130 -0
  79. package/esm2020/breadcrumbs/breadcrumbs.module.mjs +20 -0
  80. package/esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs +5 -0
  81. package/esm2020/breadcrumbs/public_api.mjs +4 -0
  82. package/esm2020/common/animations/bounce/bounce.animation.mjs +70 -0
  83. package/esm2020/common/animations/collapse/collapse.animation.mjs +51 -0
  84. package/esm2020/common/animations/common/interfaces.mjs +2 -0
  85. package/esm2020/common/animations/fade/fadeInOut.animation.mjs +37 -0
  86. package/esm2020/common/animations/flash/flash.animation.mjs +34 -0
  87. package/esm2020/common/animations/headshake/headshake.animation.mjs +47 -0
  88. package/esm2020/common/animations/jello/jello.animation.mjs +59 -0
  89. package/esm2020/common/animations/pulse/pulse.animation.mjs +32 -0
  90. package/esm2020/common/animations/rotate/rotate.animation.mjs +30 -0
  91. package/esm2020/common/behaviors/control-value-accesor.mixin.mjs +41 -0
  92. package/esm2020/common/behaviors/disable-ripple.mixin.mjs +24 -0
  93. package/esm2020/common/behaviors/disabled.mixin.mjs +24 -0
  94. package/esm2020/common/common.module.mjs +63 -0
  95. package/esm2020/common/covalent-core-common.mjs +5 -0
  96. package/esm2020/common/directives/fullscreen/fullscreen.directive.mjs +85 -0
  97. package/esm2020/common/forms/auto-trim/auto-trim.directive.mjs +36 -0
  98. package/esm2020/common/forms/validators/validators.mjs +29 -0
  99. package/esm2020/common/functions/clipboard.mjs +23 -0
  100. package/esm2020/common/functions/convert.mjs +84 -0
  101. package/esm2020/common/functions/download.mjs +75 -0
  102. package/esm2020/common/functions/file.mjs +16 -0
  103. package/esm2020/common/pipes/bytes/bytes.pipe.mjs +42 -0
  104. package/esm2020/common/pipes/decimal-bytes/decimal-bytes.pipe.mjs +42 -0
  105. package/esm2020/common/pipes/digits/digits.pipe.mjs +39 -0
  106. package/esm2020/common/pipes/time-ago/time-ago.pipe.mjs +72 -0
  107. package/esm2020/common/pipes/time-difference/time-difference.pipe.mjs +51 -0
  108. package/esm2020/common/pipes/time-until/time-until.pipe.mjs +72 -0
  109. package/esm2020/common/pipes/truncate/truncate.pipe.mjs +27 -0
  110. package/esm2020/common/public_api.mjs +39 -0
  111. package/esm2020/common/services/icon.service.mjs +1089 -0
  112. package/esm2020/common/services/router-path.service.mjs +29 -0
  113. package/esm2020/covalent-core.mjs +5 -0
  114. package/esm2020/dialogs/alert-dialog/alert-dialog.component.mjs +23 -0
  115. package/esm2020/dialogs/confirm-dialog/confirm-dialog.component.mjs +28 -0
  116. package/esm2020/dialogs/covalent-core-dialogs.mjs +5 -0
  117. package/esm2020/dialogs/dialog.component.mjs +56 -0
  118. package/esm2020/dialogs/dialogs.module.mjs +89 -0
  119. package/esm2020/dialogs/prompt-dialog/prompt-dialog.component.mjs +46 -0
  120. package/esm2020/dialogs/public_api.mjs +9 -0
  121. package/esm2020/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.mjs +216 -0
  122. package/esm2020/dialogs/services/dialog.service.mjs +171 -0
  123. package/esm2020/dialogs/window-dialog/window-dialog.component.mjs +38 -0
  124. package/esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs +5 -0
  125. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.mjs +30 -0
  126. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.mjs +24 -0
  127. package/esm2020/dynamic-menu/dynamic-menu.component.mjs +28 -0
  128. package/esm2020/dynamic-menu/dynamic-menu.menu.mjs +2 -0
  129. package/esm2020/dynamic-menu/dynamic-menu.module.mjs +57 -0
  130. package/esm2020/dynamic-menu/public_api.mjs +6 -0
  131. package/esm2020/file/covalent-core-file.mjs +5 -0
  132. package/esm2020/file/directives/file-drop.directive.mjs +147 -0
  133. package/esm2020/file/directives/file-select.directive.mjs +77 -0
  134. package/esm2020/file/file-input/file-input.component.mjs +110 -0
  135. package/esm2020/file/file-upload/file-upload.component.mjs +174 -0
  136. package/esm2020/file/file.module.mjs +58 -0
  137. package/esm2020/file/public_api.mjs +7 -0
  138. package/esm2020/file/services/file.service.mjs +64 -0
  139. package/esm2020/json-formatter/collapse.animation.mjs +51 -0
  140. package/esm2020/json-formatter/covalent-core-json-formatter.mjs +5 -0
  141. package/esm2020/json-formatter/json-formatter.component.mjs +217 -0
  142. package/esm2020/json-formatter/json-formatter.module.mjs +20 -0
  143. package/esm2020/json-formatter/public_api.mjs +3 -0
  144. package/esm2020/layout/covalent-core-layout.mjs +5 -0
  145. package/esm2020/layout/layout-card-over/layout-card-over.component.mjs +40 -0
  146. package/esm2020/layout/layout-footer/layout-footer.component.mjs +33 -0
  147. package/esm2020/layout/layout-manage-list/layout-manage-list.component.mjs +93 -0
  148. package/esm2020/layout/layout-manage-list/layout-manage-list.directives.mjs +84 -0
  149. package/esm2020/layout/layout-nav/layout-nav.component.mjs +50 -0
  150. package/esm2020/layout/layout-nav-list/layout-nav-list.component.mjs +128 -0
  151. package/esm2020/layout/layout-nav-list/layout-nav-list.directives.mjs +84 -0
  152. package/esm2020/layout/layout-toggle.class.mjs +92 -0
  153. package/esm2020/layout/layout.component.mjs +92 -0
  154. package/esm2020/layout/layout.directives.mjs +85 -0
  155. package/esm2020/layout/layout.module.mjs +117 -0
  156. package/esm2020/layout/navigation-drawer/navigation-drawer.component.mjs +161 -0
  157. package/esm2020/layout/public_api.mjs +13 -0
  158. package/esm2020/menu/covalent-core-menu.mjs +5 -0
  159. package/esm2020/menu/menu.component.mjs +12 -0
  160. package/esm2020/menu/menu.module.mjs +21 -0
  161. package/esm2020/menu/public_api.mjs +3 -0
  162. package/esm2020/message/collapse.animation.mjs +51 -0
  163. package/esm2020/message/covalent-core-message.mjs +5 -0
  164. package/esm2020/message/message.component.mjs +203 -0
  165. package/esm2020/message/message.module.mjs +25 -0
  166. package/esm2020/message/public_api.mjs +3 -0
  167. package/esm2020/public_api.mjs +2 -0
  168. package/esm2020/search/covalent-core-search.mjs +5 -0
  169. package/esm2020/search/public_api.mjs +4 -0
  170. package/esm2020/search/search-box/search-box.component.mjs +194 -0
  171. package/esm2020/search/search-input/search-input.component.mjs +203 -0
  172. package/esm2020/search/search.module.mjs +39 -0
  173. package/esm2020/side-sheet/covalent-core-side-sheet.mjs +5 -0
  174. package/esm2020/side-sheet/public_api.mjs +6 -0
  175. package/esm2020/side-sheet/side-sheet-container.mjs +274 -0
  176. package/esm2020/side-sheet/side-sheet-ref.mjs +21 -0
  177. package/esm2020/side-sheet/side-sheet.animation.mjs +12 -0
  178. package/esm2020/side-sheet/side-sheet.config.mjs +4 -0
  179. package/esm2020/side-sheet/side-sheet.content-directives.mjs +201 -0
  180. package/esm2020/side-sheet/side-sheet.mjs +221 -0
  181. package/esm2020/side-sheet/side-sheet.module.mjs +45 -0
  182. package/esm2020/user-profile/covalent-core-user-profile.mjs +5 -0
  183. package/esm2020/user-profile/public_api.mjs +4 -0
  184. package/esm2020/user-profile/user-profile-menu/user-profile-menu.component.mjs +24 -0
  185. package/esm2020/user-profile/user-profile.component.mjs +19 -0
  186. package/esm2020/user-profile/user-profile.module.mjs +44 -0
  187. package/fesm2015/covalent-core-breadcrumbs.mjs +242 -0
  188. package/fesm2015/covalent-core-breadcrumbs.mjs.map +1 -0
  189. package/fesm2015/covalent-core-common.mjs +2281 -0
  190. package/fesm2015/covalent-core-common.mjs.map +1 -0
  191. package/fesm2015/covalent-core-dialogs.mjs +639 -0
  192. package/fesm2015/covalent-core-dialogs.mjs.map +1 -0
  193. package/fesm2015/covalent-core-dynamic-menu.mjs +128 -0
  194. package/fesm2015/covalent-core-dynamic-menu.mjs.map +1 -0
  195. package/fesm2015/covalent-core-file.mjs +613 -0
  196. package/fesm2015/covalent-core-file.mjs.map +1 -0
  197. package/fesm2015/covalent-core-json-formatter.mjs +298 -0
  198. package/fesm2015/covalent-core-json-formatter.mjs.map +1 -0
  199. package/fesm2015/covalent-core-layout.mjs +1024 -0
  200. package/fesm2015/covalent-core-layout.mjs.map +1 -0
  201. package/fesm2015/covalent-core-menu.mjs +37 -0
  202. package/fesm2015/covalent-core-menu.mjs.map +1 -0
  203. package/fesm2015/covalent-core-message.mjs +284 -0
  204. package/fesm2015/covalent-core-message.mjs.map +1 -0
  205. package/fesm2015/covalent-core-search.mjs +428 -0
  206. package/fesm2015/covalent-core-search.mjs.map +1 -0
  207. package/fesm2015/covalent-core-side-sheet.mjs +762 -0
  208. package/fesm2015/covalent-core-side-sheet.mjs.map +1 -0
  209. package/fesm2015/covalent-core-user-profile.mjs +86 -0
  210. package/fesm2015/covalent-core-user-profile.mjs.map +1 -0
  211. package/fesm2015/covalent-core.mjs +4 -0
  212. package/fesm2015/covalent-core.mjs.map +1 -0
  213. package/fesm2020/covalent-core-breadcrumbs.mjs +242 -0
  214. package/fesm2020/covalent-core-breadcrumbs.mjs.map +1 -0
  215. package/{fesm2015/covalent-core-common.js → fesm2020/covalent-core-common.mjs} +317 -813
  216. package/fesm2020/covalent-core-common.mjs.map +1 -0
  217. package/fesm2020/covalent-core-dialogs.mjs +634 -0
  218. package/fesm2020/covalent-core-dialogs.mjs.map +1 -0
  219. package/fesm2020/covalent-core-dynamic-menu.mjs +128 -0
  220. package/fesm2020/covalent-core-dynamic-menu.mjs.map +1 -0
  221. package/fesm2020/covalent-core-file.mjs +607 -0
  222. package/fesm2020/covalent-core-file.mjs.map +1 -0
  223. package/fesm2020/covalent-core-json-formatter.mjs +290 -0
  224. package/fesm2020/covalent-core-json-formatter.mjs.map +1 -0
  225. package/fesm2020/covalent-core-layout.mjs +1000 -0
  226. package/fesm2020/covalent-core-layout.mjs.map +1 -0
  227. package/fesm2020/covalent-core-menu.mjs +37 -0
  228. package/fesm2020/covalent-core-menu.mjs.map +1 -0
  229. package/fesm2020/covalent-core-message.mjs +282 -0
  230. package/fesm2020/covalent-core-message.mjs.map +1 -0
  231. package/fesm2020/covalent-core-search.mjs +425 -0
  232. package/fesm2020/covalent-core-search.mjs.map +1 -0
  233. package/fesm2020/covalent-core-side-sheet.mjs +757 -0
  234. package/fesm2020/covalent-core-side-sheet.mjs.map +1 -0
  235. package/fesm2020/covalent-core-user-profile.mjs +86 -0
  236. package/fesm2020/covalent-core-user-profile.mjs.map +1 -0
  237. package/fesm2020/covalent-core.mjs +4 -0
  238. package/fesm2020/covalent-core.mjs.map +1 -0
  239. package/file/_file-theme.scss +3 -1
  240. package/file/covalent-core-file.d.ts +2 -1
  241. package/file/directives/file-drop.directive.d.ts +8 -6
  242. package/file/directives/file-select.directive.d.ts +5 -2
  243. package/file/file-input/file-input.component.d.ts +10 -5
  244. package/file/file-upload/file-upload.component.d.ts +18 -8
  245. package/file/file.module.d.ts +13 -0
  246. package/file/package.json +6 -7
  247. package/file/{public-api.d.ts → public_api.d.ts} +0 -0
  248. package/file/services/file.service.d.ts +3 -0
  249. package/file/{file-input → src/file-input}/README.md +46 -37
  250. package/file/{file-upload → src/file-upload}/README.md +36 -27
  251. package/json-formatter/README.md +8 -8
  252. package/json-formatter/_json-formatter-theme.scss +10 -0
  253. package/json-formatter/collapse.animation.d.ts +24 -0
  254. package/json-formatter/covalent-core-json-formatter.d.ts +2 -1
  255. package/json-formatter/json-formatter.component.d.ts +7 -4
  256. package/json-formatter/json-formatter.module.d.ts +8 -0
  257. package/json-formatter/package.json +6 -7
  258. package/json-formatter/{public-api.d.ts → public_api.d.ts} +0 -0
  259. package/layout/README.md +48 -50
  260. package/layout/_layout-theme.scss +12 -0
  261. package/layout/covalent-core-layout.d.ts +2 -1
  262. package/layout/layout-card-over/layout-card-over.component.d.ts +6 -3
  263. package/layout/layout-footer/layout-footer.component.d.ts +6 -3
  264. package/layout/layout-manage-list/layout-manage-list.component.d.ts +7 -4
  265. package/layout/layout-manage-list/layout-manage-list.directives.d.ts +9 -2
  266. package/layout/layout-nav/layout-nav.component.d.ts +8 -5
  267. package/layout/layout-nav-list/layout-nav-list.component.d.ts +12 -9
  268. package/layout/layout-nav-list/layout-nav-list.directives.d.ts +9 -2
  269. package/layout/layout-toggle.class.d.ts +4 -1
  270. package/layout/layout.component.d.ts +7 -4
  271. package/layout/layout.directives.d.ts +9 -2
  272. package/layout/layout.module.d.ts +23 -0
  273. package/layout/navigation-drawer/navigation-drawer.component.d.ts +17 -10
  274. package/layout/package.json +6 -7
  275. package/layout/{public-api.d.ts → public_api.d.ts} +0 -0
  276. package/layout/{layout-card-over → src/layout-card-over}/README.md +19 -17
  277. package/layout/{layout-manage-list → src/layout-manage-list}/README.md +24 -28
  278. package/layout/src/layout-nav/README.md +50 -0
  279. package/layout/{layout-nav-list → src/layout-nav-list}/README.md +44 -40
  280. package/menu/covalent-core-menu.d.ts +2 -1
  281. package/menu/menu.component.d.ts +3 -0
  282. package/menu/menu.module.d.ts +8 -0
  283. package/menu/package.json +6 -7
  284. package/menu/{public-api.d.ts → public_api.d.ts} +0 -0
  285. package/message/README.md +26 -18
  286. package/message/_message-theme.scss +3 -0
  287. package/message/collapse.animation.d.ts +24 -0
  288. package/message/covalent-core-message.d.ts +2 -1
  289. package/message/message.component.d.ts +9 -4
  290. package/message/message.module.d.ts +7 -0
  291. package/message/package.json +6 -7
  292. package/message/{public-api.d.ts → public_api.d.ts} +0 -0
  293. package/package.json +129 -37
  294. package/{index.d.ts → public_api.d.ts} +0 -0
  295. package/search/README.md +74 -73
  296. package/search/covalent-core-search.d.ts +2 -1
  297. package/search/package.json +6 -7
  298. package/search/{public-api.d.ts → public_api.d.ts} +0 -0
  299. package/search/search-box/search-box.component.d.ts +12 -5
  300. package/search/search-input/search-input.component.d.ts +12 -5
  301. package/search/search.module.d.ts +11 -0
  302. package/search/src/search-box/README.md +73 -0
  303. package/search/src/search-input/README.md +74 -0
  304. package/side-sheet/README.md +3 -5
  305. package/side-sheet/{side-sheet.theme.scss → _side-sheet.theme.scss} +0 -0
  306. package/side-sheet/covalent-core-side-sheet.d.ts +2 -3
  307. package/side-sheet/package.json +6 -7
  308. package/side-sheet/{public-api.d.ts → public_api.d.ts} +0 -0
  309. package/side-sheet/side-sheet-container.d.ts +21 -5
  310. package/side-sheet/side-sheet.content-directives.d.ts +23 -6
  311. package/side-sheet/side-sheet.d.ts +7 -2
  312. package/side-sheet/side-sheet.module.d.ts +9 -0
  313. package/theming/prebuilt/blue-grey-deep-orange.css +1 -2434
  314. package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
  315. package/theming/prebuilt/blue-orange.css +1 -2434
  316. package/theming/prebuilt/blue-orange.css.map +1 -1
  317. package/theming/prebuilt/indigo-pink.css +1 -2434
  318. package/theming/prebuilt/indigo-pink.css.map +1 -1
  319. package/theming/prebuilt/orange-light-blue.css +1 -2434
  320. package/theming/prebuilt/orange-light-blue.css.map +1 -1
  321. package/theming/prebuilt/teal-orange.css +1 -2434
  322. package/theming/prebuilt/teal-orange.css.map +1 -1
  323. package/user-profile/README.md +5 -5
  324. package/user-profile/covalent-core-user-profile.d.ts +2 -1
  325. package/user-profile/package.json +6 -7
  326. package/user-profile/user-profile-menu/user-profile-menu.component.d.ts +5 -2
  327. package/user-profile/user-profile.component.d.ts +5 -2
  328. package/user-profile/user-profile.module.d.ts +12 -0
  329. package/breadcrumbs/breadcrumb/breadcrumb.component.scss +0 -22
  330. package/breadcrumbs/breadcrumbs.component.scss +0 -7
  331. package/breadcrumbs/covalent-core-breadcrumbs.metadata.json +0 -1
  332. package/breadcrumbs/index.d.ts +0 -1
  333. package/bundles/covalent-core-breadcrumbs.umd.js +0 -490
  334. package/bundles/covalent-core-breadcrumbs.umd.js.map +0 -1
  335. package/bundles/covalent-core-breadcrumbs.umd.min.js +0 -2
  336. package/bundles/covalent-core-breadcrumbs.umd.min.js.map +0 -1
  337. package/bundles/covalent-core-common.umd.js +0 -3188
  338. package/bundles/covalent-core-common.umd.js.map +0 -1
  339. package/bundles/covalent-core-common.umd.min.js +0 -17
  340. package/bundles/covalent-core-common.umd.min.js.map +0 -1
  341. package/bundles/covalent-core-dialogs.umd.js +0 -1318
  342. package/bundles/covalent-core-dialogs.umd.js.map +0 -1
  343. package/bundles/covalent-core-dialogs.umd.min.js +0 -2
  344. package/bundles/covalent-core-dialogs.umd.min.js.map +0 -1
  345. package/bundles/covalent-core-dynamic-menu.umd.js +0 -215
  346. package/bundles/covalent-core-dynamic-menu.umd.js.map +0 -1
  347. package/bundles/covalent-core-dynamic-menu.umd.min.js +0 -2
  348. package/bundles/covalent-core-dynamic-menu.umd.min.js.map +0 -1
  349. package/bundles/covalent-core-file.umd.js +0 -1211
  350. package/bundles/covalent-core-file.umd.js.map +0 -1
  351. package/bundles/covalent-core-file.umd.min.js +0 -17
  352. package/bundles/covalent-core-file.umd.min.js.map +0 -1
  353. package/bundles/covalent-core-json-formatter.umd.js +0 -408
  354. package/bundles/covalent-core-json-formatter.umd.js.map +0 -1
  355. package/bundles/covalent-core-json-formatter.umd.min.js +0 -2
  356. package/bundles/covalent-core-json-formatter.umd.min.js.map +0 -1
  357. package/bundles/covalent-core-layout.umd.js +0 -2084
  358. package/bundles/covalent-core-layout.umd.js.map +0 -1
  359. package/bundles/covalent-core-layout.umd.min.js +0 -17
  360. package/bundles/covalent-core-layout.umd.min.js.map +0 -1
  361. package/bundles/covalent-core-menu.umd.js +0 -69
  362. package/bundles/covalent-core-menu.umd.js.map +0 -1
  363. package/bundles/covalent-core-menu.umd.min.js +0 -2
  364. package/bundles/covalent-core-menu.umd.min.js.map +0 -1
  365. package/bundles/covalent-core-message.umd.js +0 -375
  366. package/bundles/covalent-core-message.umd.js.map +0 -1
  367. package/bundles/covalent-core-message.umd.min.js +0 -2
  368. package/bundles/covalent-core-message.umd.min.js.map +0 -1
  369. package/bundles/covalent-core-search.umd.js +0 -877
  370. package/bundles/covalent-core-search.umd.js.map +0 -1
  371. package/bundles/covalent-core-search.umd.min.js +0 -16
  372. package/bundles/covalent-core-search.umd.min.js.map +0 -1
  373. package/bundles/covalent-core-side-sheet.umd.js +0 -1458
  374. package/bundles/covalent-core-side-sheet.umd.js.map +0 -1
  375. package/bundles/covalent-core-side-sheet.umd.min.js +0 -16
  376. package/bundles/covalent-core-side-sheet.umd.min.js.map +0 -1
  377. package/bundles/covalent-core-user-profile.umd.js +0 -116
  378. package/bundles/covalent-core-user-profile.umd.js.map +0 -1
  379. package/bundles/covalent-core-user-profile.umd.min.js +0 -2
  380. package/bundles/covalent-core-user-profile.umd.min.js.map +0 -1
  381. package/bundles/covalent-core.umd.js +0 -9
  382. package/bundles/covalent-core.umd.js.map +0 -1
  383. package/bundles/covalent-core.umd.min.js +0 -2
  384. package/bundles/covalent-core.umd.min.js.map +0 -1
  385. package/common/covalent-core-common.metadata.json +0 -1
  386. package/common/index.d.ts +0 -1
  387. package/common/material-icons.scss +0 -3
  388. package/common/platform.scss +0 -7
  389. package/covalent-core.metadata.json +0 -1
  390. package/dialogs/alert-dialog/alert-dialog.component.scss +0 -3
  391. package/dialogs/confirm-dialog/confirm-dialog.component.scss +0 -3
  392. package/dialogs/covalent-core-dialogs.metadata.json +0 -1
  393. package/dialogs/dialog.component.scss +0 -44
  394. package/dialogs/index.d.ts +0 -1
  395. package/dialogs/prompt-dialog/prompt-dialog.component.scss +0 -15
  396. package/dialogs/window-dialog/window-dialog.component.scss +0 -31
  397. package/dynamic-menu/covalent-core-dynamic-menu.metadata.json +0 -1
  398. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.scss +0 -6
  399. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.scss +0 -11
  400. package/dynamic-menu/dynamic-menu.component.scss +0 -0
  401. package/dynamic-menu/index.d.ts +0 -1
  402. package/esm2015/breadcrumbs/breadcrumb/breadcrumb.component.js +0 -171
  403. package/esm2015/breadcrumbs/breadcrumbs.component.js +0 -241
  404. package/esm2015/breadcrumbs/breadcrumbs.module.js +0 -20
  405. package/esm2015/breadcrumbs/covalent-core-breadcrumbs.js +0 -10
  406. package/esm2015/breadcrumbs/index.js +0 -7
  407. package/esm2015/breadcrumbs/public-api.js +0 -9
  408. package/esm2015/common/animations/bounce/bounce.animation.js +0 -76
  409. package/esm2015/common/animations/collapse/collapse.animation.js +0 -67
  410. package/esm2015/common/animations/common/interfaces.js +0 -18
  411. package/esm2015/common/animations/fade/fadeInOut.animation.js +0 -53
  412. package/esm2015/common/animations/flash/flash.animation.js +0 -40
  413. package/esm2015/common/animations/headshake/headshake.animation.js +0 -41
  414. package/esm2015/common/animations/jello/jello.animation.js +0 -44
  415. package/esm2015/common/animations/pulse/pulse.animation.js +0 -38
  416. package/esm2015/common/animations/rotate/rotate.animation.js +0 -41
  417. package/esm2015/common/behaviors/control-value-accesor.mixin.js +0 -107
  418. package/esm2015/common/behaviors/disable-ripple.mixin.js +0 -63
  419. package/esm2015/common/behaviors/disabled.mixin.js +0 -63
  420. package/esm2015/common/common.module.js +0 -54
  421. package/esm2015/common/covalent-core-common.js +0 -12
  422. package/esm2015/common/directives/fullscreen/fullscreen.directive.js +0 -180
  423. package/esm2015/common/forms/auto-trim/auto-trim.directive.js +0 -46
  424. package/esm2015/common/forms/validators/validators.js +0 -58
  425. package/esm2015/common/functions/clipboard.js +0 -30
  426. package/esm2015/common/functions/convert.js +0 -103
  427. package/esm2015/common/functions/download.js +0 -88
  428. package/esm2015/common/functions/file.js +0 -29
  429. package/esm2015/common/index.js +0 -7
  430. package/esm2015/common/pipes/bytes/bytes.pipe.js +0 -41
  431. package/esm2015/common/pipes/decimal-bytes/decimal-bytes.pipe.js +0 -41
  432. package/esm2015/common/pipes/digits/digits.pipe.js +0 -65
  433. package/esm2015/common/pipes/time-ago/time-ago.pipe.js +0 -81
  434. package/esm2015/common/pipes/time-difference/time-difference.pipe.js +0 -66
  435. package/esm2015/common/pipes/time-until/time-until.pipe.js +0 -81
  436. package/esm2015/common/pipes/truncate/truncate.pipe.js +0 -34
  437. package/esm2015/common/public-api.js +0 -44
  438. package/esm2015/common/services/icon.service.js +0 -1109
  439. package/esm2015/common/services/router-path.service.js +0 -60
  440. package/esm2015/covalent-core.js +0 -10
  441. package/esm2015/dialogs/alert-dialog/alert-dialog.component.js +0 -47
  442. package/esm2015/dialogs/confirm-dialog/confirm-dialog.component.js +0 -59
  443. package/esm2015/dialogs/covalent-core-dialogs.js +0 -11
  444. package/esm2015/dialogs/dialog.component.js +0 -58
  445. package/esm2015/dialogs/dialogs.module.js +0 -57
  446. package/esm2015/dialogs/index.js +0 -7
  447. package/esm2015/dialogs/prompt-dialog/prompt-dialog.component.js +0 -83
  448. package/esm2015/dialogs/public-api.js +0 -13
  449. package/esm2015/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.js +0 -325
  450. package/esm2015/dialogs/services/dialog.service.js +0 -316
  451. package/esm2015/dialogs/window-dialog/window-dialog.component.js +0 -56
  452. package/esm2015/dynamic-menu/covalent-core-dynamic-menu.js +0 -11
  453. package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.js +0 -40
  454. package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.js +0 -35
  455. package/esm2015/dynamic-menu/dynamic-menu.component.js +0 -89
  456. package/esm2015/dynamic-menu/dynamic-menu.module.js +0 -26
  457. package/esm2015/dynamic-menu/index.js +0 -7
  458. package/esm2015/dynamic-menu/public_api.js +0 -9
  459. package/esm2015/file/covalent-core-file.js +0 -10
  460. package/esm2015/file/directives/file-drop.directive.js +0 -191
  461. package/esm2015/file/directives/file-select.directive.js +0 -98
  462. package/esm2015/file/file-input/file-input.component.js +0 -186
  463. package/esm2015/file/file-upload/file-upload.component.js +0 -237
  464. package/esm2015/file/file.module.js +0 -35
  465. package/esm2015/file/index.js +0 -7
  466. package/esm2015/file/public-api.js +0 -12
  467. package/esm2015/file/services/file.service.js +0 -109
  468. package/esm2015/index.js +0 -7
  469. package/esm2015/json-formatter/covalent-core-json-formatter.js +0 -10
  470. package/esm2015/json-formatter/index.js +0 -7
  471. package/esm2015/json-formatter/json-formatter.component.js +0 -338
  472. package/esm2015/json-formatter/json-formatter.module.js +0 -20
  473. package/esm2015/json-formatter/public-api.js +0 -8
  474. package/esm2015/layout/covalent-core-layout.js +0 -10
  475. package/esm2015/layout/index.js +0 -7
  476. package/esm2015/layout/layout-card-over/layout-card-over.component.js +0 -71
  477. package/esm2015/layout/layout-footer/layout-footer.component.js +0 -71
  478. package/esm2015/layout/layout-manage-list/layout-manage-list.component.js +0 -145
  479. package/esm2015/layout/layout-manage-list/layout-manage-list.directives.js +0 -132
  480. package/esm2015/layout/layout-nav/layout-nav.component.js +0 -100
  481. package/esm2015/layout/layout-nav-list/layout-nav-list.component.js +0 -220
  482. package/esm2015/layout/layout-nav-list/layout-nav-list.directives.js +0 -132
  483. package/esm2015/layout/layout-toggle.class.js +0 -188
  484. package/esm2015/layout/layout.component.js +0 -145
  485. package/esm2015/layout/layout.directives.js +0 -129
  486. package/esm2015/layout/layout.module.js +0 -64
  487. package/esm2015/layout/navigation-drawer/navigation-drawer.component.js +0 -280
  488. package/esm2015/layout/public-api.js +0 -18
  489. package/esm2015/menu/covalent-core-menu.js +0 -10
  490. package/esm2015/menu/index.js +0 -7
  491. package/esm2015/menu/menu.component.js +0 -16
  492. package/esm2015/menu/menu.module.js +0 -22
  493. package/esm2015/menu/public-api.js +0 -8
  494. package/esm2015/message/covalent-core-message.js +0 -10
  495. package/esm2015/message/index.js +0 -7
  496. package/esm2015/message/message.component.js +0 -307
  497. package/esm2015/message/message.module.js +0 -21
  498. package/esm2015/message/public-api.js +0 -8
  499. package/esm2015/search/covalent-core-search.js +0 -10
  500. package/esm2015/search/index.js +0 -7
  501. package/esm2015/search/public-api.js +0 -9
  502. package/esm2015/search/search-box/search-box.component.js +0 -270
  503. package/esm2015/search/search-input/search-input.component.js +0 -260
  504. package/esm2015/search/search.module.js +0 -23
  505. package/esm2015/side-sheet/covalent-core-side-sheet.js +0 -12
  506. package/esm2015/side-sheet/index.js +0 -7
  507. package/esm2015/side-sheet/public-api.js +0 -11
  508. package/esm2015/side-sheet/side-sheet-container.js +0 -402
  509. package/esm2015/side-sheet/side-sheet-ref.js +0 -50
  510. package/esm2015/side-sheet/side-sheet.animation.js +0 -20
  511. package/esm2015/side-sheet/side-sheet.config.js +0 -12
  512. package/esm2015/side-sheet/side-sheet.content-directives.js +0 -255
  513. package/esm2015/side-sheet/side-sheet.js +0 -360
  514. package/esm2015/side-sheet/side-sheet.module.js +0 -36
  515. package/esm2015/user-profile/covalent-core-user-profile.js +0 -10
  516. package/esm2015/user-profile/index.js +0 -7
  517. package/esm2015/user-profile/public_api.js +0 -9
  518. package/esm2015/user-profile/user-profile-menu/user-profile-menu.component.js +0 -35
  519. package/esm2015/user-profile/user-profile.component.js +0 -26
  520. package/esm2015/user-profile/user-profile.module.js +0 -25
  521. package/fesm2015/covalent-core-breadcrumbs.js +0 -448
  522. package/fesm2015/covalent-core-breadcrumbs.js.map +0 -1
  523. package/fesm2015/covalent-core-common.js.map +0 -1
  524. package/fesm2015/covalent-core-dialogs.js +0 -1001
  525. package/fesm2015/covalent-core-dialogs.js.map +0 -1
  526. package/fesm2015/covalent-core-dynamic-menu.js +0 -204
  527. package/fesm2015/covalent-core-dynamic-menu.js.map +0 -1
  528. package/fesm2015/covalent-core-file.js +0 -855
  529. package/fesm2015/covalent-core-file.js.map +0 -1
  530. package/fesm2015/covalent-core-json-formatter.js +0 -377
  531. package/fesm2015/covalent-core-json-formatter.js.map +0 -1
  532. package/fesm2015/covalent-core-layout.js +0 -1663
  533. package/fesm2015/covalent-core-layout.js.map +0 -1
  534. package/fesm2015/covalent-core-menu.js +0 -57
  535. package/fesm2015/covalent-core-menu.js.map +0 -1
  536. package/fesm2015/covalent-core-message.js +0 -347
  537. package/fesm2015/covalent-core-message.js.map +0 -1
  538. package/fesm2015/covalent-core-search.js +0 -564
  539. package/fesm2015/covalent-core-search.js.map +0 -1
  540. package/fesm2015/covalent-core-side-sheet.js +0 -1134
  541. package/fesm2015/covalent-core-side-sheet.js.map +0 -1
  542. package/fesm2015/covalent-core-user-profile.js +0 -103
  543. package/fesm2015/covalent-core-user-profile.js.map +0 -1
  544. package/fesm2015/covalent-core.js +0 -12
  545. package/fesm2015/covalent-core.js.map +0 -1
  546. package/file/covalent-core-file.metadata.json +0 -1
  547. package/file/file-input/file-input.component.scss +0 -20
  548. package/file/file-upload/file-upload.component.scss +0 -30
  549. package/file/index.d.ts +0 -1
  550. package/json-formatter/covalent-core-json-formatter.metadata.json +0 -1
  551. package/json-formatter/index.d.ts +0 -1
  552. package/json-formatter/json-formatter.component.scss +0 -61
  553. package/layout/covalent-core-layout.metadata.json +0 -1
  554. package/layout/index.d.ts +0 -1
  555. package/layout/layout-card-over/layout-card-over.component.scss +0 -42
  556. package/layout/layout-footer/layout-footer.component.scss +0 -4
  557. package/layout/layout-manage-list/layout-manage-list.component.scss +0 -78
  558. package/layout/layout-nav/README.md +0 -46
  559. package/layout/layout-nav/layout-nav.component.scss +0 -50
  560. package/layout/layout-nav-list/layout-nav-list.component.scss +0 -110
  561. package/layout/layout.component.scss +0 -20
  562. package/layout/navigation-drawer/navigation-drawer.component.scss +0 -73
  563. package/menu/covalent-core-menu.metadata.json +0 -1
  564. package/menu/index.d.ts +0 -1
  565. package/menu/menu.component.scss +0 -43
  566. package/message/covalent-core-message.metadata.json +0 -1
  567. package/message/index.d.ts +0 -1
  568. package/message/message.component.scss +0 -29
  569. package/schematics/README.md +0 -66
  570. package/schematics/collection.json +0 -11
  571. package/schematics/components.js +0 -111
  572. package/schematics/components.js.map +0 -1
  573. package/schematics/migration.json +0 -10
  574. package/schematics/ng-add/files/theme.scss +0 -64
  575. package/schematics/ng-add/index.js +0 -58
  576. package/schematics/ng-add/index.js.map +0 -1
  577. package/schematics/ng-add/schema.js +0 -3
  578. package/schematics/ng-add/schema.js.map +0 -1
  579. package/schematics/ng-add/schema.json +0 -81
  580. package/schematics/ng-update/index.js +0 -52
  581. package/schematics/ng-update/index.js.map +0 -1
  582. package/schematics/ng-update/target-version.js +0 -8
  583. package/schematics/ng-update/target-version.js.map +0 -1
  584. package/schematics/version-names.js +0 -6
  585. package/schematics/version-names.js.map +0 -1
  586. package/search/covalent-core-search.metadata.json +0 -1
  587. package/search/index.d.ts +0 -1
  588. package/search/search-box/README.md +0 -62
  589. package/search/search-box/search-box.component.scss +0 -32
  590. package/search/search-input/README.md +0 -65
  591. package/search/search-input/search-input.component.scss +0 -63
  592. package/side-sheet/covalent-core-side-sheet.metadata.json +0 -1
  593. package/side-sheet/index.d.ts +0 -1
  594. package/side-sheet/side-sheet.scss +0 -69
  595. package/theming/prebuilt/blue-grey-deep-orange.scss +0 -13
  596. package/theming/prebuilt/blue-orange.scss +0 -13
  597. package/theming/prebuilt/indigo-pink.scss +0 -13
  598. package/theming/prebuilt/orange-light-blue.scss +0 -13
  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
@@ -0,0 +1,1024 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, ViewChild, Input, Directive, HostListener, forwardRef, Optional, Inject, SecurityContext, ContentChildren, NgModule } from '@angular/core';
3
+ import * as i4$1 from '@angular/common';
4
+ import { CommonModule } from '@angular/common';
5
+ import * as i5 from '@angular/cdk/scrolling';
6
+ import { ScrollingModule } from '@angular/cdk/scrolling';
7
+ import * as i1 from '@angular/material/sidenav';
8
+ import { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';
9
+ import * as i3 from '@angular/material/toolbar';
10
+ import { MatToolbarModule } from '@angular/material/toolbar';
11
+ import * as i5$1 from '@angular/material/button';
12
+ import { MatButtonModule } from '@angular/material/button';
13
+ import * as i4 from '@angular/material/icon';
14
+ import { MatIconModule } from '@angular/material/icon';
15
+ import * as i2 from '@angular/material/card';
16
+ import { MatCardModule } from '@angular/material/card';
17
+ import * as i3$1 from '@angular/material/divider';
18
+ import { MatDividerModule } from '@angular/material/divider';
19
+ import { CovalentMenuModule } from '@covalent/core/menu';
20
+ import { mixinDisabled, tdCollapseAnimation } from '@covalent/core/common';
21
+ import * as i1$1 from '@angular/router';
22
+ import * as i2$1 from '@angular/platform-browser';
23
+
24
+ class TdLayoutComponent {
25
+ constructor() {
26
+ /**
27
+ * mode?: 'side', 'push' or 'over'
28
+ *
29
+ * The mode or styling of the sidenav.
30
+ * Defaults to "over".
31
+ * See "MatSidenav" documentation for more info.
32
+ *
33
+ * https://github.com/angular/material2/tree/main/src/lib/sidenav
34
+ */
35
+ this.mode = 'over';
36
+ /**
37
+ * opened?: boolean
38
+ *
39
+ * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
40
+ * Defaults to "false".
41
+ *
42
+ * See "MatSidenav" documentation for more info.
43
+ *
44
+ * https://github.com/angular/material2/tree/main/src/lib/sidenav
45
+ */
46
+ this.opened = false;
47
+ /**
48
+ * sidenavWidth?: string
49
+ *
50
+ * Sets the "width" of the sidenav in either "px" or "%"
51
+ * Defaults to "320px".
52
+ *
53
+ * https://github.com/angular/material2/tree/main/src/lib/sidenav
54
+ */
55
+ this.sidenavWidth = '320px';
56
+ /**
57
+ * containerAutosize?: boolean
58
+ *
59
+ * Sets "autosize" of the sidenav-container.
60
+ * Defaults to "false".
61
+ *
62
+ * See documentation for more info and potential performance risks.
63
+ *
64
+ * https://github.com/angular/material2/blob/main/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
65
+ */
66
+ this.containerAutosize = false;
67
+ }
68
+ /**
69
+ * Checks if `ESC` should close the sidenav
70
+ * Should only close it for `push` and `over` modes
71
+ */
72
+ get disableClose() {
73
+ return this.mode === 'side';
74
+ }
75
+ /**
76
+ * Proxy toggle method to access sidenav from outside (from td-layout template).
77
+ */
78
+ toggle() {
79
+ return this.sidenav.toggle(!this.sidenav.opened);
80
+ }
81
+ /**
82
+ * Proxy open method to access sidenav from outside (from td-layout template).
83
+ */
84
+ open() {
85
+ return this.sidenav.open();
86
+ }
87
+ /**
88
+ * Proxy close method to access sidenav from outside (from td-layout template).
89
+ */
90
+ close() {
91
+ return this.sidenav.close();
92
+ }
93
+ }
94
+ TdLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
95
+ TdLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutComponent, selector: "td-layout", inputs: { mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", containerAutosize: "containerAutosize" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, 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", styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container .mat-drawer>.mat-drawer-inner-container{display:flex;flex-direction:column}\n"], components: [{ type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }] });
96
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutComponent, decorators: [{
97
+ type: Component,
98
+ args: [{ selector: 'td-layout', 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", styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container .mat-drawer>.mat-drawer-inner-container{display:flex;flex-direction:column}\n"] }]
99
+ }], propDecorators: { sidenav: [{
100
+ type: ViewChild,
101
+ args: [MatSidenav, { static: true }]
102
+ }], mode: [{
103
+ type: Input
104
+ }], opened: [{
105
+ type: Input
106
+ }], sidenavWidth: [{
107
+ type: Input
108
+ }], containerAutosize: [{
109
+ type: Input
110
+ }] } });
111
+
112
+ class LayoutToggleBase {
113
+ }
114
+ /* tslint:disable-next-line */
115
+ const _TdLayoutToggleMixinBase = mixinDisabled(LayoutToggleBase);
116
+ class BaseLayoutToggleDirective extends _TdLayoutToggleMixinBase {
117
+ constructor(_layout, _renderer, _elementRef) {
118
+ super();
119
+ this._layout = _layout;
120
+ this._renderer = _renderer;
121
+ this._elementRef = _elementRef;
122
+ this._initialized = false;
123
+ this._hideWhenOpened = false;
124
+ // if layout has not been provided
125
+ // show warn message
126
+ if (!this._layout) {
127
+ this._noLayoutMessage();
128
+ }
129
+ this._renderer.addClass(this._elementRef.nativeElement, 'td-layout-menu-button');
130
+ }
131
+ /**
132
+ * hideWhenOpened?: boolean
133
+ * When this is set to true, the host will be hidden when
134
+ * the sidenav is opened.
135
+ */
136
+ set hideWhenOpened(hideWhenOpened) {
137
+ this._hideWhenOpened = hideWhenOpened;
138
+ if (this._initialized) {
139
+ this._toggleVisibility();
140
+ }
141
+ }
142
+ ngAfterViewInit() {
143
+ this._initialized = true;
144
+ if (this._layout && this._layout.sidenav) {
145
+ this._toggleSubs = this._layout.sidenav._animationStarted.subscribe(() => {
146
+ this._toggleVisibility();
147
+ });
148
+ }
149
+ // execute toggleVisibility since the onOpenStart and onCloseStart
150
+ // methods might not be executed always when the element is rendered
151
+ this._toggleVisibility();
152
+ }
153
+ ngOnDestroy() {
154
+ if (this._toggleSubs) {
155
+ this._toggleSubs.unsubscribe();
156
+ this._toggleSubs = undefined;
157
+ }
158
+ }
159
+ /**
160
+ * Listens to host click event to trigger the layout toggle
161
+ */
162
+ clickListener(event) {
163
+ event.preventDefault();
164
+ if (!this.disabled) {
165
+ // if layout has been provided, try triggering the click on it
166
+ // else show warn message
167
+ if (this._layout) {
168
+ this.onClick();
169
+ }
170
+ else {
171
+ this._noLayoutMessage();
172
+ }
173
+ }
174
+ }
175
+ _toggleVisibility() {
176
+ if (this._layout) {
177
+ if (this._layout.sidenav.opened && this._hideWhenOpened) {
178
+ this._renderer.setStyle(this._elementRef.nativeElement, 'display', 'none');
179
+ }
180
+ else {
181
+ this._renderer.setStyle(this._elementRef.nativeElement, 'display', '');
182
+ }
183
+ }
184
+ }
185
+ _noLayoutMessage() {
186
+ /* tslint:disable-next-line */
187
+ console.warn('Covalent: Parent layout not found for layout toggle directive');
188
+ }
189
+ }
190
+ BaseLayoutToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseLayoutToggleDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
191
+ BaseLayoutToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: BaseLayoutToggleDirective, inputs: { hideWhenOpened: "hideWhenOpened" }, host: { listeners: { "click": "clickListener($event)" } }, usesInheritance: true, ngImport: i0 });
192
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseLayoutToggleDirective, decorators: [{
193
+ type: Directive
194
+ }], ctorParameters: function () { return [{ type: undefined }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { hideWhenOpened: [{
195
+ type: Input
196
+ }], clickListener: [{
197
+ type: HostListener,
198
+ args: ['click', ['$event']]
199
+ }] } });
200
+
201
+ class TdLayoutToggleDirective extends BaseLayoutToggleDirective {
202
+ constructor(layout, renderer, elementRef) {
203
+ super(layout, renderer, elementRef);
204
+ }
205
+ set tdLayoutToggle(tdLayoutToggle) {
206
+ this.disabled = !(tdLayoutToggle === '' || tdLayoutToggle);
207
+ }
208
+ onClick() {
209
+ this._layout.toggle();
210
+ }
211
+ }
212
+ TdLayoutToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutToggleDirective, deps: [{ token: forwardRef(() => TdLayoutComponent), optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
213
+ TdLayoutToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutToggleDirective, selector: "[tdLayoutToggle]", inputs: { tdLayoutToggle: "tdLayoutToggle" }, usesInheritance: true, ngImport: i0 });
214
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutToggleDirective, decorators: [{
215
+ type: Directive,
216
+ args: [{
217
+ selector: '[tdLayoutToggle]',
218
+ }]
219
+ }], ctorParameters: function () {
220
+ return [{ type: TdLayoutComponent, decorators: [{
221
+ type: Optional
222
+ }, {
223
+ type: Inject,
224
+ args: [forwardRef(() => TdLayoutComponent)]
225
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }];
226
+ }, propDecorators: { tdLayoutToggle: [{
227
+ type: Input
228
+ }] } });
229
+ class TdLayoutCloseDirective extends BaseLayoutToggleDirective {
230
+ constructor(layout, renderer, elementRef) {
231
+ super(layout, renderer, elementRef);
232
+ }
233
+ set tdLayoutClose(tdLayoutClose) {
234
+ this.disabled = !(tdLayoutClose === '' || tdLayoutClose);
235
+ }
236
+ onClick() {
237
+ this._layout.close();
238
+ }
239
+ }
240
+ TdLayoutCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutCloseDirective, deps: [{ token: forwardRef(() => TdLayoutComponent), optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
241
+ TdLayoutCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutCloseDirective, selector: "[tdLayoutClose]", inputs: { tdLayoutClose: "tdLayoutClose" }, usesInheritance: true, ngImport: i0 });
242
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutCloseDirective, decorators: [{
243
+ type: Directive,
244
+ args: [{
245
+ selector: '[tdLayoutClose]',
246
+ }]
247
+ }], ctorParameters: function () {
248
+ return [{ type: TdLayoutComponent, decorators: [{
249
+ type: Optional
250
+ }, {
251
+ type: Inject,
252
+ args: [forwardRef(() => TdLayoutComponent)]
253
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }];
254
+ }, propDecorators: { tdLayoutClose: [{
255
+ type: Input
256
+ }] } });
257
+ class TdLayoutOpenDirective extends BaseLayoutToggleDirective {
258
+ constructor(layout, renderer, elementRef) {
259
+ super(layout, renderer, elementRef);
260
+ }
261
+ set tdLayoutClose(tdLayoutOpen) {
262
+ this.disabled = !(tdLayoutOpen === '' || tdLayoutOpen);
263
+ }
264
+ onClick() {
265
+ this._layout.open();
266
+ }
267
+ }
268
+ TdLayoutOpenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutOpenDirective, deps: [{ token: forwardRef(() => TdLayoutComponent), optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
269
+ TdLayoutOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutOpenDirective, selector: "[tdLayoutOpen]", inputs: { tdLayoutClose: ["tdLayoutOpen", "tdLayoutClose"] }, usesInheritance: true, ngImport: i0 });
270
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutOpenDirective, decorators: [{
271
+ type: Directive,
272
+ args: [{
273
+ selector: '[tdLayoutOpen]',
274
+ }]
275
+ }], ctorParameters: function () {
276
+ return [{ type: TdLayoutComponent, decorators: [{
277
+ type: Optional
278
+ }, {
279
+ type: Inject,
280
+ args: [forwardRef(() => TdLayoutComponent)]
281
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }];
282
+ }, propDecorators: { tdLayoutClose: [{
283
+ type: Input,
284
+ args: ['tdLayoutOpen']
285
+ }] } });
286
+
287
+ class TdLayoutNavComponent {
288
+ constructor(_router) {
289
+ this._router = _router;
290
+ /**
291
+ * color?: 'accent' | 'primary' | 'warn'
292
+ *
293
+ * toolbar color option: primary | accent | warn.
294
+ * If [color] is not set, primary is used.
295
+ */
296
+ this.color = 'primary';
297
+ }
298
+ /**
299
+ * Checks if router was injected.
300
+ */
301
+ get routerEnabled() {
302
+ return !!this._router && !!this.navigationRoute;
303
+ }
304
+ handleNavigationClick() {
305
+ if (this.routerEnabled && this.navigationRoute) {
306
+ this._router.navigateByUrl(this.navigationRoute);
307
+ }
308
+ }
309
+ }
310
+ TdLayoutNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavComponent, deps: [{ token: i1$1.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
311
+ TdLayoutNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutNavComponent, selector: "td-layout-nav", inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", navigationRoute: "navigationRoute" }, ngImport: i0, 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\n *ngIf=\"logo && !icon\"\n class=\"mat-icon-logo\"\n [svgIcon]=\"logo\"\n ></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", styles: [".td-menu-button{margin-left:0}::ng-deep [dir=rtl] .td-menu-button{margin-right:0;margin-left:6px}:host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .td-layout-nav-wrapper{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .td-layout-nav-wrapper .td-layout-nav-content{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}\n"], components: [{ type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
312
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavComponent, decorators: [{
313
+ type: Component,
314
+ args: [{ selector: 'td-layout-nav', 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\n *ngIf=\"logo && !icon\"\n class=\"mat-icon-logo\"\n [svgIcon]=\"logo\"\n ></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", styles: [".td-menu-button{margin-left:0}::ng-deep [dir=rtl] .td-menu-button{margin-right:0;margin-left:6px}:host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .td-layout-nav-wrapper{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .td-layout-nav-wrapper .td-layout-nav-content{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}\n"] }]
315
+ }], ctorParameters: function () {
316
+ return [{ type: i1$1.Router, decorators: [{
317
+ type: Optional
318
+ }] }];
319
+ }, propDecorators: { toolbarTitle: [{
320
+ type: Input
321
+ }], icon: [{
322
+ type: Input
323
+ }], logo: [{
324
+ type: Input
325
+ }], color: [{
326
+ type: Input
327
+ }], navigationRoute: [{
328
+ type: Input
329
+ }] } });
330
+
331
+ class TdLayoutNavListComponent {
332
+ constructor(_router) {
333
+ this._router = _router;
334
+ /**
335
+ * color?: 'accent' | 'primary' | 'warn'
336
+ *
337
+ * toolbar color option: primary | accent | warn.
338
+ * If [color] is not set, primary is used.
339
+ */
340
+ this.color = 'primary';
341
+ /**
342
+ * mode?: 'side', 'push' or 'over'
343
+ *
344
+ * The mode or styling of the sidenav.
345
+ * Defaults to "side".
346
+ * See "MatSidenav" documentation for more info.
347
+ *
348
+ * https://github.com/angular/material2/tree/main/src/lib/sidenav
349
+ */
350
+ this.mode = 'side';
351
+ /**
352
+ * opened?: boolean
353
+ * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
354
+ * Defaults to "true".
355
+ *
356
+ * See "MatSidenav" documentation for more info.
357
+ *
358
+ * https://github.com/angular/material2/tree/main/src/lib/sidenav
359
+ */
360
+ this.opened = true;
361
+ /**
362
+ * sidenavWidth?: string
363
+ *
364
+ * Sets the "width" of the sidenav in either "px" or "%"
365
+ * Defaults to "350px".
366
+ *
367
+ * https://github.com/angular/material2/tree/main/src/lib/sidenav
368
+ */
369
+ this.sidenavWidth = '350px';
370
+ /**
371
+ * containerAutosize?: boolean
372
+ *
373
+ * Sets "autosize" of the sidenav-container.
374
+ * Defaults to "false".
375
+ *
376
+ * See documentation for more info and potential performance risks.
377
+ *
378
+ * https://github.com/angular/material2/blob/main/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
379
+ */
380
+ this.containerAutosize = false;
381
+ }
382
+ /**
383
+ * Checks if `ESC` should close the sidenav
384
+ * Should only close it for `push` and `over` modes
385
+ */
386
+ get disableClose() {
387
+ return this.mode === 'side';
388
+ }
389
+ /**
390
+ * Checks if router was injected.
391
+ */
392
+ get routerEnabled() {
393
+ return !!this._router && !!this.navigationRoute;
394
+ }
395
+ handleNavigationClick() {
396
+ if (this.routerEnabled && this.navigationRoute) {
397
+ this._router.navigateByUrl(this.navigationRoute);
398
+ }
399
+ }
400
+ /**
401
+ * Proxy toggle method to access sidenav from outside (from td-layout template).
402
+ */
403
+ toggle() {
404
+ return this.sidenav.toggle(!this.sidenav.opened);
405
+ }
406
+ /**
407
+ * Proxy open method to access sidenav from outside (from td-layout template).
408
+ */
409
+ open() {
410
+ return this.sidenav.open();
411
+ }
412
+ /**
413
+ * Proxy close method to access sidenav from outside (from td-layout template).
414
+ */
415
+ close() {
416
+ return this.sidenav.close();
417
+ }
418
+ }
419
+ TdLayoutNavListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavListComponent, deps: [{ token: i1$1.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
420
+ TdLayoutNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutNavListComponent, selector: "td-layout-nav-list", inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", containerAutosize: "containerAutosize", navigationRoute: "navigationRoute" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<div class=\"td-layout-nav-list-wrapper\">\n <mat-sidenav-container\n fullscreen\n [autosize]=\"containerAutosize\"\n class=\"td-layout-nav-list\"\n >\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\n *ngIf=\"logo && !icon\"\n class=\"mat-icon-logo\"\n [svgIcon]=\"logo\"\n ></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", styles: [":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;flex-direction:column;box-sizing:border-box;display:flex;flex:1}: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{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .td-layout-nav-list-wrapper .td-layout-nav-list-content{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main .td-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list{flex:1}: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,: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{box-shadow:none}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;display:flex;flex-direction:column}\n"], components: [{ type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
421
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavListComponent, decorators: [{
422
+ type: Component,
423
+ args: [{ selector: 'td-layout-nav-list', template: "<div class=\"td-layout-nav-list-wrapper\">\n <mat-sidenav-container\n fullscreen\n [autosize]=\"containerAutosize\"\n class=\"td-layout-nav-list\"\n >\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\n *ngIf=\"logo && !icon\"\n class=\"mat-icon-logo\"\n [svgIcon]=\"logo\"\n ></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", styles: [":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;flex-direction:column;box-sizing:border-box;display:flex;flex:1}: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{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .td-layout-nav-list-wrapper .td-layout-nav-list-content{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main .td-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list{flex:1}: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,: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{box-shadow:none}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;display:flex;flex-direction:column}\n"] }]
424
+ }], ctorParameters: function () {
425
+ return [{ type: i1$1.Router, decorators: [{
426
+ type: Optional
427
+ }] }];
428
+ }, propDecorators: { sidenav: [{
429
+ type: ViewChild,
430
+ args: [MatSidenav, { static: true }]
431
+ }], toolbarTitle: [{
432
+ type: Input
433
+ }], icon: [{
434
+ type: Input
435
+ }], logo: [{
436
+ type: Input
437
+ }], color: [{
438
+ type: Input
439
+ }], mode: [{
440
+ type: Input
441
+ }], opened: [{
442
+ type: Input
443
+ }], sidenavWidth: [{
444
+ type: Input
445
+ }], containerAutosize: [{
446
+ type: Input
447
+ }], navigationRoute: [{
448
+ type: Input
449
+ }] } });
450
+
451
+ class TdLayoutNavListToggleDirective extends BaseLayoutToggleDirective {
452
+ constructor(layout, renderer, elementRef) {
453
+ super(layout, renderer, elementRef);
454
+ }
455
+ set tdLayoutNavListToggle(tdLayoutNavListToggle) {
456
+ this.disabled = !(tdLayoutNavListToggle === '' || tdLayoutNavListToggle);
457
+ }
458
+ onClick() {
459
+ this._layout.toggle();
460
+ }
461
+ }
462
+ TdLayoutNavListToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavListToggleDirective, deps: [{ token: forwardRef(() => TdLayoutNavListComponent), optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
463
+ TdLayoutNavListToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutNavListToggleDirective, selector: "[tdLayoutNavListToggle]", inputs: { tdLayoutNavListToggle: "tdLayoutNavListToggle" }, usesInheritance: true, ngImport: i0 });
464
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavListToggleDirective, decorators: [{
465
+ type: Directive,
466
+ args: [{
467
+ selector: '[tdLayoutNavListToggle]',
468
+ }]
469
+ }], ctorParameters: function () {
470
+ return [{ type: TdLayoutNavListComponent, decorators: [{
471
+ type: Optional
472
+ }, {
473
+ type: Inject,
474
+ args: [forwardRef(() => TdLayoutNavListComponent)]
475
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }];
476
+ }, propDecorators: { tdLayoutNavListToggle: [{
477
+ type: Input
478
+ }] } });
479
+ class TdLayoutNavListCloseDirective extends BaseLayoutToggleDirective {
480
+ constructor(layout, renderer, elementRef) {
481
+ super(layout, renderer, elementRef);
482
+ }
483
+ set tdLayoutNavListClose(tdLayoutNavListClose) {
484
+ this.disabled = !(tdLayoutNavListClose === '' || tdLayoutNavListClose);
485
+ }
486
+ onClick() {
487
+ this._layout.close();
488
+ }
489
+ }
490
+ TdLayoutNavListCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavListCloseDirective, deps: [{ token: forwardRef(() => TdLayoutNavListComponent), optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
491
+ TdLayoutNavListCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutNavListCloseDirective, selector: "[tdLayoutNavListClose]", inputs: { tdLayoutNavListClose: "tdLayoutNavListClose" }, usesInheritance: true, ngImport: i0 });
492
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavListCloseDirective, decorators: [{
493
+ type: Directive,
494
+ args: [{
495
+ selector: '[tdLayoutNavListClose]',
496
+ }]
497
+ }], ctorParameters: function () {
498
+ return [{ type: TdLayoutNavListComponent, decorators: [{
499
+ type: Optional
500
+ }, {
501
+ type: Inject,
502
+ args: [forwardRef(() => TdLayoutNavListComponent)]
503
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }];
504
+ }, propDecorators: { tdLayoutNavListClose: [{
505
+ type: Input
506
+ }] } });
507
+ class TdLayoutNavListOpenDirective extends BaseLayoutToggleDirective {
508
+ constructor(layout, renderer, elementRef) {
509
+ super(layout, renderer, elementRef);
510
+ }
511
+ set tdLayoutNavListOpen(tdLayoutNavListOpen) {
512
+ this.disabled = !(tdLayoutNavListOpen === '' || tdLayoutNavListOpen);
513
+ }
514
+ onClick() {
515
+ this._layout.open();
516
+ }
517
+ }
518
+ TdLayoutNavListOpenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavListOpenDirective, deps: [{ token: forwardRef(() => TdLayoutNavListComponent), optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
519
+ TdLayoutNavListOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutNavListOpenDirective, selector: "[tdLayoutNavListOpen]", inputs: { tdLayoutNavListOpen: "tdLayoutNavListOpen" }, usesInheritance: true, ngImport: i0 });
520
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutNavListOpenDirective, decorators: [{
521
+ type: Directive,
522
+ args: [{
523
+ selector: '[tdLayoutNavListOpen]',
524
+ }]
525
+ }], ctorParameters: function () {
526
+ return [{ type: TdLayoutNavListComponent, decorators: [{
527
+ type: Optional
528
+ }, {
529
+ type: Inject,
530
+ args: [forwardRef(() => TdLayoutNavListComponent)]
531
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }];
532
+ }, propDecorators: { tdLayoutNavListOpen: [{
533
+ type: Input
534
+ }] } });
535
+
536
+ class TdLayoutCardOverComponent {
537
+ constructor() {
538
+ /**
539
+ * cardWidth?: string
540
+ *
541
+ * Card flex width in %.
542
+ * Defaults to 70%.
543
+ */
544
+ this.cardWidth = 70;
545
+ /**
546
+ * color?: 'accent' | 'primary' | 'warn'
547
+ *
548
+ * toolbar color option: primary | accent | warn.
549
+ * If [color] is not set, primary is used.
550
+ */
551
+ this.color = 'primary';
552
+ }
553
+ }
554
+ TdLayoutCardOverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutCardOverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
555
+ TdLayoutCardOverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutCardOverComponent, selector: "td-layout-card-over", inputs: { cardTitle: "cardTitle", cardSubtitle: "cardSubtitle", cardWidth: "cardWidth", color: "color" }, ngImport: i0, 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\">{{\n cardSubtitle\n }}</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", styles: [":host{position:relative;display:block;z-index:2;width:100%;min-height:100%;height:100%}:host [td-after-card]{display:block}.td-layout-card-over-wrapper{margin:-64px 0;width:100%;min-height:100%;height:100%}@media (min-width: 600px){.td-layout-card-over-wrapper{flex-direction:row;box-sizing:border-box;display:flex;align-items:flex-start;align-content:flex-start;justify-content:center}.td-layout-card-over-wrapper .td-layout-card-over{max-height:100%;box-sizing:border-box}}@media (max-width: 599px){.td-layout-card-over-wrapper .td-layout-card-over{max-width:100%!important}}\n"], components: [{ type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i2.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }] });
556
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutCardOverComponent, decorators: [{
557
+ type: Component,
558
+ args: [{ selector: 'td-layout-card-over', 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\">{{\n cardSubtitle\n }}</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", styles: [":host{position:relative;display:block;z-index:2;width:100%;min-height:100%;height:100%}:host [td-after-card]{display:block}.td-layout-card-over-wrapper{margin:-64px 0;width:100%;min-height:100%;height:100%}@media (min-width: 600px){.td-layout-card-over-wrapper{flex-direction:row;box-sizing:border-box;display:flex;align-items:flex-start;align-content:flex-start;justify-content:center}.td-layout-card-over-wrapper .td-layout-card-over{max-height:100%;box-sizing:border-box}}@media (max-width: 599px){.td-layout-card-over-wrapper .td-layout-card-over{max-width:100%!important}}\n"] }]
559
+ }], propDecorators: { cardTitle: [{
560
+ type: Input
561
+ }], cardSubtitle: [{
562
+ type: Input
563
+ }], cardWidth: [{
564
+ type: Input
565
+ }], color: [{
566
+ type: Input
567
+ }] } });
568
+
569
+ class TdLayoutManageListComponent {
570
+ constructor() {
571
+ /**
572
+ * mode?: 'side', 'push' or 'over'
573
+ *
574
+ * The mode or styling of the sidenav.
575
+ * Defaults to "side".
576
+ * See "MatSidenav" documentation for more info.
577
+ *
578
+ * https://github.com/angular/material2/tree/main/src/lib/sidenav
579
+ */
580
+ this.mode = 'side';
581
+ /**
582
+ * opened?: boolean
583
+ *
584
+ * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
585
+ * Defaults to "true".
586
+ *
587
+ * See "MatSidenav" documentation for more info.
588
+ *
589
+ * https://github.com/angular/material2/tree/main/src/lib/sidenav
590
+ */
591
+ this.opened = true;
592
+ /**
593
+ * sidenavWidth?: string
594
+ *
595
+ * Sets the "width" of the sidenav in either "px" or "%"
596
+ * Defaults to "257px".
597
+ *
598
+ * https://github.com/angular/material2/tree/main/src/lib/sidenav
599
+ */
600
+ this.sidenavWidth = '257px';
601
+ /**
602
+ * containerAutosize?: boolean
603
+ *
604
+ * Sets "autosize" of the sidenav-container.
605
+ * Defaults to "false".
606
+ *
607
+ * See documentation for more info and potential performance risks.
608
+ *
609
+ * https://github.com/angular/material2/blob/main/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
610
+ */
611
+ this.containerAutosize = false;
612
+ }
613
+ /**
614
+ * Checks if `ESC` should close the sidenav
615
+ * Should only close it for `push` and `over` modes
616
+ */
617
+ get disableClose() {
618
+ return this.mode === 'side';
619
+ }
620
+ /**
621
+ * Proxy toggle method to access sidenav from outside (from td-layout template).
622
+ */
623
+ toggle() {
624
+ return this.sidenav.toggle(!this.sidenav.opened);
625
+ }
626
+ /**
627
+ * Proxy open method to access sidenav from outside (from td-layout template).
628
+ */
629
+ open() {
630
+ return this.sidenav.open();
631
+ }
632
+ /**
633
+ * Proxy close method to access sidenav from outside (from td-layout template).
634
+ */
635
+ close() {
636
+ return this.sidenav.close();
637
+ }
638
+ }
639
+ TdLayoutManageListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutManageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
640
+ TdLayoutManageListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutManageListComponent, selector: "td-layout-manage-list", inputs: { mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", containerAutosize: "containerAutosize" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<mat-sidenav-container\n fullscreen\n [autosize]=\"containerAutosize\"\n class=\"td-layout-manage-list\"\n>\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", styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.td-layout-manage-list{flex:1}: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,: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{box-shadow:0 1px 3px #0003}:host .td-layout-manage-list-sidenav{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;flex-direction:column;box-sizing:border-box;display:flex}:host .td-layout-manage-list-main .td-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;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}\n"], components: [{ type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }], directives: [{ type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
641
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutManageListComponent, decorators: [{
642
+ type: Component,
643
+ args: [{ selector: 'td-layout-manage-list', template: "<mat-sidenav-container\n fullscreen\n [autosize]=\"containerAutosize\"\n class=\"td-layout-manage-list\"\n>\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", styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.td-layout-manage-list{flex:1}: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,: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{box-shadow:0 1px 3px #0003}:host .td-layout-manage-list-sidenav{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;flex-direction:column;box-sizing:border-box;display:flex}:host .td-layout-manage-list-main .td-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;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}\n"] }]
644
+ }], propDecorators: { sidenav: [{
645
+ type: ViewChild,
646
+ args: [MatSidenav, { static: true }]
647
+ }], mode: [{
648
+ type: Input
649
+ }], opened: [{
650
+ type: Input
651
+ }], sidenavWidth: [{
652
+ type: Input
653
+ }], containerAutosize: [{
654
+ type: Input
655
+ }] } });
656
+
657
+ class TdLayoutManageListToggleDirective extends BaseLayoutToggleDirective {
658
+ constructor(layout, renderer, elementRef) {
659
+ super(layout, renderer, elementRef);
660
+ }
661
+ set tdLayoutManageListToggle(tdLayoutManageListToggle) {
662
+ this.disabled = !(tdLayoutManageListToggle === '' || tdLayoutManageListToggle);
663
+ }
664
+ onClick() {
665
+ this._layout.toggle();
666
+ }
667
+ }
668
+ TdLayoutManageListToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutManageListToggleDirective, deps: [{ token: forwardRef(() => TdLayoutManageListComponent), optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
669
+ TdLayoutManageListToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutManageListToggleDirective, selector: "[tdLayoutManageListToggle]", inputs: { tdLayoutManageListToggle: "tdLayoutManageListToggle" }, usesInheritance: true, ngImport: i0 });
670
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutManageListToggleDirective, decorators: [{
671
+ type: Directive,
672
+ args: [{
673
+ selector: '[tdLayoutManageListToggle]',
674
+ }]
675
+ }], ctorParameters: function () {
676
+ return [{ type: TdLayoutManageListComponent, decorators: [{
677
+ type: Optional
678
+ }, {
679
+ type: Inject,
680
+ args: [forwardRef(() => TdLayoutManageListComponent)]
681
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }];
682
+ }, propDecorators: { tdLayoutManageListToggle: [{
683
+ type: Input
684
+ }] } });
685
+ class TdLayoutManageListCloseDirective extends BaseLayoutToggleDirective {
686
+ constructor(layout, renderer, elementRef) {
687
+ super(layout, renderer, elementRef);
688
+ }
689
+ set tdLayoutManageListClose(tdLayoutManageListClose) {
690
+ this.disabled = !(tdLayoutManageListClose === '' || tdLayoutManageListClose);
691
+ }
692
+ onClick() {
693
+ this._layout.close();
694
+ }
695
+ }
696
+ TdLayoutManageListCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutManageListCloseDirective, deps: [{ token: forwardRef(() => TdLayoutManageListComponent), optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
697
+ TdLayoutManageListCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutManageListCloseDirective, selector: "[tdLayoutManageListClose]", inputs: { tdLayoutManageListClose: "tdLayoutManageListClose" }, usesInheritance: true, ngImport: i0 });
698
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutManageListCloseDirective, decorators: [{
699
+ type: Directive,
700
+ args: [{
701
+ selector: '[tdLayoutManageListClose]',
702
+ }]
703
+ }], ctorParameters: function () {
704
+ return [{ type: TdLayoutManageListComponent, decorators: [{
705
+ type: Optional
706
+ }, {
707
+ type: Inject,
708
+ args: [forwardRef(() => TdLayoutManageListComponent)]
709
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }];
710
+ }, propDecorators: { tdLayoutManageListClose: [{
711
+ type: Input
712
+ }] } });
713
+ class TdLayoutManageListOpenDirective extends BaseLayoutToggleDirective {
714
+ constructor(layout, renderer, elementRef) {
715
+ super(layout, renderer, elementRef);
716
+ }
717
+ set tdLayoutManageListOpen(tdLayoutManageListOpen) {
718
+ this.disabled = !(tdLayoutManageListOpen === '' || tdLayoutManageListOpen);
719
+ }
720
+ onClick() {
721
+ this._layout.open();
722
+ }
723
+ }
724
+ TdLayoutManageListOpenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutManageListOpenDirective, deps: [{ token: forwardRef(() => TdLayoutManageListComponent), optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
725
+ TdLayoutManageListOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutManageListOpenDirective, selector: "[tdLayoutManageListOpen]", inputs: { tdLayoutManageListOpen: "tdLayoutManageListOpen" }, usesInheritance: true, ngImport: i0 });
726
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutManageListOpenDirective, decorators: [{
727
+ type: Directive,
728
+ args: [{
729
+ selector: '[tdLayoutManageListOpen]',
730
+ }]
731
+ }], ctorParameters: function () {
732
+ return [{ type: TdLayoutManageListComponent, decorators: [{
733
+ type: Optional
734
+ }, {
735
+ type: Inject,
736
+ args: [forwardRef(() => TdLayoutManageListComponent)]
737
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }];
738
+ }, propDecorators: { tdLayoutManageListOpen: [{
739
+ type: Input
740
+ }] } });
741
+
742
+ class TdLayoutFooterComponent {
743
+ constructor(_renderer, _elementRef) {
744
+ this._renderer = _renderer;
745
+ this._elementRef = _elementRef;
746
+ this._renderer.addClass(this._elementRef.nativeElement, 'td-layout-footer');
747
+ }
748
+ /**
749
+ * color?: 'accent' | 'primary' | 'warn'
750
+ *
751
+ * Optional color option: primary | accent | warn.
752
+ */
753
+ set color(color) {
754
+ if (color) {
755
+ this._renderer.removeClass(this._elementRef.nativeElement, 'mat-' + this._color);
756
+ this._color = color;
757
+ this._renderer.addClass(this._elementRef.nativeElement, 'mat-' + this._color);
758
+ }
759
+ }
760
+ get color() {
761
+ return this._color;
762
+ }
763
+ }
764
+ TdLayoutFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutFooterComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
765
+ TdLayoutFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdLayoutFooterComponent, selector: "td-layout-footer,td-layout-footer-inner", inputs: { color: "color" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:10px 16px}\n"] });
766
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdLayoutFooterComponent, decorators: [{
767
+ type: Component,
768
+ args: [{ selector: 'td-layout-footer,td-layout-footer-inner', template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:10px 16px}\n"] }]
769
+ }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { color: [{
770
+ type: Input
771
+ }] } });
772
+
773
+ class TdNavigationDrawerMenuDirective {
774
+ }
775
+ TdNavigationDrawerMenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdNavigationDrawerMenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
776
+ TdNavigationDrawerMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdNavigationDrawerMenuDirective, selector: "[tdNavigationDrawerMenu]", ngImport: i0 });
777
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdNavigationDrawerMenuDirective, decorators: [{
778
+ type: Directive,
779
+ args: [{
780
+ selector: '[tdNavigationDrawerMenu]',
781
+ }]
782
+ }] });
783
+ class TdNavigationDrawerToolbarDirective {
784
+ }
785
+ TdNavigationDrawerToolbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdNavigationDrawerToolbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
786
+ TdNavigationDrawerToolbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdNavigationDrawerToolbarDirective, selector: "[tdNavigationDrawerToolbar]", ngImport: i0 });
787
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdNavigationDrawerToolbarDirective, decorators: [{
788
+ type: Directive,
789
+ args: [{
790
+ selector: '[tdNavigationDrawerToolbar]',
791
+ }]
792
+ }] });
793
+ class TdNavigationDrawerComponent {
794
+ constructor(_layout, _router, _sanitize) {
795
+ this._layout = _layout;
796
+ this._router = _router;
797
+ this._sanitize = _sanitize;
798
+ this._menuToggled = false;
799
+ }
800
+ get menuToggled() {
801
+ return this._menuToggled;
802
+ }
803
+ /**
804
+ * Checks if there is a [TdNavigationDrawerMenuDirective] has content.
805
+ */
806
+ get isMenuAvailable() {
807
+ return this._drawerMenu ? this._drawerMenu.length > 0 : false;
808
+ }
809
+ /**
810
+ * Checks if there is a [TdNavigationDrawerToolbarDirective] has content.
811
+ */
812
+ get isCustomToolbar() {
813
+ return this._toolbar ? this._toolbar.length > 0 : false;
814
+ }
815
+ /**
816
+ * Checks if there is a background image for the toolbar.
817
+ */
818
+ get isBackgroundAvailable() {
819
+ return !!this._backgroundImage;
820
+ }
821
+ /**
822
+ * backgroundUrl?: SafeResourceUrl
823
+ *
824
+ * image to be displayed as the background of the toolbar.
825
+ * URL used will be sanitized, but it should be always from a trusted source to avoid XSS.
826
+ */
827
+ set backgroundUrl(backgroundUrl) {
828
+ if (backgroundUrl) {
829
+ const sanitizedUrl = this._sanitize.sanitize(SecurityContext.RESOURCE_URL, backgroundUrl);
830
+ this._backgroundImage = this._sanitize.sanitize(SecurityContext.STYLE, 'url(' + sanitizedUrl + ')');
831
+ }
832
+ }
833
+ get backgroundImage() {
834
+ return this._backgroundImage;
835
+ }
836
+ /**
837
+ * Checks if router was injected.
838
+ */
839
+ get routerEnabled() {
840
+ return !!this._router && !!this.navigationRoute;
841
+ }
842
+ ngOnInit() {
843
+ this._closeSubscription = this._layout.sidenav.openedChange.subscribe((opened) => {
844
+ if (!opened) {
845
+ this._menuToggled = false;
846
+ }
847
+ });
848
+ }
849
+ ngOnDestroy() {
850
+ if (this._closeSubscription) {
851
+ this._closeSubscription.unsubscribe();
852
+ this._closeSubscription = undefined;
853
+ }
854
+ }
855
+ toggleMenu() {
856
+ if (this.isMenuAvailable) {
857
+ this._menuToggled = !this._menuToggled;
858
+ }
859
+ }
860
+ handleNavigationClick() {
861
+ if (this.routerEnabled && this.navigationRoute) {
862
+ this._router.navigateByUrl(this.navigationRoute);
863
+ this.close();
864
+ }
865
+ }
866
+ /**
867
+ * Proxy toggle method to access sidenav from outside (from td-layout template).
868
+ */
869
+ toggle() {
870
+ return this._layout.toggle();
871
+ }
872
+ /**
873
+ * Proxy open method to access sidenav from outside (from td-layout template).
874
+ */
875
+ open() {
876
+ return this._layout.open();
877
+ }
878
+ /**
879
+ * Proxy close method to access sidenav from outside (from td-layout template).
880
+ */
881
+ close() {
882
+ return this._layout.close();
883
+ }
884
+ }
885
+ TdNavigationDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdNavigationDrawerComponent, deps: [{ token: forwardRef(() => TdLayoutComponent) }, { token: i1$1.Router, optional: true }, { token: i2$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
886
+ TdNavigationDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdNavigationDrawerComponent, selector: "td-navigation-drawer", inputs: { sidenavTitle: "sidenavTitle", icon: "icon", logo: "logo", avatar: "avatar", color: "color", navigationRoute: "navigationRoute", backgroundUrl: "backgroundUrl", name: "name", email: "email" }, queries: [{ propertyName: "_drawerMenu", predicate: TdNavigationDrawerMenuDirective, descendants: true }, { propertyName: "_toolbar", predicate: TdNavigationDrawerToolbarDirective, descendants: true }], ngImport: i0, 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\n *ngIf=\"logo && !icon\"\n class=\"mat-icon-logo\"\n [svgIcon]=\"logo\"\n ></mat-icon>\n <img\n *ngIf=\"avatar && !logo && !icon\"\n class=\"td-nagivation-drawer-toolbar-avatar\"\n [attr.src]=\"avatar\"\n />\n <span *ngIf=\"sidenavTitle\" class=\"td-navigation-drawer-title\">{{\n sidenavTitle\n }}</span>\n </div>\n <div class=\"td-navigation-drawer-name\" *ngIf=\"email && name\">\n {{ name }}\n </div>\n <div\n class=\"td-navigation-drawer-menu-toggle\"\n href\n *ngIf=\"email || name\"\n (click)=\"toggleMenu()\"\n >\n <span class=\"td-navigation-drawer-label\">{{ email || name }}</span>\n <button\n mat-icon-button\n class=\"td-navigation-drawer-menu-button\"\n *ngIf=\"isMenuAvailable\"\n >\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", 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{flex-direction:column;height:auto!important;display:block!important}:host mat-toolbar .td-navigation-drawer-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host mat-toolbar .td-navigation-drawer-toolbar-content .td-nagivation-drawer-toolbar-avatar{border-radius:50%;height:60px;width:60px;margin:0 12px 12px 0}:host mat-toolbar .td-navigation-drawer-toolbar-content .td-navigation-drawer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host mat-toolbar .td-navigation-drawer-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host mat-toolbar .td-navigation-drawer-menu-toggle{flex-direction:row;box-sizing:border-box;display:flex}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-menu-button{height:24px;line-height:24px;width:24px}:host>div{overflow:hidden}\n"], components: [{ type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [tdCollapseAnimation] });
887
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdNavigationDrawerComponent, decorators: [{
888
+ type: Component,
889
+ args: [{ selector: 'td-navigation-drawer', animations: [tdCollapseAnimation], 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\n *ngIf=\"logo && !icon\"\n class=\"mat-icon-logo\"\n [svgIcon]=\"logo\"\n ></mat-icon>\n <img\n *ngIf=\"avatar && !logo && !icon\"\n class=\"td-nagivation-drawer-toolbar-avatar\"\n [attr.src]=\"avatar\"\n />\n <span *ngIf=\"sidenavTitle\" class=\"td-navigation-drawer-title\">{{\n sidenavTitle\n }}</span>\n </div>\n <div class=\"td-navigation-drawer-name\" *ngIf=\"email && name\">\n {{ name }}\n </div>\n <div\n class=\"td-navigation-drawer-menu-toggle\"\n href\n *ngIf=\"email || name\"\n (click)=\"toggleMenu()\"\n >\n <span class=\"td-navigation-drawer-label\">{{ email || name }}</span>\n <button\n mat-icon-button\n class=\"td-navigation-drawer-menu-button\"\n *ngIf=\"isMenuAvailable\"\n >\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", 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{flex-direction:column;height:auto!important;display:block!important}:host mat-toolbar .td-navigation-drawer-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host mat-toolbar .td-navigation-drawer-toolbar-content .td-nagivation-drawer-toolbar-avatar{border-radius:50%;height:60px;width:60px;margin:0 12px 12px 0}:host mat-toolbar .td-navigation-drawer-toolbar-content .td-navigation-drawer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host mat-toolbar .td-navigation-drawer-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host mat-toolbar .td-navigation-drawer-menu-toggle{flex-direction:row;box-sizing:border-box;display:flex}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-menu-button{height:24px;line-height:24px;width:24px}:host>div{overflow:hidden}\n"] }]
890
+ }], ctorParameters: function () {
891
+ return [{ type: TdLayoutComponent, decorators: [{
892
+ type: Inject,
893
+ args: [forwardRef(() => TdLayoutComponent)]
894
+ }] }, { type: i1$1.Router, decorators: [{
895
+ type: Optional
896
+ }] }, { type: i2$1.DomSanitizer }];
897
+ }, propDecorators: { _drawerMenu: [{
898
+ type: ContentChildren,
899
+ args: [TdNavigationDrawerMenuDirective, { descendants: true }]
900
+ }], _toolbar: [{
901
+ type: ContentChildren,
902
+ args: [TdNavigationDrawerToolbarDirective, { descendants: true }]
903
+ }], sidenavTitle: [{
904
+ type: Input
905
+ }], icon: [{
906
+ type: Input
907
+ }], logo: [{
908
+ type: Input
909
+ }], avatar: [{
910
+ type: Input
911
+ }], color: [{
912
+ type: Input
913
+ }], navigationRoute: [{
914
+ type: Input
915
+ }], backgroundUrl: [{
916
+ type: Input
917
+ }], name: [{
918
+ type: Input
919
+ }], email: [{
920
+ type: Input
921
+ }] } });
922
+
923
+ const TD_LAYOUTS = [
924
+ TdLayoutComponent,
925
+ TdLayoutToggleDirective,
926
+ TdLayoutCloseDirective,
927
+ TdLayoutOpenDirective,
928
+ TdLayoutNavComponent,
929
+ TdLayoutNavListComponent,
930
+ TdLayoutNavListToggleDirective,
931
+ TdLayoutNavListCloseDirective,
932
+ TdLayoutNavListOpenDirective,
933
+ TdLayoutCardOverComponent,
934
+ TdLayoutManageListComponent,
935
+ TdLayoutManageListToggleDirective,
936
+ TdLayoutManageListCloseDirective,
937
+ TdLayoutManageListOpenDirective,
938
+ TdLayoutFooterComponent,
939
+ TdNavigationDrawerComponent,
940
+ TdNavigationDrawerMenuDirective,
941
+ TdNavigationDrawerToolbarDirective,
942
+ ];
943
+ class CovalentLayoutModule {
944
+ }
945
+ CovalentLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
946
+ CovalentLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentLayoutModule, declarations: [TdLayoutComponent,
947
+ TdLayoutToggleDirective,
948
+ TdLayoutCloseDirective,
949
+ TdLayoutOpenDirective,
950
+ TdLayoutNavComponent,
951
+ TdLayoutNavListComponent,
952
+ TdLayoutNavListToggleDirective,
953
+ TdLayoutNavListCloseDirective,
954
+ TdLayoutNavListOpenDirective,
955
+ TdLayoutCardOverComponent,
956
+ TdLayoutManageListComponent,
957
+ TdLayoutManageListToggleDirective,
958
+ TdLayoutManageListCloseDirective,
959
+ TdLayoutManageListOpenDirective,
960
+ TdLayoutFooterComponent,
961
+ TdNavigationDrawerComponent,
962
+ TdNavigationDrawerMenuDirective,
963
+ TdNavigationDrawerToolbarDirective], imports: [CommonModule,
964
+ ScrollingModule,
965
+ MatSidenavModule,
966
+ MatToolbarModule,
967
+ MatButtonModule,
968
+ MatIconModule,
969
+ MatCardModule,
970
+ MatDividerModule,
971
+ CovalentMenuModule], exports: [TdLayoutComponent,
972
+ TdLayoutToggleDirective,
973
+ TdLayoutCloseDirective,
974
+ TdLayoutOpenDirective,
975
+ TdLayoutNavComponent,
976
+ TdLayoutNavListComponent,
977
+ TdLayoutNavListToggleDirective,
978
+ TdLayoutNavListCloseDirective,
979
+ TdLayoutNavListOpenDirective,
980
+ TdLayoutCardOverComponent,
981
+ TdLayoutManageListComponent,
982
+ TdLayoutManageListToggleDirective,
983
+ TdLayoutManageListCloseDirective,
984
+ TdLayoutManageListOpenDirective,
985
+ TdLayoutFooterComponent,
986
+ TdNavigationDrawerComponent,
987
+ TdNavigationDrawerMenuDirective,
988
+ TdNavigationDrawerToolbarDirective] });
989
+ CovalentLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentLayoutModule, imports: [[
990
+ CommonModule,
991
+ ScrollingModule,
992
+ MatSidenavModule,
993
+ MatToolbarModule,
994
+ MatButtonModule,
995
+ MatIconModule,
996
+ MatCardModule,
997
+ MatDividerModule,
998
+ CovalentMenuModule,
999
+ ]] });
1000
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentLayoutModule, decorators: [{
1001
+ type: NgModule,
1002
+ args: [{
1003
+ imports: [
1004
+ CommonModule,
1005
+ ScrollingModule,
1006
+ MatSidenavModule,
1007
+ MatToolbarModule,
1008
+ MatButtonModule,
1009
+ MatIconModule,
1010
+ MatCardModule,
1011
+ MatDividerModule,
1012
+ CovalentMenuModule,
1013
+ ],
1014
+ declarations: [...TD_LAYOUTS],
1015
+ exports: [...TD_LAYOUTS],
1016
+ }]
1017
+ }] });
1018
+
1019
+ /**
1020
+ * Generated bundle index. Do not edit.
1021
+ */
1022
+
1023
+ export { BaseLayoutToggleDirective, CovalentLayoutModule, LayoutToggleBase, TdLayoutCardOverComponent, TdLayoutCloseDirective, TdLayoutComponent, TdLayoutFooterComponent, TdLayoutManageListCloseDirective, TdLayoutManageListComponent, TdLayoutManageListOpenDirective, TdLayoutManageListToggleDirective, TdLayoutNavComponent, TdLayoutNavListCloseDirective, TdLayoutNavListComponent, TdLayoutNavListOpenDirective, TdLayoutNavListToggleDirective, TdLayoutOpenDirective, TdLayoutToggleDirective, TdNavigationDrawerComponent, TdNavigationDrawerMenuDirective, TdNavigationDrawerToolbarDirective, _TdLayoutToggleMixinBase };
1024
+ //# sourceMappingURL=covalent-core-layout.mjs.map