@covalent/core 4.0.0-beta.1 → 4.1.1-beta.3

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 (369) hide show
  1. package/README.md +4 -38
  2. package/breadcrumbs/README.md +21 -17
  3. package/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +3 -1
  4. package/breadcrumbs/breadcrumbs.component.d.ts +1 -0
  5. package/breadcrumbs/covalent-core-breadcrumbs.d.ts +1 -1
  6. package/breadcrumbs/{public-api.d.ts → public_api.d.ts} +0 -0
  7. package/common/README.md +3 -0
  8. package/common/_common-theme.scss +1 -1
  9. package/common/behaviors/disable-ripple.mixin.d.ts +1 -1
  10. package/common/behaviors/disabled.mixin.d.ts +1 -1
  11. package/common/covalent-core-common.d.ts +1 -1
  12. package/common/pipes/truncate/truncate.pipe.d.ts +1 -1
  13. package/common/{public-api.d.ts → public_api.d.ts} +0 -0
  14. package/common/styles/font/README.md +4 -2
  15. package/covalent-core.d.ts +1 -1
  16. package/dialogs/README.md +38 -30
  17. package/dialogs/alert-dialog/alert-dialog.component.d.ts +3 -3
  18. package/dialogs/confirm-dialog/confirm-dialog.component.d.ts +2 -2
  19. package/dialogs/covalent-core-dialogs.d.ts +1 -1
  20. package/dialogs/dialog.component.d.ts +4 -4
  21. package/dialogs/dialogs.module.d.ts +1 -1
  22. package/dialogs/prompt-dialog/prompt-dialog.component.d.ts +3 -3
  23. package/dialogs/{public-api.d.ts → public_api.d.ts} +0 -0
  24. package/dialogs/src/README.md +223 -0
  25. package/dialogs/window-dialog/window-dialog.component.d.ts +5 -5
  26. package/dynamic-menu/README.md +6 -6
  27. package/dynamic-menu/covalent-core-dynamic-menu.d.ts +1 -1
  28. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.d.ts +1 -1
  29. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.d.ts +1 -1
  30. package/dynamic-menu/dynamic-menu.component.d.ts +1 -22
  31. package/dynamic-menu/dynamic-menu.menu.d.ts +22 -0
  32. package/dynamic-menu/public_api.d.ts +1 -0
  33. package/esm2020/breadcrumbs/breadcrumb/breadcrumb.component.mjs +21 -37
  34. package/esm2020/breadcrumbs/breadcrumbs.component.mjs +20 -25
  35. package/esm2020/breadcrumbs/breadcrumbs.module.mjs +12 -13
  36. package/esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs +2 -2
  37. package/esm2020/breadcrumbs/public_api.mjs +4 -0
  38. package/esm2020/common/animations/bounce/bounce.animation.mjs +1 -1
  39. package/esm2020/common/animations/collapse/collapse.animation.mjs +1 -1
  40. package/esm2020/common/animations/common/interfaces.mjs +1 -1
  41. package/esm2020/common/animations/fade/fadeInOut.animation.mjs +1 -1
  42. package/esm2020/common/animations/flash/flash.animation.mjs +1 -1
  43. package/esm2020/common/animations/headshake/headshake.animation.mjs +17 -5
  44. package/esm2020/common/animations/jello/jello.animation.mjs +29 -8
  45. package/esm2020/common/animations/pulse/pulse.animation.mjs +1 -1
  46. package/esm2020/common/animations/rotate/rotate.animation.mjs +7 -2
  47. package/esm2020/common/behaviors/control-value-accesor.mixin.mjs +4 -2
  48. package/esm2020/common/behaviors/disable-ripple.mixin.mjs +1 -1
  49. package/esm2020/common/behaviors/disabled.mixin.mjs +1 -1
  50. package/esm2020/common/common.module.mjs +14 -15
  51. package/esm2020/common/covalent-core-common.mjs +2 -2
  52. package/esm2020/common/directives/fullscreen/fullscreen.directive.mjs +41 -41
  53. package/esm2020/common/forms/auto-trim/auto-trim.directive.mjs +19 -19
  54. package/esm2020/common/forms/validators/validators.mjs +6 -6
  55. package/esm2020/common/functions/clipboard.mjs +1 -1
  56. package/esm2020/common/functions/convert.mjs +1 -1
  57. package/esm2020/common/functions/download.mjs +1 -1
  58. package/esm2020/common/functions/file.mjs +1 -1
  59. package/esm2020/common/pipes/bytes/bytes.pipe.mjs +21 -11
  60. package/esm2020/common/pipes/decimal-bytes/decimal-bytes.pipe.mjs +21 -11
  61. package/esm2020/common/pipes/digits/digits.pipe.mjs +13 -13
  62. package/esm2020/common/pipes/time-ago/time-ago.pipe.mjs +9 -9
  63. package/esm2020/common/pipes/time-difference/time-difference.pipe.mjs +9 -9
  64. package/esm2020/common/pipes/time-until/time-until.pipe.mjs +9 -9
  65. package/esm2020/common/pipes/truncate/truncate.pipe.mjs +10 -10
  66. package/esm2020/common/public_api.mjs +39 -0
  67. package/esm2020/common/services/icon.service.mjs +6 -6
  68. package/esm2020/common/services/router-path.service.mjs +6 -6
  69. package/esm2020/covalent-core.mjs +2 -2
  70. package/esm2020/dialogs/alert-dialog/alert-dialog.component.mjs +9 -40
  71. package/esm2020/dialogs/confirm-dialog/confirm-dialog.component.mjs +9 -49
  72. package/esm2020/dialogs/covalent-core-dialogs.mjs +2 -2
  73. package/esm2020/dialogs/dialog.component.mjs +35 -76
  74. package/esm2020/dialogs/dialogs.module.mjs +39 -36
  75. package/esm2020/dialogs/prompt-dialog/prompt-dialog.component.mjs +15 -73
  76. package/esm2020/dialogs/public_api.mjs +9 -0
  77. package/esm2020/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.mjs +27 -10
  78. package/esm2020/dialogs/services/dialog.service.mjs +16 -13
  79. package/esm2020/dialogs/window-dialog/window-dialog.component.mjs +24 -55
  80. package/esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs +2 -2
  81. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.mjs +19 -136
  82. package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.mjs +14 -103
  83. package/esm2020/dynamic-menu/dynamic-menu.component.mjs +18 -101
  84. package/esm2020/dynamic-menu/dynamic-menu.menu.mjs +2 -0
  85. package/esm2020/dynamic-menu/dynamic-menu.module.mjs +44 -19
  86. package/esm2020/dynamic-menu/public_api.mjs +2 -1
  87. package/esm2020/file/covalent-core-file.mjs +2 -2
  88. package/esm2020/file/directives/file-drop.directive.mjs +46 -47
  89. package/esm2020/file/directives/file-select.directive.mjs +32 -31
  90. package/esm2020/file/file-input/file-input.component.mjs +67 -72
  91. package/esm2020/file/file-upload/file-upload.component.mjs +76 -112
  92. package/esm2020/file/file.module.mjs +32 -17
  93. package/esm2020/file/public_api.mjs +7 -0
  94. package/esm2020/file/services/file.service.mjs +13 -11
  95. package/esm2020/json-formatter/collapse.animation.mjs +51 -0
  96. package/esm2020/json-formatter/covalent-core-json-formatter.mjs +2 -2
  97. package/esm2020/json-formatter/json-formatter.component.mjs +38 -123
  98. package/esm2020/json-formatter/json-formatter.module.mjs +12 -13
  99. package/esm2020/json-formatter/public_api.mjs +3 -0
  100. package/esm2020/layout/covalent-core-layout.mjs +2 -2
  101. package/esm2020/layout/layout-card-over/layout-card-over.component.mjs +17 -64
  102. package/esm2020/layout/layout-footer/layout-footer.component.mjs +9 -14
  103. package/esm2020/layout/layout-manage-list/layout-manage-list.component.mjs +18 -47
  104. package/esm2020/layout/layout-manage-list/layout-manage-list.directives.mjs +47 -53
  105. package/esm2020/layout/layout-nav/layout-nav.component.mjs +22 -84
  106. package/esm2020/layout/layout-nav-list/layout-nav-list.component.mjs +33 -120
  107. package/esm2020/layout/layout-nav-list/layout-nav-list.directives.mjs +47 -53
  108. package/esm2020/layout/layout-toggle.class.mjs +13 -15
  109. package/esm2020/layout/layout.component.mjs +18 -39
  110. package/esm2020/layout/layout.directives.mjs +48 -50
  111. package/esm2020/layout/layout.module.mjs +34 -35
  112. package/esm2020/layout/navigation-drawer/navigation-drawer.component.mjs +56 -201
  113. package/esm2020/layout/public_api.mjs +13 -0
  114. package/esm2020/menu/covalent-core-menu.mjs +2 -2
  115. package/esm2020/menu/menu.component.mjs +7 -18
  116. package/esm2020/menu/menu.module.mjs +12 -13
  117. package/esm2020/menu/public_api.mjs +3 -0
  118. package/esm2020/message/collapse.animation.mjs +51 -0
  119. package/esm2020/message/covalent-core-message.mjs +2 -2
  120. package/esm2020/message/message.component.mjs +44 -102
  121. package/esm2020/message/message.module.mjs +19 -15
  122. package/esm2020/message/public_api.mjs +3 -0
  123. package/esm2020/public_api.mjs +2 -0
  124. package/esm2020/search/covalent-core-search.mjs +2 -2
  125. package/esm2020/search/public_api.mjs +4 -0
  126. package/esm2020/search/search-box/search-box.component.mjs +97 -123
  127. package/esm2020/search/search-input/search-input.component.mjs +116 -153
  128. package/esm2020/search/search.module.mjs +28 -13
  129. package/esm2020/side-sheet/covalent-core-side-sheet.mjs +2 -2
  130. package/esm2020/side-sheet/public_api.mjs +6 -0
  131. package/esm2020/side-sheet/side-sheet-container.mjs +89 -57
  132. package/esm2020/side-sheet/side-sheet-ref.mjs +2 -2
  133. package/esm2020/side-sheet/side-sheet.animation.mjs +2 -2
  134. package/esm2020/side-sheet/side-sheet.config.mjs +1 -1
  135. package/esm2020/side-sheet/side-sheet.content-directives.mjs +109 -86
  136. package/esm2020/side-sheet/side-sheet.mjs +44 -31
  137. package/esm2020/side-sheet/side-sheet.module.mjs +37 -38
  138. package/esm2020/user-profile/covalent-core-user-profile.mjs +2 -2
  139. package/esm2020/user-profile/public_api.mjs +1 -1
  140. package/esm2020/user-profile/user-profile-menu/user-profile-menu.component.mjs +13 -64
  141. package/esm2020/user-profile/user-profile.component.mjs +13 -35
  142. package/esm2020/user-profile/user-profile.module.mjs +32 -14
  143. package/fesm2015/covalent-core-breadcrumbs.mjs +35 -76
  144. package/fesm2015/covalent-core-breadcrumbs.mjs.map +1 -1
  145. package/fesm2015/covalent-core-common.mjs +170 -140
  146. package/fesm2015/covalent-core-common.mjs.map +1 -1
  147. package/fesm2015/covalent-core-dialogs.mjs +125 -358
  148. package/fesm2015/covalent-core-dialogs.mjs.map +1 -1
  149. package/fesm2015/covalent-core-dynamic-menu.mjs +73 -425
  150. package/fesm2015/covalent-core-dynamic-menu.mjs.map +1 -1
  151. package/fesm2015/covalent-core-file.mjs +175 -237
  152. package/fesm2015/covalent-core-file.mjs.map +1 -1
  153. package/fesm2015/covalent-core-json-formatter.mjs +93 -148
  154. package/fesm2015/covalent-core-json-formatter.mjs.map +1 -1
  155. package/fesm2015/covalent-core-layout.mjs +183 -735
  156. package/fesm2015/covalent-core-layout.mjs.map +1 -1
  157. package/fesm2015/covalent-core-menu.mjs +10 -28
  158. package/fesm2015/covalent-core-menu.mjs.map +1 -1
  159. package/fesm2015/covalent-core-message.mjs +79 -104
  160. package/fesm2015/covalent-core-message.mjs.map +1 -1
  161. package/fesm2015/covalent-core-search.mjs +147 -227
  162. package/fesm2015/covalent-core-search.mjs.map +1 -1
  163. package/fesm2015/covalent-core-side-sheet.mjs +202 -173
  164. package/fesm2015/covalent-core-side-sheet.mjs.map +1 -1
  165. package/fesm2015/covalent-core-user-profile.mjs +38 -114
  166. package/fesm2015/covalent-core-user-profile.mjs.map +1 -1
  167. package/fesm2015/covalent-core.mjs.map +1 -1
  168. package/fesm2020/covalent-core-breadcrumbs.mjs +49 -71
  169. package/fesm2020/covalent-core-breadcrumbs.mjs.map +1 -1
  170. package/fesm2020/covalent-core-common.mjs +224 -165
  171. package/fesm2020/covalent-core-common.mjs.map +1 -1
  172. package/fesm2020/covalent-core-dialogs.mjs +160 -338
  173. package/fesm2020/covalent-core-dialogs.mjs.map +1 -1
  174. package/fesm2020/covalent-core-dynamic-menu.mjs +89 -354
  175. package/fesm2020/covalent-core-dynamic-menu.mjs.map +1 -1
  176. package/fesm2020/covalent-core-file.mjs +255 -277
  177. package/fesm2020/covalent-core-file.mjs.map +1 -1
  178. package/fesm2020/covalent-core-json-formatter.mjs +97 -133
  179. package/fesm2020/covalent-core-json-formatter.mjs.map +1 -1
  180. package/fesm2020/covalent-core-layout.mjs +342 -755
  181. package/fesm2020/covalent-core-layout.mjs.map +1 -1
  182. package/fesm2020/covalent-core-menu.mjs +17 -29
  183. package/fesm2020/covalent-core-menu.mjs.map +1 -1
  184. package/fesm2020/covalent-core-message.mjs +110 -114
  185. package/fesm2020/covalent-core-message.mjs.map +1 -1
  186. package/fesm2020/covalent-core-search.mjs +233 -281
  187. package/fesm2020/covalent-core-search.mjs.map +1 -1
  188. package/fesm2020/covalent-core-side-sheet.mjs +267 -200
  189. package/fesm2020/covalent-core-side-sheet.mjs.map +1 -1
  190. package/fesm2020/covalent-core-user-profile.mjs +54 -109
  191. package/fesm2020/covalent-core-user-profile.mjs.map +1 -1
  192. package/fesm2020/covalent-core.mjs.map +1 -1
  193. package/file/_file-theme.scss +2 -1
  194. package/file/covalent-core-file.d.ts +1 -1
  195. package/file/directives/file-drop.directive.d.ts +6 -7
  196. package/file/directives/file-select.directive.d.ts +2 -2
  197. package/file/file-input/file-input.component.d.ts +19 -12
  198. package/file/file-upload/file-upload.component.d.ts +16 -9
  199. package/file/{public-api.d.ts → public_api.d.ts} +0 -0
  200. package/file/{file-input → src/file-input}/README.md +46 -37
  201. package/file/{file-upload → src/file-upload}/README.md +36 -27
  202. package/json-formatter/README.md +8 -8
  203. package/json-formatter/collapse.animation.d.ts +24 -0
  204. package/json-formatter/covalent-core-json-formatter.d.ts +1 -1
  205. package/json-formatter/json-formatter.component.d.ts +4 -4
  206. package/json-formatter/{public-api.d.ts → public_api.d.ts} +0 -0
  207. package/layout/README.md +48 -50
  208. package/layout/covalent-core-layout.d.ts +1 -1
  209. package/layout/layout-card-over/layout-card-over.component.d.ts +3 -3
  210. package/layout/layout-footer/layout-footer.component.d.ts +3 -3
  211. package/layout/layout-manage-list/layout-manage-list.directives.d.ts +5 -5
  212. package/layout/layout-nav/layout-nav.component.d.ts +5 -5
  213. package/layout/layout-nav-list/layout-nav-list.component.d.ts +5 -5
  214. package/layout/layout-nav-list/layout-nav-list.directives.d.ts +5 -5
  215. package/layout/layout-toggle.class.d.ts +1 -1
  216. package/layout/layout.directives.d.ts +2 -2
  217. package/layout/navigation-drawer/navigation-drawer.component.d.ts +12 -12
  218. package/layout/{public-api.d.ts → public_api.d.ts} +0 -0
  219. package/layout/{layout-card-over → src/layout-card-over}/README.md +19 -17
  220. package/layout/{layout-manage-list → src/layout-manage-list}/README.md +24 -28
  221. package/layout/src/layout-nav/README.md +50 -0
  222. package/layout/{layout-nav-list → src/layout-nav-list}/README.md +44 -40
  223. package/menu/covalent-core-menu.d.ts +1 -1
  224. package/menu/{public-api.d.ts → public_api.d.ts} +0 -0
  225. package/message/README.md +26 -18
  226. package/message/collapse.animation.d.ts +24 -0
  227. package/message/covalent-core-message.d.ts +1 -1
  228. package/message/message.component.d.ts +4 -4
  229. package/message/{public-api.d.ts → public_api.d.ts} +0 -0
  230. package/package.json +25 -54
  231. package/{index.d.ts → public_api.d.ts} +0 -0
  232. package/search/README.md +74 -73
  233. package/search/covalent-core-search.d.ts +1 -1
  234. package/search/{public-api.d.ts → public_api.d.ts} +0 -0
  235. package/search/search-box/search-box.component.d.ts +10 -6
  236. package/search/search-input/search-input.component.d.ts +10 -6
  237. package/search/src/search-box/README.md +73 -0
  238. package/search/src/search-input/README.md +74 -0
  239. package/side-sheet/README.md +3 -5
  240. package/side-sheet/{side-sheet.theme.scss → _side-sheet.theme.scss} +0 -0
  241. package/side-sheet/covalent-core-side-sheet.d.ts +1 -1
  242. package/side-sheet/{public-api.d.ts → public_api.d.ts} +0 -0
  243. package/side-sheet/side-sheet-container.d.ts +18 -7
  244. package/side-sheet/side-sheet.content-directives.d.ts +22 -16
  245. package/side-sheet/side-sheet.d.ts +2 -2
  246. package/side-sheet/side-sheet.module.d.ts +1 -1
  247. package/user-profile/README.md +5 -5
  248. package/user-profile/covalent-core-user-profile.d.ts +1 -1
  249. package/user-profile/user-profile-menu/user-profile-menu.component.d.ts +2 -2
  250. package/user-profile/user-profile.component.d.ts +2 -2
  251. package/breadcrumbs/breadcrumb/breadcrumb.component.scss +0 -25
  252. package/breadcrumbs/breadcrumbs.component.scss +0 -8
  253. package/breadcrumbs/index.d.ts +0 -1
  254. package/common/index.d.ts +0 -1
  255. package/common/material-icons.css +0 -111
  256. package/common/material-icons.css.map +0 -1
  257. package/common/material-icons.scss +0 -3
  258. package/common/platform.css +0 -16819
  259. package/common/platform.css.map +0 -1
  260. package/common/platform.scss +0 -7
  261. package/common/styles/_elevation.scss +0 -280
  262. package/common/styles/_layout.scss +0 -605
  263. package/common/styles/_palette-dark.scss +0 -326
  264. package/common/styles/_palette-light.scss +0 -637
  265. package/common/styles/_rtl.scss +0 -31
  266. package/common/styles/_styles.scss +0 -10
  267. package/common/styles/_theme-functions.scss +0 -25
  268. package/common/styles/_typography-functions.scss +0 -35
  269. package/common/styles/_variables.scss +0 -98
  270. package/common/styles/colors/_colors-dark.scss +0 -1399
  271. package/common/styles/colors/_colors-light.scss +0 -3235
  272. package/common/styles/colors/_colors.scss +0 -7
  273. package/common/styles/core/_button.scss +0 -60
  274. package/common/styles/core/_card.scss +0 -184
  275. package/common/styles/core/_content.scss +0 -43
  276. package/common/styles/core/_core.scss +0 -23
  277. package/common/styles/core/_divider.scss +0 -16
  278. package/common/styles/core/_icons.scss +0 -22
  279. package/common/styles/core/_list.scss +0 -8
  280. package/common/styles/core/_sidenav.scss +0 -22
  281. package/common/styles/core/_structure.scss +0 -127
  282. package/common/styles/core/_toolbar.scss +0 -53
  283. package/common/styles/core/_whiteframe.scss +0 -130
  284. package/common/styles/font/MaterialIcons-Regular-v48.woff2 +0 -0
  285. package/common/styles/font/_font.scss +0 -99
  286. package/common/styles/utilities/_general.scss +0 -65
  287. package/common/styles/utilities/_pad.scss +0 -36
  288. package/common/styles/utilities/_pull.scss +0 -36
  289. package/common/styles/utilities/_push.scss +0 -36
  290. package/common/styles/utilities/_size.scss +0 -24
  291. package/common/styles/utilities/_text.scss +0 -105
  292. package/common/styles/utilities/_utilities.scss +0 -15
  293. package/dialogs/alert-dialog/alert-dialog.component.scss +0 -3
  294. package/dialogs/confirm-dialog/confirm-dialog.component.scss +0 -3
  295. package/dialogs/dialog.component.scss +0 -49
  296. package/dialogs/index.d.ts +0 -1
  297. package/dialogs/prompt-dialog/prompt-dialog.component.scss +0 -16
  298. package/dialogs/window-dialog/window-dialog.component.scss +0 -31
  299. package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.scss +0 -7
  300. package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.scss +0 -13
  301. package/dynamic-menu/dynamic-menu.component.scss +0 -0
  302. package/dynamic-menu/index.d.ts +0 -1
  303. package/esm2020/breadcrumbs/index.mjs +0 -2
  304. package/esm2020/breadcrumbs/public-api.mjs +0 -4
  305. package/esm2020/common/index.mjs +0 -2
  306. package/esm2020/common/public-api.mjs +0 -39
  307. package/esm2020/dialogs/index.mjs +0 -2
  308. package/esm2020/dialogs/public-api.mjs +0 -9
  309. package/esm2020/dynamic-menu/index.mjs +0 -2
  310. package/esm2020/file/index.mjs +0 -2
  311. package/esm2020/file/public-api.mjs +0 -7
  312. package/esm2020/index.mjs +0 -2
  313. package/esm2020/json-formatter/index.mjs +0 -2
  314. package/esm2020/json-formatter/public-api.mjs +0 -3
  315. package/esm2020/layout/index.mjs +0 -2
  316. package/esm2020/layout/public-api.mjs +0 -13
  317. package/esm2020/menu/index.mjs +0 -2
  318. package/esm2020/menu/public-api.mjs +0 -3
  319. package/esm2020/message/index.mjs +0 -2
  320. package/esm2020/message/public-api.mjs +0 -3
  321. package/esm2020/search/index.mjs +0 -2
  322. package/esm2020/search/public-api.mjs +0 -4
  323. package/esm2020/side-sheet/index.mjs +0 -2
  324. package/esm2020/side-sheet/public-api.mjs +0 -6
  325. package/esm2020/user-profile/index.mjs +0 -2
  326. package/file/file-input/file-input.component.scss +0 -22
  327. package/file/file-upload/file-upload.component.scss +0 -34
  328. package/file/index.d.ts +0 -1
  329. package/json-formatter/index.d.ts +0 -1
  330. package/json-formatter/json-formatter.component.scss +0 -74
  331. package/layout/index.d.ts +0 -1
  332. package/layout/layout-card-over/layout-card-over.component.scss +0 -45
  333. package/layout/layout-footer/layout-footer.component.scss +0 -4
  334. package/layout/layout-manage-list/layout-manage-list.component.scss +0 -82
  335. package/layout/layout-nav/README.md +0 -46
  336. package/layout/layout-nav/layout-nav.component.scss +0 -54
  337. package/layout/layout-nav-list/layout-nav-list.component.scss +0 -115
  338. package/layout/layout.component.scss +0 -16
  339. package/layout/navigation-drawer/navigation-drawer.component.scss +0 -81
  340. package/menu/index.d.ts +0 -1
  341. package/menu/menu.component.scss +0 -51
  342. package/message/index.d.ts +0 -1
  343. package/message/message.component.scss +0 -32
  344. package/schematics/README.md +0 -66
  345. package/schematics/ng-add/files/theme.scss +0 -64
  346. package/search/index.d.ts +0 -1
  347. package/search/search-box/README.md +0 -62
  348. package/search/search-box/search-box.component.scss +0 -37
  349. package/search/search-input/README.md +0 -65
  350. package/search/search-input/search-input.component.scss +0 -75
  351. package/side-sheet/index.d.ts +0 -1
  352. package/side-sheet/side-sheet.scss +0 -68
  353. package/theming/prebuilt/blue-grey-deep-orange.css +0 -2815
  354. package/theming/prebuilt/blue-grey-deep-orange.css.map +0 -1
  355. package/theming/prebuilt/blue-grey-deep-orange.scss +0 -20
  356. package/theming/prebuilt/blue-orange.css +0 -2815
  357. package/theming/prebuilt/blue-orange.css.map +0 -1
  358. package/theming/prebuilt/blue-orange.scss +0 -20
  359. package/theming/prebuilt/indigo-pink.css +0 -2815
  360. package/theming/prebuilt/indigo-pink.css.map +0 -1
  361. package/theming/prebuilt/indigo-pink.scss +0 -20
  362. package/theming/prebuilt/orange-light-blue.css +0 -2815
  363. package/theming/prebuilt/orange-light-blue.css.map +0 -1
  364. package/theming/prebuilt/orange-light-blue.scss +0 -20
  365. package/theming/prebuilt/teal-orange.css +0 -2815
  366. package/theming/prebuilt/teal-orange.css.map +0 -1
  367. package/theming/prebuilt/teal-orange.scss +0 -20
  368. package/user-profile/index.d.ts +0 -1
  369. package/user-profile/user-profile-menu/user-profile-menu.component.scss +0 -41
