@covalent/core 2.0.2 → 2.1.0

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 (226) hide show
  1. package/breadcrumbs/covalent-core-breadcrumbs.metadata.json +1 -1
  2. package/bundles/covalent-core-breadcrumbs.umd.js +1 -1
  3. package/bundles/covalent-core-breadcrumbs.umd.min.js +1 -1
  4. package/bundles/covalent-core-breadcrumbs.umd.min.js.map +1 -1
  5. package/bundles/covalent-core-chips.umd.js +1 -1
  6. package/bundles/covalent-core-chips.umd.min.js +1 -1
  7. package/bundles/covalent-core-chips.umd.min.js.map +1 -1
  8. package/bundles/covalent-core-common.umd.js +251 -84
  9. package/bundles/covalent-core-common.umd.js.map +1 -1
  10. package/bundles/covalent-core-common.umd.min.js +1 -1
  11. package/bundles/covalent-core-common.umd.min.js.map +1 -1
  12. package/bundles/covalent-core-data-table.umd.js +4 -4
  13. package/bundles/covalent-core-data-table.umd.js.map +1 -1
  14. package/bundles/covalent-core-data-table.umd.min.js +1 -1
  15. package/bundles/covalent-core-data-table.umd.min.js.map +1 -1
  16. package/bundles/covalent-core-dialogs.umd.js +2 -2
  17. package/bundles/covalent-core-dialogs.umd.min.js +1 -1
  18. package/bundles/covalent-core-dialogs.umd.min.js.map +1 -1
  19. package/bundles/covalent-core-expansion-panel.umd.js +1 -1
  20. package/bundles/covalent-core-expansion-panel.umd.min.js +1 -1
  21. package/bundles/covalent-core-expansion-panel.umd.min.js.map +1 -1
  22. package/bundles/covalent-core-json-formatter.umd.js +1 -1
  23. package/bundles/covalent-core-json-formatter.umd.min.js +1 -1
  24. package/bundles/covalent-core-json-formatter.umd.min.js.map +1 -1
  25. package/bundles/covalent-core-layout.umd.js +8 -7
  26. package/bundles/covalent-core-layout.umd.js.map +1 -1
  27. package/bundles/covalent-core-layout.umd.min.js +1 -1
  28. package/bundles/covalent-core-layout.umd.min.js.map +1 -1
  29. package/bundles/covalent-core-loading.umd.js +1 -1
  30. package/bundles/covalent-core-loading.umd.min.js +1 -1
  31. package/bundles/covalent-core-loading.umd.min.js.map +1 -1
  32. package/bundles/covalent-core-menu.umd.js +1 -1
  33. package/bundles/covalent-core-menu.umd.min.js +1 -1
  34. package/bundles/covalent-core-menu.umd.min.js.map +1 -1
  35. package/bundles/covalent-core-message.umd.js +1 -1
  36. package/bundles/covalent-core-message.umd.min.js +1 -1
  37. package/bundles/covalent-core-message.umd.min.js.map +1 -1
  38. package/bundles/covalent-core-paging.umd.js +1 -1
  39. package/bundles/covalent-core-paging.umd.min.js +1 -1
  40. package/bundles/covalent-core-paging.umd.min.js.map +1 -1
  41. package/bundles/covalent-core-search.umd.js +5 -4
  42. package/bundles/covalent-core-search.umd.js.map +1 -1
  43. package/bundles/covalent-core-search.umd.min.js +1 -1
  44. package/bundles/covalent-core-search.umd.min.js.map +1 -1
  45. package/bundles/covalent-core-sidesheet.umd.js +137 -0
  46. package/bundles/covalent-core-sidesheet.umd.js.map +1 -0
  47. package/bundles/covalent-core-sidesheet.umd.min.js +2 -0
  48. package/bundles/covalent-core-sidesheet.umd.min.js.map +1 -0
  49. package/bundles/covalent-core-steps.umd.js +5 -5
  50. package/bundles/covalent-core-steps.umd.min.js +1 -1
  51. package/bundles/covalent-core-steps.umd.min.js.map +1 -1
  52. package/bundles/covalent-core-tab-select.umd.js +3 -2
  53. package/bundles/covalent-core-tab-select.umd.js.map +1 -1
  54. package/bundles/covalent-core-tab-select.umd.min.js +1 -1
  55. package/bundles/covalent-core-tab-select.umd.min.js.map +1 -1
  56. package/bundles/covalent-core.umd.js +220 -62
  57. package/bundles/covalent-core.umd.js.map +1 -1
  58. package/bundles/covalent-core.umd.min.js +1 -1
  59. package/bundles/covalent-core.umd.min.js.map +1 -1
  60. package/chips/covalent-core-chips.metadata.json +1 -1
  61. package/common/covalent-core-common.d.ts +4 -3
  62. package/common/covalent-core-common.metadata.json +1 -1
  63. package/common/directives/fullscreen/fullscreen.directive.d.ts +22 -0
  64. package/covalent-core.d.ts +8 -7
  65. package/covalent-core.metadata.json +1 -1
  66. package/data-table/README.md +2 -2
  67. package/data-table/covalent-core-data-table.metadata.json +1 -1
  68. package/dialogs/covalent-core-dialogs.metadata.json +1 -1
  69. package/esm2015/breadcrumbs/breadcrumb/breadcrumb.component.js +1 -1
  70. package/esm2015/chips/chips.component.js +1 -1
  71. package/esm2015/common/common.module.js +8 -26
  72. package/esm2015/common/covalent-core-common.js +5 -4
  73. package/esm2015/common/directives/fullscreen/fullscreen.directive.js +136 -0
  74. package/esm2015/covalent-core.js +9 -8
  75. package/esm2015/data-table/data-table-cell/data-table-cell.component.js +1 -1
  76. package/esm2015/data-table/data-table-column/data-table-column.component.js +1 -1
  77. package/esm2015/data-table/data-table.component.js +3 -3
  78. package/esm2015/dialogs/dialog.component.js +1 -1
  79. package/esm2015/dialogs/prompt-dialog/prompt-dialog.component.js +1 -1
  80. package/esm2015/expansion-panel/expansion-panel.component.js +1 -1
  81. package/esm2015/json-formatter/json-formatter.component.js +1 -1
  82. package/esm2015/layout/layout-card-over/layout-card-over.component.js +1 -1
  83. package/esm2015/layout/layout-manage-list/layout-manage-list.component.js +1 -1
  84. package/esm2015/layout/layout-nav/layout-nav.component.js +1 -1
  85. package/esm2015/layout/layout-nav-list/layout-nav-list.component.js +1 -1
  86. package/esm2015/layout/layout.component.js +1 -1
  87. package/esm2015/layout/navigation-drawer/navigation-drawer.component.js +12 -3
  88. package/esm2015/loading/loading.component.js +1 -1
  89. package/esm2015/menu/menu.component.js +1 -1
  90. package/esm2015/message/message.component.js +1 -1
  91. package/esm2015/paging/paging-bar.component.js +1 -1
  92. package/esm2015/search/search-box/search-box.component.js +3 -3
  93. package/esm2015/search/search-input/search-input.component.js +10 -3
  94. package/esm2015/sidesheet/covalent-core-sidesheet.js +9 -0
  95. package/esm2015/sidesheet/index.js +6 -0
  96. package/esm2015/sidesheet/public-api.js +7 -0
  97. package/esm2015/sidesheet/sidesheet.component.js +70 -0
  98. package/esm2015/sidesheet/sidesheet.module.js +33 -0
  99. package/esm2015/steps/nav/nav-step-link/nav-step-link.component.js +1 -1
  100. package/esm2015/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +1 -1
  101. package/esm2015/steps/step-body/step-body.component.js +1 -1
  102. package/esm2015/steps/step-header/step-header.component.js +1 -1
  103. package/esm2015/steps/steps.component.js +1 -1
  104. package/esm2015/tab-select/tab-select.component.js +4 -3
  105. package/esm5/breadcrumbs/breadcrumb/breadcrumb.component.js +1 -1
  106. package/esm5/chips/chips.component.js +1 -1
  107. package/esm5/common/common.module.js +8 -26
  108. package/esm5/common/covalent-core-common.js +5 -4
  109. package/esm5/common/directives/fullscreen/fullscreen.directive.js +184 -0
  110. package/esm5/covalent-core.js +9 -8
  111. package/esm5/data-table/data-table-cell/data-table-cell.component.js +1 -1
  112. package/esm5/data-table/data-table-column/data-table-column.component.js +1 -1
  113. package/esm5/data-table/data-table.component.js +3 -3
  114. package/esm5/dialogs/dialog.component.js +1 -1
  115. package/esm5/dialogs/prompt-dialog/prompt-dialog.component.js +1 -1
  116. package/esm5/expansion-panel/expansion-panel.component.js +1 -1
  117. package/esm5/json-formatter/json-formatter.component.js +1 -1
  118. package/esm5/layout/layout-card-over/layout-card-over.component.js +1 -1
  119. package/esm5/layout/layout-manage-list/layout-manage-list.component.js +1 -1
  120. package/esm5/layout/layout-nav/layout-nav.component.js +1 -1
  121. package/esm5/layout/layout-nav-list/layout-nav-list.component.js +1 -1
  122. package/esm5/layout/layout.component.js +1 -1
  123. package/esm5/layout/navigation-drawer/navigation-drawer.component.js +12 -3
  124. package/esm5/loading/loading.component.js +1 -1
  125. package/esm5/menu/menu.component.js +1 -1
  126. package/esm5/message/message.component.js +1 -1
  127. package/esm5/paging/paging-bar.component.js +1 -1
  128. package/esm5/search/search-box/search-box.component.js +3 -3
  129. package/esm5/search/search-input/search-input.component.js +10 -3
  130. package/esm5/sidesheet/covalent-core-sidesheet.js +9 -0
  131. package/esm5/sidesheet/index.js +6 -0
  132. package/esm5/sidesheet/public-api.js +7 -0
  133. package/esm5/sidesheet/sidesheet.component.js +88 -0
  134. package/esm5/sidesheet/sidesheet.module.js +37 -0
  135. package/esm5/steps/nav/nav-step-link/nav-step-link.component.js +1 -1
  136. package/esm5/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +1 -1
  137. package/esm5/steps/step-body/step-body.component.js +1 -1
  138. package/esm5/steps/step-header/step-header.component.js +1 -1
  139. package/esm5/steps/steps.component.js +1 -1
  140. package/esm5/tab-select/tab-select.component.js +4 -3
  141. package/expansion-panel/covalent-core-expansion-panel.metadata.json +1 -1
  142. package/fesm2015/covalent-core-breadcrumbs.js +1 -1
  143. package/fesm2015/covalent-core-chips.js +1 -1
  144. package/fesm2015/covalent-core-common.js +114 -26
  145. package/fesm2015/covalent-core-common.js.map +1 -1
  146. package/fesm2015/covalent-core-data-table.js +4 -4
  147. package/fesm2015/covalent-core-data-table.js.map +1 -1
  148. package/fesm2015/covalent-core-dialogs.js +2 -2
  149. package/fesm2015/covalent-core-expansion-panel.js +1 -1
  150. package/fesm2015/covalent-core-json-formatter.js +1 -1
  151. package/fesm2015/covalent-core-layout.js +8 -7
  152. package/fesm2015/covalent-core-layout.js.map +1 -1
  153. package/fesm2015/covalent-core-loading.js +1 -1
  154. package/fesm2015/covalent-core-menu.js +1 -1
  155. package/fesm2015/covalent-core-message.js +1 -1
  156. package/fesm2015/covalent-core-paging.js +1 -1
  157. package/fesm2015/covalent-core-search.js +5 -4
  158. package/fesm2015/covalent-core-search.js.map +1 -1
  159. package/fesm2015/covalent-core-sidesheet.js +110 -0
  160. package/fesm2015/covalent-core-sidesheet.js.map +1 -0
  161. package/fesm2015/covalent-core-steps.js +5 -5
  162. package/fesm2015/covalent-core-tab-select.js +3 -2
  163. package/fesm2015/covalent-core-tab-select.js.map +1 -1
  164. package/fesm2015/covalent-core.js +149 -58
  165. package/fesm2015/covalent-core.js.map +1 -1
  166. package/fesm5/covalent-core-breadcrumbs.js +1 -1
  167. package/fesm5/covalent-core-chips.js +1 -1
  168. package/fesm5/covalent-core-common.js +161 -27
  169. package/fesm5/covalent-core-common.js.map +1 -1
  170. package/fesm5/covalent-core-data-table.js +4 -4
  171. package/fesm5/covalent-core-data-table.js.map +1 -1
  172. package/fesm5/covalent-core-dialogs.js +2 -2
  173. package/fesm5/covalent-core-expansion-panel.js +1 -1
  174. package/fesm5/covalent-core-json-formatter.js +1 -1
  175. package/fesm5/covalent-core-layout.js +8 -7
  176. package/fesm5/covalent-core-layout.js.map +1 -1
  177. package/fesm5/covalent-core-loading.js +1 -1
  178. package/fesm5/covalent-core-menu.js +1 -1
  179. package/fesm5/covalent-core-message.js +1 -1
  180. package/fesm5/covalent-core-paging.js +1 -1
  181. package/fesm5/covalent-core-search.js +5 -4
  182. package/fesm5/covalent-core-search.js.map +1 -1
  183. package/fesm5/covalent-core-sidesheet.js +126 -0
  184. package/fesm5/covalent-core-sidesheet.js.map +1 -0
  185. package/fesm5/covalent-core-steps.js +5 -5
  186. package/fesm5/covalent-core-tab-select.js +3 -2
  187. package/fesm5/covalent-core-tab-select.js.map +1 -1
  188. package/fesm5/covalent-core.js +196 -59
  189. package/fesm5/covalent-core.js.map +1 -1
  190. package/json-formatter/covalent-core-json-formatter.metadata.json +1 -1
  191. package/layout/README.md +5 -2
  192. package/layout/covalent-core-layout.metadata.json +1 -1
  193. package/layout/navigation-drawer/navigation-drawer.component.d.ts +7 -0
  194. package/layout/navigation-drawer/navigation-drawer.component.scss +7 -0
  195. package/loading/covalent-core-loading.metadata.json +1 -1
  196. package/menu/covalent-core-menu.metadata.json +1 -1
  197. package/message/covalent-core-message.metadata.json +1 -1
  198. package/package.json +1 -1
  199. package/paging/covalent-core-paging.metadata.json +1 -1
  200. package/search/covalent-core-search.metadata.json +1 -1
  201. package/search/search-box/search-box.component.scss +6 -0
  202. package/search/search-input/README.md +5 -2
  203. package/search/search-input/search-input.component.d.ts +6 -0
  204. package/search/search-input/search-input.component.scss +33 -0
  205. package/sidesheet/README.md +68 -0
  206. package/sidesheet/covalent-core-sidesheet.d.ts +4 -0
  207. package/sidesheet/covalent-core-sidesheet.metadata.json +1 -0
  208. package/sidesheet/index.d.ts +1 -0
  209. package/sidesheet/package.json +13 -0
  210. package/sidesheet/public-api.d.ts +2 -0
  211. package/sidesheet/sidesheet.component.d.ts +13 -0
  212. package/sidesheet/sidesheet.component.scss +96 -0
  213. package/sidesheet/sidesheet.module.d.ts +2 -0
  214. package/steps/covalent-core-steps.metadata.json +1 -1
  215. package/tab-select/covalent-core-tab-select.metadata.json +1 -1
  216. package/tab-select/tab-select.component.scss +3 -0
  217. package/theming/prebuilt/blue-grey-deep-orange.css +89 -86
  218. package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
  219. package/theming/prebuilt/blue-orange.css +89 -86
  220. package/theming/prebuilt/blue-orange.css.map +1 -1
  221. package/theming/prebuilt/indigo-pink.css +89 -86
  222. package/theming/prebuilt/indigo-pink.css.map +1 -1
  223. package/theming/prebuilt/orange-light-blue.css +89 -86
  224. package/theming/prebuilt/orange-light-blue.css.map +1 -1
  225. package/theming/prebuilt/teal-orange.css +89 -86
  226. package/theming/prebuilt/teal-orange.css.map +1 -1
@@ -1,10 +1,3 @@
1
- /**
2
- * Applies styles for users in high contrast mode. Note that this only applies
3
- * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
4
- * attribute, however Chrome handles high contrast differently.
5
- * @param target Which kind of high contrast setting to target. Defaults to `active`, can be
6
- * `white-on-black` or `black-on-white`.
7
- */
8
1
  /* Theme for the ripple elements.*/
9
2
  /* stylelint-disable material/no-prefixes */
10
3
  /* stylelint-enable */
@@ -198,12 +191,14 @@
198
191
  .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
199
192
  .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
200
193
  -webkit-transform: translateY(-1.34375em) scale(0.75);
194
+ -ms-transform: translateY(-1.34375em) scale(0.75);
201
195
  transform: translateY(-1.34375em) scale(0.75);
202
196
  width: 133.33333%; }
203
197
 
204
198
  .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
205
199
  .mat-form-field-label {
206
200
  -webkit-transform: translateY(-1.34374em) scale(0.75);
201
+ -ms-transform: translateY(-1.34374em) scale(0.75);
207
202
  transform: translateY(-1.34374em) scale(0.75);
208
203
  width: 133.33334%; }
209
204
 
@@ -263,6 +258,7 @@
263
258
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
264
259
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
265
260
  -webkit-transform: translateY(-1.28122em) scale(0.75);