@@ -0,0 +1,74 @@
1
+ # TdSearchInputComponent: td-search-input
2
+
3
+ `td-search-input` element to generate a search input with its animated cancel button.
4
+
5
+ ## API Summary
6
+
7
+ #### Inputs
8
+
9
+ - debounce?: number
10
+ - Debounce timeout between keypresses. Defaults to 400.
11
+ - placeholder?: string
12
+ - Placeholder for the underlying input component.
13
+ - showUnderline?: boolean
14
+ - Sets if the input underline should be visible. Defaults to 'false'.
15
+ - clearIcon?: string
16
+ - The icon used to clear the search input. Defaults to 'cancel' icon.
17
+ - appearance?: MatFormFieldAppearance
18
+ - Appearance style for the underlying input component.
19
+
20
+ #### Events
21
+
22
+ - searchDebounce: function
23
+ - Event emitted after the [debounce] timeout.
24
+ - Emits a [string].
25
+ - search: function
26
+ - Event emitted after the key enter has been pressed.
27
+ - Emits a [string].
28
+ - clear: function
29
+ - Event emitted after the clear icon has been clicked.
30
+ - Emits [void].
31
+ - blur: function
32
+ - Event emitted after the blur event has been called in underlying input.
33
+ - Emits [void].
34
+
35
+ #### Methods
36
+
37
+ - focus: function
38
+ - Method to focus to underlying input.
39
+ - clearSearch: function
40
+ - Method to clear the underlying input.
41
+
42
+ ## Setup
43
+
44
+ Import the [CovalentSearchModule] in your NgModule:
45
+
46
+ ```typescript
47
+ import { CovalentSearchModule } from '@covalent/core/search';
48
+ @NgModule({
49
+ imports: [
50
+ CovalentSearchModule,
51
+ ...
52
+ ],
53
+ ...
54
+ })
55
+ export class MyModule {}
56
+ ```
57
+
58
+ ## Usage
59
+
60
+ Example for HTML usage:
61
+
62
+ ```html
63
+ <td-search-input
64
+ appearance="legacy|standard|fill|outline"
65
+ placeholder="Search here"
66
+ [(ngModel)]="searchInputTerm"
67
+ [showUnderline]="false|true"
68
+ [debounce]="500"
69
+ (searchDebounce)="searchInputTerm = $event"
70
+ (search)="searchInputTerm = $event"
71
+ (clear)="searchInputTerm = ''"
72
+ >
73
+ </td-search-input>
74
+ ```
@@ -42,7 +42,7 @@ Basic Example:
42
42
  import { ExampleSideSheetComponent } from './example.sidebar/example.sidesheet.component';