261
+ -ms-transform: translateY(-1.28122em) scale(0.75);
266
262
  transform: translateY(-1.28122em) scale(0.75); }
267
263
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper
268
264
  .mat-form-field-label {
@@ -271,6 +267,7 @@
271
267
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
272
268
  .mat-form-field-label {
273
269
  -webkit-transform: translateY(-1.2812em) scale(0.75);
270
+ -ms-transform: translateY(-1.2812em) scale(0.75);
274
271
  transform: translateY(-1.2812em) scale(0.75); } }
275
272
 
276
273
  .mat-form-field-appearance-fill .mat-form-field-infix {
@@ -283,12 +280,14 @@
283
280
  .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
284
281
  .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
285
282
  -webkit-transform: translateY(-0.59375em) scale(0.75);
283
+ -ms-transform: translateY(-0.59375em) scale(0.75);
286
284
  transform: translateY(-0.59375em) scale(0.75);
287
285
  width: 133.33333%; }
288
286
 
289
287
  .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
290
288
  .mat-form-field-label {
291
289
  -webkit-transform: translateY(-0.59374em) scale(0.75);
290
+ -ms-transform: translateY(-0.59374em) scale(0.75);
292
291
  transform: translateY(-0.59374em) scale(0.75);
293
292
  width: 133.33334%; }
294
293
 
@@ -302,12 +301,14 @@
302
301
  .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
303
302
  .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
304
303
  -webkit-transform: translateY(-1.59375em) scale(0.75);
304
+ -ms-transform: translateY(-1.59375em) scale(0.75);
305
305
  transform: translateY(-1.59375em) scale(0.75);
306
306
  width: 133.33333%; }
307
307
 
308
308
  .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
309
309
  .mat-form-field-label {
310
310
  -webkit-transform: translateY(-1.59374em) scale(0.75);
311
+ -ms-transform: translateY(-1.59374em) scale(0.75);
311
312
  transform: translateY(-1.59374em) scale(0.75);
312
313
  width: 133.33334%; }
313
314
 
@@ -408,60 +409,60 @@ input.mat-input-element {
408
409
  .mat-list-option {
409
410
  font-family: Roboto, "Helvetica Neue", sans-serif; }
410
411
 
411
- .mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
412
+ .mat-list-base .mat-list-item {
412
413
  font-size: 16px; }
413
- .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
414
+ .mat-list-base .mat-list-item .mat-line {
414
415
  white-space: nowrap;
415
416
  overflow: hidden;
416
417
  text-overflow: ellipsis;
417
418
  display: block;
418
419
  -webkit-box-sizing: border-box;
419
420
  box-sizing: border-box; }
420
- .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
421
+ .mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
421
422
  font-size: 14px; }