43
43
  import { CovalentSideSheet } from '.@covalent/core/side-sheet';
44
44
 
45
- export class AppComponent {
45
+ export class AppComponent {
46
46
  constructor(private sideSheet: CovalentSideSheet) {
47
47
  this.sideSheet.open(ExampleSidebarComponent);
48
48
  }
@@ -54,11 +54,9 @@ Example component html content with optional directives to support styling:
54
54
  ```html
55
55
  <span td-sidesheet-title>
56
56
  Side Sheet Title
57
- <button mat-icon-button td-sidesheet-close>close</button>
57
+ <button mat-icon-button td-sidesheet-close>close</button>
58
58
  </span>
59
- <td-side-sheet-content>
60
- Sidesheet Content
61
- </td-side-sheet-content>
59
+ <td-side-sheet-content> Sidesheet Content </td-side-sheet-content>
62
60
  <td-sidesheet-actions>
63
61
  <button mat-icon-button td-sidesheet-close>close</button>
64
62
  <button mat-icon-button td-sidesheet-close>save</button>
@@ -2,4 +2,4 @@
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
4
  /// <amd-module name="@covalent/core/side-sheet" />
5
- export * from './index';
5
+ export * from './public_api';
File without changes
@@ -1,5 +1,5 @@
1
1
  import { AnimationEvent } from '@angular/animations';
2
- import { FocusMonitor, FocusOrigin, FocusTrapFactory } from '@angular/cdk/a11y';
2
+ import { ConfigurableFocusTrapFactory, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
3
3
  import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, DomPortal, TemplatePortal } from '@angular/cdk/portal';
4
4
  import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, EventEmitter } from '@angular/core';
5
5
  import { CovalentSideSheetConfig } from './side-sheet.config';
@@ -11,7 +11,7 @@ export declare function _getFocusedElementPierceShadowDom(): HTMLElement | null;
11
11
  */
12
12
  export declare abstract class _CovalentSideSheetContainerBase extends BasePortalOutlet {
13
13
  protected _elementRef: ElementRef;
14
- protected _focusTrapFactory: FocusTrapFactory;
14
+ protected _focusTrapFactory: ConfigurableFocusTrapFactory;
15
15
  protected _changeDetectorRef: ChangeDetectorRef;
16
16
  /** The side-sheet configuration. */
17
17
  _config: CovalentSideSheetConfig;
@@ -38,9 +38,9 @@ export declare abstract class _CovalentSideSheetContainerBase extends BasePortal
38
38
  _ariaLabelledBy: string | null;
39
39
  /** ID for the container DOM element. */
40
40
  _id: string;
41
- constructor(_elementRef: ElementRef, _focusTrapFactory: FocusTrapFactory, _changeDetectorRef: ChangeDetectorRef, _document: any,
41
+ constructor(_elementRef: ElementRef, _focusTrapFactory: ConfigurableFocusTrapFactory, _changeDetectorRef: ChangeDetectorRef, _document: any,
42
42
  /** The side-sheet configuration. */
43
- _config: CovalentSideSheetConfig, _focusMonitor?: FocusMonitor);
43
+ _config: CovalentSideSheetConfig, _focusMonitor?: FocusMonitor | undefined);
44
44
  /** Starts the side-sheet exit animation. */
45
45
  abstract _startExitAnimation(): void;
46
46
  /** Initializes the side-sheet container with the attached content. */
@@ -85,15 +85,26 @@ export declare abstract class _CovalentSideSheetContainerBase extends BasePortal
85
85
  * Internal component that wraps the generated side-sheet content.
86
86
  * This animation below is the only reason for duplicating most of the Material dialog code
87
87
  */
88
- export declare class CovalentSideSheetContainer extends _CovalentSideSheetContainerBase {
88
+ export declare class CovalentSideSheetContainerComponent extends _CovalentSideSheetContainerBase {
89
89
  /** State of the side-sheet animation. */
90
90
  _state: 'void' | 'enter' | 'exit';
91
+ tdSideSheetContainerClass: boolean;
92
+ tabIndex: number;
93
+ arialModal: boolean;
94
+ idAttr: string;
95
+ roleAttr: import("@angular/material/dialog").DialogRole | undefined;
96
+ arialLabelByAttr: string | null;
97
+ arialDescribeByAttr: string | null;
98
+ arialLabelAttr: string | null | undefined;
99
+ get sideSheetAnimationState(): "enter" | "void" | "exit";
100
+ onAnimateStart($event: AnimationEvent): void;
101
+ onAnimateDone($event: AnimationEvent): void;
91
102
  /** Callback, invoked whenever an animation on the host completes. */
92
103
  _onAnimationDone({ toState, totalTime }: AnimationEvent): void;
93
104
  /** Callback, invoked when an animation on the host starts. */
94
105
  _onAnimationStart({ toState, totalTime }: AnimationEvent): void;
95
106
  /** Starts the side-sheet exit animation. */
96
107
  _startExitAnimation(): void;
97
- static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetContainer, never>;
98
- static ɵcmp: i0.ɵɵComponentDeclaration<CovalentSideSheetContainer, "td-side-sheet-container", never, {}, {}, never, never>;
108
+ static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetContainerComponent, never>;
109
+ static ɵcmp: i0.ɵɵComponentDeclaration<CovalentSideSheetContainerComponent, "td-side-sheet-container", never, {}, {}, never, never>;
99
110
  }
@@ -5,57 +5,63 @@ import * as i0 from "@angular/core";
5
5
  /**
6
6
  * Button that will close the current dialog.
7
7
  */
8
- export declare class CovalentSideSheetClose implements OnInit, OnChanges {
8
+ export declare class CovalentSideSheetCloseDirective implements OnInit, OnChanges {
9
9
  dialogRef: CovalentSideSheetRef<any>;
10
10
  private _elementRef;
11
11
  private _dialog;
12
12
  /** Screenreader label for the button. */
13
- ariaLabel: string;
13
+ ariaLabel?: string;
14
14
  /** Default to "button" to prevents accidental form submits. */
15
15
  type: 'submit' | 'button' | 'reset';
16
16
  /** Dialog close input. */
17
17
  dialogResult: any;
18
18
  _CovalentSideSheetClose: any;
19
+ onClick($event: MouseEvent): void;
19
20
  constructor(dialogRef: CovalentSideSheetRef<any>, _elementRef: ElementRef<HTMLElement>, _dialog: CovalentSideSheet);
20
21
  ngOnInit(): void;
21
22
  ngOnChanges(changes: SimpleChanges): void;
22
23
  _onButtonClick(event: MouseEvent): void;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetClose, [{ optional: true; }, null, null]>;
24
- static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetClose, "[td-side-sheet-close], [CovalentSideSheetClose]", ["CovalentSideSheetClose"], { "ariaLabel": "aria-label"; "type": "type"; "dialogResult": "td-side-sheet-close"; "_CovalentSideSheetClose": "CovalentSideSheetClose"; }, {}, never>;
24
+ static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetCloseDirective, [{ optional: true; }, null, null]>;
25
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetCloseDirective, "[td-side-sheet-close], [CovalentSideSheetClose]", ["CovalentSideSheetClose"], { "ariaLabel": "aria-label"; "type": "type"; "dialogResult": "td-side-sheet-close"; "_CovalentSideSheetClose": "CovalentSideSheetClose"; }, {}, never>;
25
26
  }
26
27
  /**
27
28
  * Title of a side sheet element. Stays fixed to the top of the side sheet when scrolling.
28
29
  */
29
- export declare class CovalentSideSheetTitle implements OnInit {
30
+ export declare class CovalentSideSheetTitleDirective implements OnInit {
30
31
  private _dialogRef;
31
32
  private _elementRef;
32
33
  private _dialog;
33
34
  /** Unique id for the dialog title. If none is supplied, it will be auto-generated. */
34
35
  id: string;
36
+ tdSideSheetTitle: boolean;
37
+ idAttr: string;
35
38
  constructor(_dialogRef: CovalentSideSheetRef<any>, _elementRef: ElementRef<HTMLElement>, _dialog: CovalentSideSheet);
36
39
  ngOnInit(): void;
37
- static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetTitle, [{ optional: true; }, null, null]>;
38
- static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetTitle, "[td-side-sheet-title], [CovalentSideSheetTitle]", ["CovalentSideSheetTitle"], { "id": "id"; }, {}, never>;
40
+ static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetTitleDirective, [{ optional: true; }, null, null]>;
41
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetTitleDirective, "[td-side-sheet-title], [CovalentSideSheetTitle]", ["CovalentSideSheetTitle"], { "id": "id"; }, {}, never>;
39
42
  }
40
43
  /**
41
44
  * Scrollable content container of a dialog.
42
45
  */
43
- export declare class CovalentSideSheetContent {
44
- static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetContent, never>;
45
- static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetContent, "[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]", never, {}, {}, never>;
46
+ export declare class CovalentSideSheetContentDirective {
47
+ tdSideSheetContent: boolean;
48
+ static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetContentDirective, never>;
49
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetContentDirective, "[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]", never, {}, {}, never>;
46
50
  }
47
51
  /**
48
52
  * Container for the bottom action buttons in a dialog.
49
53
  * Stays fixed to the bottom when scrolling.
50
54
  */
51
- export declare class CovalentSideSheetActions {
52
- static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetActions, never>;
53
- static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetActions, "[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]", never, {}, {}, never>;
55
+ export declare class CovalentSideSheetActionsDirective {
56
+ tdSideSheetActions: boolean;
57
+ static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetActionsDirective, never>;
58
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetActionsDirective, "[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]", never, {}, {}, never>;
54
59
  }
55
60
  /**
56
61
  * Container for the wrapper part of the dialog
57
62
  */
58
- export declare class CovalentSideSheetWrapper {
59
- static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetWrapper, never>;
60
- static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetWrapper, "[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]", never, {}, {}, never>;
63
+ export declare class CovalentSideSheetWrapperDirective {
64
+ tdSideSheetWrapper: boolean;
65
+ static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetWrapperDirective, never>;
66
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CovalentSideSheetWrapperDirective, "[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]", never, {}, {}, never>;
61
67
  }
@@ -1,7 +1,7 @@
1
1
  import { InjectionToken, Injector, OnDestroy, TemplateRef, Type } from '@angular/core';
2
2
  import { Overlay } from '@angular/cdk/overlay';
3
3
  import { ComponentType } from '@angular/cdk/portal';
4
- import { CovalentSideSheetContainer, _CovalentSideSheetContainerBase } from './side-sheet-container';
4
+ import { CovalentSideSheetContainerComponent, _CovalentSideSheetContainerBase } from './side-sheet-container';
5
5
  import { CovalentSideSheetRef } from './side-sheet-ref';
6
6
  import { CovalentSideSheetConfig } from './side-sheet.config';
7
7
  import * as i0 from "@angular/core";
@@ -59,7 +59,7 @@ export declare class _CovalentSideSheetBase<C extends _CovalentSideSheetContaine
59
59
  /**
60
60
  * Service to open Covalent Design side-sheet.
61
61
  */
62
- export declare class CovalentSideSheet extends _CovalentSideSheetBase<CovalentSideSheetContainer> {
62
+ export declare class CovalentSideSheet extends _CovalentSideSheetBase<CovalentSideSheetContainerComponent> {
63
63
  constructor(overlay: Overlay, injector: Injector, defaultOptions: CovalentSideSheetConfig, parentSideSheet: CovalentSideSheet);
64
64
  static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheet, [null, null, { optional: true; }, { optional: true; skipSelf: true; }]>;
65
65
  static ɵprov: i0.ɵɵInjectableDeclaration<CovalentSideSheet>;
@@ -6,6 +6,6 @@ import * as i4 from "@angular/material/dialog";
6
6
  import * as i5 from "@angular/material/core";
7
7
  export declare class CovalentSideSheetModule {
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentSideSheetModule, [typeof i1.CovalentSideSheetContainer, typeof i2.CovalentSideSheetActions, typeof i2.CovalentSideSheetClose, typeof i2.CovalentSideSheetContent, typeof i2.CovalentSideSheetTitle, typeof i2.CovalentSideSheetWrapper], [typeof i3.PortalModule, typeof i4.MatDialogModule, typeof i5.MatCommonModule], [typeof i2.CovalentSideSheetActions, typeof i2.CovalentSideSheetClose, typeof i2.CovalentSideSheetContent, typeof i2.CovalentSideSheetTitle, typeof i2.CovalentSideSheetWrapper]>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentSideSheetModule, [typeof i1.CovalentSideSheetContainerComponent, typeof i2.CovalentSideSheetActionsDirective, typeof i2.CovalentSideSheetCloseDirective, typeof i2.CovalentSideSheetContentDirective, typeof i2.CovalentSideSheetTitleDirective, typeof i2.CovalentSideSheetWrapperDirective], [typeof i3.PortalModule, typeof i4.MatDialogModule, typeof i5.MatCommonModule], [typeof i2.CovalentSideSheetActionsDirective, typeof i2.CovalentSideSheetCloseDirective, typeof i2.CovalentSideSheetContentDirective, typeof i2.CovalentSideSheetTitleDirective, typeof i2.CovalentSideSheetWrapperDirective]>;
10
10
  static ɵinj: i0.ɵɵInjectorDeclaration<CovalentSideSheetModule>;
11
11
  }
@@ -6,10 +6,10 @@
6
6
 
7
7
  #### Inputs
8
8
 
9
- + name?: string
10
- + name of the user.
11
- + email?: string
12
- + email of the user.
9
+ - name?: string
10
+ - name of the user.
11
+ - email?: string
12
+ - email of the user.
13
13
 
14
14
  ## Setup
15
15
 
@@ -36,7 +36,7 @@ Basic Example:
36
36
  </td-user-profile>
37
37
  ```
38
38
 
39
- Example with all inputs and projected content:
39
+ Example with all inputs and projected content:
40
40
 
41
41
  `[td-user-info-list]` is used to project content in the mat-list.
42
42
  `[td-user-action-list]` is used to project content in the mat-action-list.
@@ -2,4 +2,4 @@
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
4
  /// <amd-module name="@covalent/core/user-profile" />
5
- export * from './index';
5
+ export * from './public_api';
@@ -1,7 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
2
  export declare class TdUserProfileMenuComponent {
3
- email: string;
4
- name: string;
3
+ email?: string;
4
+ name?: string;
5
5
  _blockEvent(event: Event): void;
6
6
  static ɵfac: i0.ɵɵFactoryDeclaration<TdUserProfileMenuComponent, never>;
7
7
  static ɵcmp: i0.ɵɵComponentDeclaration<TdUserProfileMenuComponent, "td-user-profile-menu", never, { "email": "email"; "name": "name"; }, {}, never, ["[td-user-info-list]", "[td-user-action-list]"]>;
@@ -1,7 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
2
  export declare class TdUserProfileComponent {
3
- name: string;
4
- email: string;
3
+ name?: string;
4
+ email?: string;
5
5
  static ɵfac: i0.ɵɵFactoryDeclaration<TdUserProfileComponent, never>;
6
6
  static ɵcmp: i0.ɵɵComponentDeclaration<TdUserProfileComponent, "td-user-profile", never, { "name": "name"; "email": "email"; }, {}, never, ["[td-user-info-list]", "[td-user-action-list]"]>;
7
7
  }
@@ -1,25 +0,0 @@
1
- :host {
2
- &.td-breadcrumb {
3
- display: inline-block;
4
- box-sizing: border-box;
5
- flex-direction: row;
6
- align-items: center;
7
- align-content: center;
8
- max-width: 100%;
9
- justify-content: flex-end;
10
-
11
- ::ng-deep > * {
12
- margin: 0 10px;
13
- }
14
- }
15
-
16
- .td-breadcrumb-separator-icon {
17
- display: inline-flex;
18
- vertical-align: middle;
19
- }
20
-
21
- &.mat-button {
22
- min-width: 0;
23
- padding: 0;
24
- }
25
- }
@@ -1,8 +0,0 @@
1
- :host {
2
- display: block;
3
- width: 100%;
4
-
5
- &.td-breadcrumbs {
6
- white-space: nowrap;
7
- }
8
- }
@@ -1 +0,0 @@
1
- export * from './public-api';
package/common/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './public-api';
@@ -1,111 +0,0 @@
1
- /** Mixin to create distinct classes for fab positions, e.g. ".mat-fab-position-bottom-right". */
2
- /* stylelint-disable function-url-quotes, no-duplicate-selectors */
3
- /*
4
- *
5
- * Responsive attributes
6
- *
7
- * References:
8
- * 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
9
- * 2) https://css-tricks.com/almanac/properties/f/flex/
10
- * 3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
11
- * 4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
12
- * 5) http://godban.com.ua/projects/flexgrid
13
- *
14
- */
15
- @-moz-document url-prefix() {
16
- [layout-fill] {
17
- margin: 0;
18
- width: 100%;
19
- min-height: 100%;
20
- height: 100%;
21
- }
22
- }
23
- /* stylelint-disable selector-class-pattern */
24
- /* stylelint-enable selector-class-pattern */
25
- /* stylelint-disable selector-class-pattern */
26
- /* stylelint-enable selector-class-pattern */
27
- @font-face {
28
- font-family: "Material Icons";
29
- font-style: normal;
30
- font-weight: 400;
31
- src: url("styles/font/MaterialIcons-Regular-v48.woff2") format("woff2");
32
- }
33
- .material-icons {
34
- /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
35
- font-family: "Material Icons";
36
- font-weight: normal;
37
- font-style: normal;
38
- font-size: 24px;
39
- /* Preferred icon size */
40
- display: inline-block;
41
- width: 1em;
42
- height: 1em;
43
- line-height: 1;
44
- text-transform: none;
45
- letter-spacing: normal;
46
- word-wrap: normal;
47
- white-space: nowrap;
48
- direction: ltr;
49
- /* Support for all WebKit browsers. */
50
- -webkit-font-smoothing: antialiased;
51
- /* Support for Safari and Chrome. */
52
- text-rendering: optimizeLegibility;
53
- /* Support for Firefox. */
54
- -moz-osx-font-smoothing: grayscale;
55
- /* Support for IE. */
56
- font-feature-settings: "liga";
57
- }
58
-
59
- mat-icon.material-icons, mat-icon.material-icons.mat-icon {
60
- width: 1em;
61
- height: 1em;
62
- }
63
-
64
- .material-icons.md-18,
65
- .material-icons.mat-18 {
66
- font-size: 18px;
67
- height: 18px;
68
- width: 18px;
69
- }
70
-
71
- .material-icons.md-24,
72
- .material-icons.mat-24 {
73
- font-size: 24px;
74
- height: 24px;
75
- width: 24px;
76
- }
77
-
78
- .material-icons.md-36,
79
- .material-icons.mat-36 {
80
- font-size: 36px;
81
- height: 36px;
82
- width: 36px;
83
- }
84
-
85
- .material-icons.md-48,
86
- .material-icons.mat-48 {
87
- font-size: 48px;
88
- height: 48px;
89
- width: 48px;
90
- }
91
-
92
- .material-icons.md-dark,
93
- .material-icons.mat-dark {
94
- color: rgba(0, 0, 0, 0.54);
95
- }
96
-
97
- .material-icons.md-dark.md-inactive,
98
- .material-icons.mat-dark.mat-inactive {
99
- color: rgba(0, 0, 0, 0.26);
100
- }
101
-
102
- .material-icons.md-light,
103
- .material-icons.mat-light {
104
- color: white;
105
- }
106
-
107
- .material-icons.md-light.md-inactive,
108
- .material-icons.mat-light.mat-inactive {
109
- color: rgba(255, 255, 255, 0.3);
110
- }
111
- /*# sourceMappingURL=material-icons.css.map */