422
423
 
423
- .mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
424
+ .mat-list-base .mat-list-option {
424
425
  font-size: 16px; }
425
- .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
426
+ .mat-list-base .mat-list-option .mat-line {
426
427
  white-space: nowrap;
427
428
  overflow: hidden;
428
429
  text-overflow: ellipsis;
429
430
  display: block;
430
431
  -webkit-box-sizing: border-box;
431
432
  box-sizing: border-box; }
432
- .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
433
+ .mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
433
434
  font-size: 14px; }
434
435
 
435
- .mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
436
+ .mat-list-base .mat-subheader {
436
437
  font-family: Roboto, "Helvetica Neue", sans-serif;
437
438
  font-size: 14px;
438
439
  font-weight: 500; }
439
440
 
440
- .mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
441
+ .mat-list-base[dense] .mat-list-item {
441
442
  font-size: 12px; }
442
- .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
443
+ .mat-list-base[dense] .mat-list-item .mat-line {
443
444
  white-space: nowrap;
444
445
  overflow: hidden;
445
446
  text-overflow: ellipsis;
446
447
  display: block;
447
448
  -webkit-box-sizing: border-box;
448
449
  box-sizing: border-box; }
449
- .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
450
+ .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
450
451
  font-size: 12px; }
451
452
 
452
- .mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
453
+ .mat-list-base[dense] .mat-list-option {
453
454
  font-size: 12px; }
454
- .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
455
+ .mat-list-base[dense] .mat-list-option .mat-line {
455
456
  white-space: nowrap;
456
457
  overflow: hidden;
457
458
  text-overflow: ellipsis;
458
459
  display: block;
459
460
  -webkit-box-sizing: border-box;
460
461
  box-sizing: border-box; }
461
- .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
462
+ .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
462
463
  font-size: 12px; }
463
464
 
464
- .mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
465
+ .mat-list-base[dense] .mat-subheader {
465
466
  font-family: Roboto, "Helvetica Neue", sans-serif;
466
467
  font-size: 12px;
467
468
  font-weight: 500; }
@@ -507,8 +508,9 @@ input.mat-input-element {
507
508
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
508
509
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
509
510
  -webkit-transform: scale(0);
511
+ -ms-transform: scale(0);
510
512
  transform: scale(0); }
511
- @media screen and (-ms-high-contrast: active) {
513
+ @media (-ms-high-contrast: active) {
512
514
  .mat-ripple-element {
513
515
  display: none; } }
514
516
 
@@ -664,6 +666,9 @@ textarea.cdk-textarea-autosize-measuring {
664
666
  .mat-pseudo-checkbox::after {
665
667
  color: #fafafa; }
666
668
 
669
+ .mat-pseudo-checkbox-disabled {
670
+ color: #b0b0b0; }
671
+
667
672
  .mat-pseudo-checkbox-checked,
668
673
  .mat-pseudo-checkbox-indeterminate,
669
674
  .mat-accent .mat-pseudo-checkbox-checked,
@@ -678,7 +683,8 @@ textarea.cdk-textarea-autosize-measuring {
678
683
  .mat-warn .mat-pseudo-checkbox-indeterminate {
679
684
  background: #e53935; }
680
685
 
681
- .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled {
686
+ .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
687
+ .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
682
688
  background: #b0b0b0; }
683
689
 
684
690
  .mat-elevation-z0 {
@@ -802,6 +808,10 @@ textarea.cdk-textarea-autosize-measuring {
802
808
  .mat-badge-content {
803
809
  color: white;
804
810
  background: #ef6c00; }
811
+ @media (-ms-high-contrast: active) {
812
+ .mat-badge-content {
813
+ outline: solid 1px;
814
+ border-radius: 0; } }
805
815
 
806
816
  .mat-badge-accent .mat-badge-content {
807
817
  background: #039be5;
@@ -831,6 +841,7 @@ textarea.cdk-textarea-autosize-measuring {
831
841
  transition: transform 200ms ease-in-out;
832
842
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
833
843
  -webkit-transform: scale(0.6);
844
+ -ms-transform: scale(0.6);
834
845
  transform: scale(0.6);
835
846
  overflow: hidden;
836
847
  white-space: nowrap;
@@ -839,16 +850,13 @@ textarea.cdk-textarea-autosize-measuring {
839
850
 
840
851
  .mat-badge-content.mat-badge-active {
841
852
  -webkit-transform: none;
853
+ -ms-transform: none;
842
854
  transform: none; }
843
855
 
844
856
  .mat-badge-small .mat-badge-content {
845
857
  width: 16px;
846
858
  height: 16px;
847
859
  line-height: 16px; }
848
- @media screen and (-ms-high-contrast: active) {
849
- .mat-badge-small .mat-badge-content {
850
- outline: solid 1px;
851
- border-radius: 0; } }
852
860
 
853
861
  .mat-badge-small.mat-badge-above .mat-badge-content {
854
862
  top: -8px; }
@@ -888,10 +896,6 @@ textarea.cdk-textarea-autosize-measuring {
888
896
  width: 22px;
889
897
  height: 22px;
890
898
  line-height: 22px; }
891
- @media screen and (-ms-high-contrast: active) {
892
- .mat-badge-medium .mat-badge-content {
893
- outline: solid 1px;
894
- border-radius: 0; } }
895
899
 
896
900
  .mat-badge-medium.mat-badge-above .mat-badge-content {
897
901
  top: -11px; }
@@ -931,10 +935,6 @@ textarea.cdk-textarea-autosize-measuring {
931
935
  width: 28px;
932
936
  height: 28px;
933
937
  line-height: 28px; }
934
- @media screen and (-ms-high-contrast: active) {
935
- .mat-badge-large .mat-badge-content {
936
- outline: solid 1px;
937
- border-radius: 0; } }
938
938
 
939
939
  .mat-badge-large.mat-badge-above .mat-badge-content {
940
940
  top: -14px; }
@@ -995,12 +995,9 @@ textarea.cdk-textarea-autosize-measuring {
995
995
  background-color: #e53935; }
996
996
  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
997
997
  background-color: transparent; }
998
- .mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
999
- background-color: rgba(239, 108, 0, 0.1); }
1000
- .mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
1001
- background-color: rgba(3, 155, 229, 0.1); }
1002
- .mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
1003
- background-color: rgba(229, 57, 53, 0.1); }
998
+ .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
999
+ opacity: 0.1;
1000
+ background-color: currentColor; }
1004
1001
 
1005
1002
  .mat-button-focus-overlay {
1006
1003
  background: black; }
@@ -1034,15 +1031,6 @@ textarea.cdk-textarea-autosize-measuring {
1034
1031
  .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
1035
1032
  background-color: rgba(255, 255, 255, 0.1); }
1036
1033
 
1037
- .mat-icon-button.mat-primary .mat-ripple-element {
1038
- background-color: rgba(239, 108, 0, 0.2); }
1039
-
1040
- .mat-icon-button.mat-accent .mat-ripple-element {
1041
- background-color: rgba(3, 155, 229, 0.2); }
1042
-
1043
- .mat-icon-button.mat-warn .mat-ripple-element {
1044
- background-color: rgba(229, 57, 53, 0.2); }
1045
-
1046
1034
  .mat-stroked-button:not([class*='mat-elevation-z']), .mat-flat-button:not([class*='mat-elevation-z']) {
1047
1035
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
1048
1036
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
@@ -1143,7 +1131,7 @@ textarea.cdk-textarea-autosize-measuring {
1143
1131
 
1144
1132
  .mat-checkbox-checkmark-path {
1145
1133
  stroke: #fafafa !important; }
1146
- @media screen and (-ms-high-contrast: black-on-white) {
1134
+ @media (-ms-high-contrast: black-on-white) {
1147
1135
  .mat-checkbox-checkmark-path {
1148
1136
  stroke: #000 !important; } }
1149
1137
 
@@ -1159,20 +1147,20 @@ textarea.cdk-textarea-autosize-measuring {
1159
1147
  .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
1160
1148
  background-color: #e53935; }
1161
1149
 
1162
- .mat-checkbox-disabled.mat-checkbox-checked:not(.mat-checkbox-indeterminate) .mat-checkbox-background {
1150
+ .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
1163
1151
  background-color: #b0b0b0; }
1164
1152
 
1165
1153
  .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
1166
1154
  border-color: #b0b0b0; }
1167
1155
 
1168
1156
  .mat-checkbox-disabled .mat-checkbox-label {
1169
- color: #b0b0b0; }
1157
+ color: rgba(0, 0, 0, 0.54); }
1170
1158
 
1171
- @media screen and (-ms-high-contrast: active) {
1159
+ @media (-ms-high-contrast: active) {
1172
1160
  .mat-checkbox-disabled {
1173
1161
  opacity: 0.5; } }
1174
1162
 
1175
- @media screen and (-ms-high-contrast: active) {
1163
+ @media (-ms-high-contrast: active) {
1176
1164
  .mat-checkbox-background {
1177
1165
  background: none; } }
1178
1166
 
@@ -1191,11 +1179,15 @@ textarea.cdk-textarea-autosize-measuring {
1191
1179
  .mat-chip.mat-standard-chip .mat-chip-remove {
1192
1180
  color: rgba(0, 0, 0, 0.87);
1193
1181
  opacity: 0.4; }
1194
- .mat-chip.mat-standard-chip .mat-chip-remove:hover {
1195
- opacity: 0.54; }
1196
- .mat-chip.mat-standard-chip:focus {
1182
+ .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
1197
1183
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
1198
1184
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
1185
+ .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
1186
+ opacity: 0.54; }
1187
+ .mat-chip.mat-standard-chip.mat-chip-disabled {
1188
+ opacity: 0.4; }
1189
+ .mat-chip.mat-standard-chip::after {
1190
+ background: black; }
1199
1191
 
1200
1192
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
1201
1193
  background-color: #ef6c00;
@@ -1203,8 +1195,8 @@ textarea.cdk-textarea-autosize-measuring {
1203
1195
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
1204
1196
  color: white;
1205
1197
  opacity: 0.4; }
1206
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
1207
- opacity: 0.54; }
1198
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
1199
+ background: rgba(255, 255, 255, 0.1); }
1208
1200
 
1209
1201
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
1210
1202
  background-color: #e53935;
@@ -1212,8 +1204,8 @@ textarea.cdk-textarea-autosize-measuring {
1212
1204
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
1213
1205
  color: white;
1214
1206
  opacity: 0.4; }
1215
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
1216
- opacity: 0.54; }
1207
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
1208
+ background: rgba(255, 255, 255, 0.1); }
1217
1209
 
1218
1210
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
1219
1211
  background-color: #039be5;
@@ -1221,8 +1213,8 @@ textarea.cdk-textarea-autosize-measuring {
1221
1213
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
1222
1214
  color: white;
1223
1215
  opacity: 0.4; }
1224
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
1225
- opacity: 0.54; }
1216
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
1217
+ background: rgba(255, 255, 255, 0.1); }
1226
1218
 
1227
1219
  .mat-table {
1228
1220
  background: white; }
@@ -1391,6 +1383,15 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
1391
1383
  .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
1392
1384
  background-color: #e53935; }
1393
1385
 
1386
+ .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
1387
+ color: #ef6c00; }
1388
+
1389
+ .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
1390
+ color: #039be5; }
1391
+
1392
+ .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
1393
+ color: #e53935; }
1394
+
1394
1395
  .mat-form-field.mat-form-field-invalid .mat-form-field-label {
1395
1396
  color: #e53935; }
1396
1397
  .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
@@ -1510,13 +1511,13 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
1510
1511
  .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
1511
1512
  color: #e53935; }
1512
1513
 
1513
- .mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
1514
+ .mat-list-base .mat-list-item {
1514
1515
  color: rgba(0, 0, 0, 0.87); }
1515
1516
 
1516
- .mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
1517
+ .mat-list-base .mat-list-option {
1517
1518
  color: rgba(0, 0, 0, 0.87); }
1518
1519
 
1519
- .mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
1520
+ .mat-list-base .mat-subheader {
1520
1521
  color: rgba(0, 0, 0, 0.54); }
1521
1522
 
1522
1523
  .mat-list-item-disabled {
@@ -1524,7 +1525,9 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
1524
1525
 
1525
1526
  .mat-list-option:hover, .mat-list-option:focus,
1526
1527
  .mat-nav-list .mat-list-item:hover,
1527
- .mat-nav-list .mat-list-item:focus {
1528
+ .mat-nav-list .mat-list-item:focus,
1529
+ .mat-action-list .mat-list-item:hover,
1530
+ .mat-action-list .mat-list-item:focus {
1528
1531
  background: rgba(0, 0, 0, 0.04); }
1529
1532
 
1530
1533
  .mat-menu-panel {
@@ -1539,7 +1542,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
1539
1542
  .mat-menu-item[disabled], .mat-menu-item[disabled]::after {
1540
1543
  color: rgba(0, 0, 0, 0.38); }
1541
1544
 
1542
- .mat-menu-item .mat-icon:not([color]),
1545
+ .mat-menu-item .mat-icon-no-color,
1543
1546
  .mat-menu-item-submenu-trigger::after {
1544
1547
  color: rgba(0, 0, 0, 0.54); }
1545
1548
 
@@ -1715,42 +1718,36 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
1715
1718
  .mat-drawer-backdrop.mat-drawer-shown {
1716
1719
  background-color: rgba(0, 0, 0, 0.6); }
1717
1720
 
1718
- .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
1721
+ .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
1719
1722
  background-color: #039be5; }
1720
1723
 
1721
- .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
1724
+ .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
1722
1725
  background-color: rgba(3, 155, 229, 0.54); }
1723
1726
 
1724
- .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-ripple-element {
1727
+ .mat-slide-toggle.mat-checked .mat-ripple-element {
1725
1728
  background-color: #039be5; }
1726
1729
 
1727
- .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
1730
+ .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
1728
1731
  background-color: #ef6c00; }
1729
1732
 
1730
- .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
1733
+ .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
1731
1734
  background-color: rgba(239, 108, 0, 0.54); }
1732
1735
 
1733
- .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-ripple-element {
1736
+ .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
1734
1737
  background-color: #ef6c00; }
1735
1738
 
1736
- .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
1739
+ .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
1737
1740
  background-color: #e53935; }
1738
1741
 
1739
- .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
1742
+ .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
1740
1743
  background-color: rgba(229, 57, 53, 0.54); }
1741
1744
 
1742
- .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-ripple-element {
1745
+ .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
1743
1746
  background-color: #e53935; }
1744
1747
 
1745
1748
  .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
1746
1749
  background-color: black; }
1747
1750
 
1748
- .mat-disabled .mat-slide-toggle-thumb {
1749
- background-color: #bdbdbd; }
1750
-
1751
- .mat-disabled .mat-slide-toggle-bar {
1752
- background-color: rgba(0, 0, 0, 0.1); }
1753
-
1754
1751
  .mat-slide-toggle-thumb {
1755
1752
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
1756
1753
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
@@ -1835,12 +1832,16 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
1835
1832
  .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
1836
1833
  background-color: rgba(0, 0, 0, 0.04); }
1837
1834
 
1835
+ @media (hover: none) {
1836
+ .mat-step-header:hover {
1837
+ background: none; } }
1838
+
1838
1839
  .mat-step-header .mat-step-label,
1839
1840
  .mat-step-header .mat-step-optional {
1840
- color: rgba(0, 0, 0, 0.38); }
1841
+ color: rgba(0, 0, 0, 0.54); }
1841
1842
 
1842
1843
  .mat-step-header .mat-step-icon {
1843
- background-color: rgba(0, 0, 0, 0.38);
1844
+ background-color: rgba(0, 0, 0, 0.54);
1844
1845
  color: white; }
1845
1846
 
1846
1847
  .mat-step-header .mat-step-icon-selected,
@@ -1865,6 +1866,8 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
1865
1866
  .mat-stepper-vertical-line::before {
1866
1867
  border-left-color: rgba(0, 0, 0, 0.12); }
1867
1868
 
1869
+ .mat-horizontal-stepper-header::before,
1870
+ .mat-horizontal-stepper-header::after,
1868
1871
  .mat-stepper-horizontal-line {
1869
1872
  border-top-color: rgba(0, 0, 0, 0.12); }
1870
1873