@angular/material 10.2.3 → 10.2.7
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.
- package/_theming.scss +69 -69
- package/autocomplete/index.metadata.json +1 -1
- package/bottom-sheet/bottom-sheet.d.ts +12 -0
- package/bundles/material-autocomplete.umd.js +4 -3
- package/bundles/material-autocomplete.umd.js.map +1 -1
- package/bundles/material-autocomplete.umd.min.js +1 -1
- package/bundles/material-autocomplete.umd.min.js.map +1 -1
- package/bundles/material-bottom-sheet.umd.js.map +1 -1
- package/bundles/material-button.umd.js +2 -2
- package/bundles/material-button.umd.min.js +1 -1
- package/bundles/material-button.umd.min.js.map +1 -1
- package/bundles/material-chips-testing.umd.js +22 -4
- package/bundles/material-chips-testing.umd.js.map +1 -1
- package/bundles/material-chips-testing.umd.min.js.map +1 -1
- package/bundles/material-core.umd.js +13 -10
- package/bundles/material-core.umd.js.map +1 -1
- package/bundles/material-core.umd.min.js +7 -7
- package/bundles/material-core.umd.min.js.map +1 -1
- package/bundles/material-datepicker.umd.js +36 -0
- package/bundles/material-datepicker.umd.js.map +1 -1
- package/bundles/material-datepicker.umd.min.js +1 -1
- package/bundles/material-datepicker.umd.min.js.map +1 -1
- package/bundles/material-dialog.umd.js +1 -8
- package/bundles/material-dialog.umd.js.map +1 -1
- package/bundles/material-dialog.umd.min.js.map +1 -1
- package/bundles/material-form-field.umd.js +2 -2
- package/bundles/material-form-field.umd.js.map +1 -1
- package/bundles/material-form-field.umd.min.js +2 -2
- package/bundles/material-form-field.umd.min.js.map +1 -1
- package/bundles/material-icon.umd.js +50 -36
- package/bundles/material-icon.umd.js.map +1 -1
- package/bundles/material-icon.umd.min.js +2 -2
- package/bundles/material-icon.umd.min.js.map +1 -1
- package/bundles/material-list-testing.umd.js +5 -3
- package/bundles/material-list-testing.umd.js.map +1 -1
- package/bundles/material-list-testing.umd.min.js +1 -1
- package/bundles/material-list-testing.umd.min.js.map +1 -1
- package/bundles/material-list.umd.js +21 -11
- package/bundles/material-list.umd.js.map +1 -1
- package/bundles/material-list.umd.min.js +1 -1
- package/bundles/material-list.umd.min.js.map +1 -1
- package/bundles/material-menu.umd.js +14 -16
- package/bundles/material-menu.umd.js.map +1 -1
- package/bundles/material-menu.umd.min.js +3 -3
- package/bundles/material-menu.umd.min.js.map +1 -1
- package/bundles/material-tabs.umd.js +7 -3
- package/bundles/material-tabs.umd.js.map +1 -1
- package/bundles/material-tabs.umd.min.js +3 -3
- package/bundles/material-tabs.umd.min.js.map +1 -1
- package/bundles/material-tooltip.umd.js +3 -1
- package/bundles/material-tooltip.umd.js.map +1 -1
- package/bundles/material-tooltip.umd.min.js +1 -1
- package/bundles/material-tooltip.umd.min.js.map +1 -1
- package/button/_button-theme.scss +1 -1
- package/button/index.metadata.json +1 -1
- package/checkbox/_checkbox-theme.scss +1 -1
- package/chips/_chips-theme.scss +1 -1
- package/chips/testing/chip-harness-filters.d.ts +5 -1
- package/chips/testing/chip-harness.d.ts +20 -4
- package/chips/testing/chip-list-harness.d.ts +2 -0
- package/core/density/_index.scss +6 -6
- package/core/focus-indicators/_focus-indicators.scss +1 -1
- package/core/index.metadata.json +1 -1
- package/core/ripple/_ripple.scss +2 -2
- package/core/theming/_check-duplicate-styles.scss +6 -6
- package/core/theming/_palette.scss +16 -16
- package/core/theming/_theming.scss +33 -33
- package/datepicker/date-range-input-parts.d.ts +6 -2
- package/datepicker/index.metadata.json +1 -1
- package/dialog/dialog.d.ts +10 -3
- package/dialog/index.metadata.json +1 -1
- package/esm2015/autocomplete/autocomplete-trigger.js +6 -5
- package/esm2015/bottom-sheet/bottom-sheet.js +1 -1
- package/esm2015/button/button.js +2 -2
- package/esm2015/chips/testing/chip-harness-filters.js +1 -1
- package/esm2015/chips/testing/chip-harness.js +21 -5
- package/esm2015/chips/testing/chip-list-harness.js +3 -1
- package/esm2015/core/common-behaviors/common-module.js +1 -1
- package/esm2015/core/datetime/native-date-adapter.js +12 -9
- package/esm2015/core/version.js +1 -1
- package/esm2015/datepicker/date-range-input-parts.js +37 -1
- package/esm2015/dialog/dialog-animations.js +2 -2
- package/esm2015/dialog/dialog.js +1 -8
- package/esm2015/form-field/form-field.js +1 -1
- package/esm2015/form-field/hint.js +2 -2
- package/esm2015/icon/icon.js +46 -36
- package/esm2015/list/selection-list.js +22 -12
- package/esm2015/list/testing/list-item-harness-base.js +6 -4
- package/esm2015/menu/menu-item.js +15 -17
- package/esm2015/tabs/tab-content.js +3 -2
- package/esm2015/tabs/tab-nav-bar/tab-nav-bar.js +9 -6
- package/esm2015/tooltip/tooltip.js +4 -2
- package/fesm2015/autocomplete.js +5 -4
- package/fesm2015/autocomplete.js.map +1 -1
- package/fesm2015/bottom-sheet.js.map +1 -1
- package/fesm2015/button.js +2 -2
- package/fesm2015/chips/testing.js +22 -4
- package/fesm2015/chips/testing.js.map +1 -1
- package/fesm2015/core.js +13 -10
- package/fesm2015/core.js.map +1 -1
- package/fesm2015/datepicker.js +36 -0
- package/fesm2015/datepicker.js.map +1 -1
- package/fesm2015/dialog.js +1 -8
- package/fesm2015/dialog.js.map +1 -1
- package/fesm2015/form-field.js +2 -2
- package/fesm2015/form-field.js.map +1 -1
- package/fesm2015/icon.js +45 -35
- package/fesm2015/icon.js.map +1 -1
- package/fesm2015/list/testing.js +5 -3
- package/fesm2015/list/testing.js.map +1 -1
- package/fesm2015/list.js +21 -11
- package/fesm2015/list.js.map +1 -1
- package/fesm2015/menu.js +14 -16
- package/fesm2015/menu.js.map +1 -1
- package/fesm2015/tabs.js +7 -3
- package/fesm2015/tabs.js.map +1 -1
- package/fesm2015/tooltip.js +3 -1
- package/fesm2015/tooltip.js.map +1 -1
- package/form-field/index.metadata.json +1 -1
- package/icon/icon.d.ts +7 -4
- package/icon/index.metadata.json +1 -1
- package/list/index.metadata.json +1 -1
- package/list/selection-list.d.ts +16 -4
- package/menu/index.metadata.json +1 -1
- package/menu/menu-item.d.ts +6 -2
- package/package.json +2 -2
- package/radio/_radio-theme.scss +1 -1
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/data/css-selectors.d.ts +6 -3
- package/schematics/ng-update/data/css-selectors.js +2 -2
- package/schematics/ng-update/data/input-names.js +10 -10
- package/schematics/ng-update/data/output-names.js +10 -10
- package/schematics/ng-update/data/property-names.js +24 -24
- package/slide-toggle/_slide-toggle-theme.scss +1 -1
- package/tabs/index.metadata.json +1 -1
- package/tabs/tab-content.d.ts +3 -2
- package/tabs/tab-nav-bar/tab-nav-bar.d.ts +8 -5
- package/tooltip/index.metadata.json +1 -1
package/_theming.scss
CHANGED
|
@@ -1236,40 +1236,40 @@ $mat-blue-gray: $mat-blue-grey;
|
|
|
1236
1236
|
|
|
1237
1237
|
// Background palette for light themes.
|
|
1238
1238
|
$mat-light-theme-background: (
|
|
1239
|
-
status-bar:
|
|
1240
|
-
app-bar:
|
|
1241
|
-
background:
|
|
1239
|
+
status-bar: map-get($mat-grey, 300),
|
|
1240
|
+
app-bar: map-get($mat-grey, 100),
|
|
1241
|
+
background: map-get($mat-grey, 50),
|
|
1242
1242
|
hover: rgba(black, 0.04), // TODO(kara): check style with Material Design UX
|
|
1243
1243
|
card: white,
|
|
1244
1244
|
dialog: white,
|
|
1245
1245
|
disabled-button: rgba(black, 0.12),
|
|
1246
1246
|
raised-button: white,
|
|
1247
1247
|
focused-button: $dark-focused,
|
|
1248
|
-
selected-button:
|
|
1249
|
-
selected-disabled-button:
|
|
1250
|
-
disabled-button-toggle:
|
|
1251
|
-
unselected-chip:
|
|
1252
|
-
disabled-list-option:
|
|
1253
|
-
tooltip:
|
|
1248
|
+
selected-button: map-get($mat-grey, 300),
|
|
1249
|
+
selected-disabled-button: map-get($mat-grey, 400),
|
|
1250
|
+
disabled-button-toggle: map-get($mat-grey, 200),
|
|
1251
|
+
unselected-chip: map-get($mat-grey, 300),
|
|
1252
|
+
disabled-list-option: map-get($mat-grey, 200),
|
|
1253
|
+
tooltip: map-get($mat-grey, 700),
|
|
1254
1254
|
);
|
|
1255
1255
|
|
|
1256
1256
|
// Background palette for dark themes.
|
|
1257
1257
|
$mat-dark-theme-background: (
|
|
1258
1258
|
status-bar: black,
|
|
1259
|
-
app-bar:
|
|
1259
|
+
app-bar: map-get($mat-grey, 900),
|
|
1260
1260
|
background: #303030,
|
|
1261
1261
|
hover: rgba(white, 0.04), // TODO(kara): check style with Material Design UX
|
|
1262
|
-
card:
|
|
1263
|
-
dialog:
|
|
1262
|
+
card: map-get($mat-grey, 800),
|
|
1263
|
+
dialog: map-get($mat-grey, 800),
|
|
1264
1264
|
disabled-button: rgba(white, 0.12),
|
|
1265
1265
|
raised-button: map-get($mat-grey, 800),
|
|
1266
1266
|
focused-button: $light-focused,
|
|
1267
|
-
selected-button:
|
|
1268
|
-
selected-disabled-button:
|
|
1267
|
+
selected-button: map-get($mat-grey, 900),
|
|
1268
|
+
selected-disabled-button: map-get($mat-grey, 800),
|
|
1269
1269
|
disabled-button-toggle: black,
|
|
1270
|
-
unselected-chip:
|
|
1270
|
+
unselected-chip: map-get($mat-grey, 700),
|
|
1271
1271
|
disabled-list-option: black,
|
|
1272
|
-
tooltip:
|
|
1272
|
+
tooltip: map-get($mat-grey, 700),
|
|
1273
1273
|
);
|
|
1274
1274
|
|
|
1275
1275
|
// Foreground palette for light themes.
|
|
@@ -1328,7 +1328,7 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1328
1328
|
// @param $primary
|
|
1329
1329
|
// @param $lighter
|
|
1330
1330
|
@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700, $text: $default) {
|
|
1331
|
-
$result:
|
|
1331
|
+
$result: map-merge($base-palette, (
|
|
1332
1332
|
default: map-get($base-palette, $default),
|
|
1333
1333
|
lighter: map-get($base-palette, $lighter),
|
|
1334
1334
|
darker: map-get($base-palette, $darker),
|
|
@@ -1341,7 +1341,7 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1341
1341
|
|
|
1342
1342
|
// For each hue in the palette, add a "-contrast" color to the map.
|
|
1343
1343
|
@each $hue, $color in $base-palette {
|
|
1344
|
-
$result:
|
|
1344
|
+
$result: map-merge($result, (
|
|
1345
1345
|
'#{$hue}-contrast': mat-contrast($base-palette, $hue)
|
|
1346
1346
|
));
|
|
1347
1347
|
}
|
|
@@ -1380,15 +1380,15 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1380
1380
|
// Validates the specified theme by ensuring that the optional color config defines
|
|
1381
1381
|
// a primary, accent and warn palette. Returns the theme if no failures were found.
|
|
1382
1382
|
@function _mat-validate-theme($theme) {
|
|
1383
|
-
@if
|
|
1384
|
-
$color:
|
|
1385
|
-
@if not
|
|
1383
|
+
@if map-get($theme, color) {
|
|
1384
|
+
$color: map-get($theme, color);
|
|
1385
|
+
@if not map-get($color, primary) {
|
|
1386
1386
|
@error 'Theme does not define a valid "primary" palette.';
|
|
1387
1387
|
}
|
|
1388
|
-
@else if not
|
|
1388
|
+
@else if not map-get($color, accent) {
|
|
1389
1389
|
@error 'Theme does not define a valid "accent" palette.';
|
|
1390
1390
|
}
|
|
1391
|
-
@else if not
|
|
1391
|
+
@else if not map-get($color, warn) {
|
|
1392
1392
|
@error 'Theme does not define a valid "warn" palette.';
|
|
1393
1393
|
}
|
|
1394
1394
|
}
|
|
@@ -1405,7 +1405,7 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1405
1405
|
//
|
|
1406
1406
|
// @mixin my-custom-component-theme($theme) {
|
|
1407
1407
|
// .my-comp {
|
|
1408
|
-
// background-color: mat-color(
|
|
1408
|
+
// background-color: mat-color(map-get($theme, primary));
|
|
1409
1409
|
// }
|
|
1410
1410
|
// }
|
|
1411
1411
|
//
|
|
@@ -1413,11 +1413,11 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1413
1413
|
// is stored in `$theme.color` which contains a property for `primary`. This method copies
|
|
1414
1414
|
// the map from `$theme.color` to `$theme` for backwards compatibility.
|
|
1415
1415
|
@function _mat-create-backwards-compatibility-theme($theme) {
|
|
1416
|
-
@if not
|
|
1416
|
+
@if not map-get($theme, color) {
|
|
1417
1417
|
@return $theme;
|
|
1418
1418
|
}
|
|
1419
|
-
$color:
|
|
1420
|
-
@return
|
|
1419
|
+
$color: map-get($theme, color);
|
|
1420
|
+
@return map-merge($theme, $color);
|
|
1421
1421
|
}
|
|
1422
1422
|
|
|
1423
1423
|
// Creates a light-themed color configuration from the specified
|
|
@@ -1473,12 +1473,12 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1473
1473
|
// parts of the theming system, but update the `color` configuration if set. As explained
|
|
1474
1474
|
// above, the color shorthand will be expanded to an actual light-themed color configuration.
|
|
1475
1475
|
$result: $primary;
|
|
1476
|
-
@if
|
|
1477
|
-
$color-settings:
|
|
1478
|
-
$primary:
|
|
1479
|
-
$accent:
|
|
1480
|
-
$warn:
|
|
1481
|
-
$result:
|
|
1476
|
+
@if map-get($primary, color) {
|
|
1477
|
+
$color-settings: map-get($primary, color);
|
|
1478
|
+
$primary: map-get($color-settings, primary);
|
|
1479
|
+
$accent: map-get($color-settings, accent);
|
|
1480
|
+
$warn: map-get($color-settings, warn);
|
|
1481
|
+
$result: map-merge($result, (color: _mat-create-light-color-config($primary, $accent, $warn)));
|
|
1482
1482
|
}
|
|
1483
1483
|
@return _mat-create-backwards-compatibility-theme(_mat-validate-theme($result));
|
|
1484
1484
|
}
|
|
@@ -1510,12 +1510,12 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1510
1510
|
// parts of the theming system, but update the `color` configuration if set. As explained
|
|
1511
1511
|
// above, the color shorthand will be expanded to an actual dark-themed color configuration.
|
|
1512
1512
|
$result: $primary;
|
|
1513
|
-
@if
|
|
1514
|
-
$color-settings:
|
|
1515
|
-
$primary:
|
|
1516
|
-
$accent:
|
|
1517
|
-
$warn:
|
|
1518
|
-
$result:
|
|
1513
|
+
@if map-get($primary, color) {
|
|
1514
|
+
$color-settings: map-get($primary, color);
|
|
1515
|
+
$primary: map-get($color-settings, primary);
|
|
1516
|
+
$accent: map-get($color-settings, accent);
|
|
1517
|
+
$warn: map-get($color-settings, warn);
|
|
1518
|
+
$result: map-merge($result, (color: _mat-create-dark-color-config($primary, $accent, $warn)));
|
|
1519
1519
|
}
|
|
1520
1520
|
@return _mat-create-backwards-compatibility-theme(_mat-validate-theme($result));
|
|
1521
1521
|
}
|
|
@@ -1534,8 +1534,8 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1534
1534
|
@if _mat-is-legacy-constructed-theme($theme) {
|
|
1535
1535
|
@return $theme;
|
|
1536
1536
|
}
|
|
1537
|
-
@if
|
|
1538
|
-
@return
|
|
1537
|
+
@if map-has-key($theme, color) {
|
|
1538
|
+
@return map-get($theme, color);
|
|
1539
1539
|
}
|
|
1540
1540
|
@return $default;
|
|
1541
1541
|
}
|
|
@@ -1548,8 +1548,8 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1548
1548
|
}
|
|
1549
1549
|
// In case a theme has been passed, extract the configuration if present,
|
|
1550
1550
|
// or fall back to the default density config.
|
|
1551
|
-
@if
|
|
1552
|
-
@return
|
|
1551
|
+
@if map-has-key($theme-or-config, density) {
|
|
1552
|
+
@return map-get($theme-or-config, density);
|
|
1553
1553
|
}
|
|
1554
1554
|
@return $default;
|
|
1555
1555
|
}
|
|
@@ -1563,8 +1563,8 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1563
1563
|
}
|
|
1564
1564
|
// In case a theme has been passed, extract the configuration if present,
|
|
1565
1565
|
// or fall back to the default typography config.
|
|
1566
|
-
@if (
|
|
1567
|
-
@return
|
|
1566
|
+
@if (map-has-key($theme-or-config, typography)) {
|
|
1567
|
+
@return map-get($theme-or-config, typography);
|
|
1568
1568
|
}
|
|
1569
1569
|
@return $default;
|
|
1570
1570
|
}
|
|
@@ -1573,16 +1573,16 @@ $_mat-theme-generate-default-density: true !default;
|
|
|
1573
1573
|
// of type `map` and can optionally only specify `color`, `density` or `typography`.
|
|
1574
1574
|
@function _mat-is-theme-object($value) {
|
|
1575
1575
|
@return type-of($value) == 'map' and (
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1576
|
+
map-has-key($value, color) or
|
|
1577
|
+
map-has-key($value, density) or
|
|
1578
|
+
map-has-key($value, typography) or
|
|
1579
1579
|
length($value) == 0
|
|
1580
1580
|
);
|
|
1581
1581
|
}
|
|
1582
1582
|
|
|
1583
1583
|
// Checks whether a given value corresponds to a legacy constructed theme.
|
|
1584
1584
|
@function _mat-is-legacy-constructed-theme($value) {
|
|
1585
|
-
@return type-of($value) == 'map' and
|
|
1585
|
+
@return type-of($value) == 'map' and map-get($value, '_is-legacy-theme');
|
|
1586
1586
|
}
|
|
1587
1587
|
|
|
1588
1588
|
// Gets the theme from the given value that is either already a theme, or a color configuration.
|
|
@@ -1635,9 +1635,9 @@ $_mat-theme-emitted-density: () !default;
|
|
|
1635
1635
|
$density-config: mat-get-density-config($theme);
|
|
1636
1636
|
$typography-config: mat-get-typography-config($theme);
|
|
1637
1637
|
// Lists of previous `color`, `density` and `typography` configurations.
|
|
1638
|
-
$previous-color:
|
|
1639
|
-
$previous-typography:
|
|
1640
|
-
$previous-density:
|
|
1638
|
+
$previous-color: map-get($_mat-theme-emitted-color, $id) or ();
|
|
1639
|
+
$previous-typography: map-get($_mat-theme-emitted-typography, $id) or ();
|
|
1640
|
+
$previous-density: map-get($_mat-theme-emitted-density, $id) or ();
|
|
1641
1641
|
// Whether duplicate legacy density styles would be generated.
|
|
1642
1642
|
$duplicate-legacy-density: false;
|
|
1643
1643
|
|
|
@@ -1678,11 +1678,11 @@ $_mat-theme-emitted-density: () !default;
|
|
|
1678
1678
|
$previous-density: append($previous-density, $density-config);
|
|
1679
1679
|
}
|
|
1680
1680
|
|
|
1681
|
-
$_mat-theme-emitted-color:
|
|
1681
|
+
$_mat-theme-emitted-color: map-merge(
|
|
1682
1682
|
$_mat-theme-emitted-color, ($id: $previous-color)) !global;
|
|
1683
|
-
$_mat-theme-emitted-density:
|
|
1683
|
+
$_mat-theme-emitted-density: map-merge(
|
|
1684
1684
|
$_mat-theme-emitted-density, ($id: $previous-density)) !global;
|
|
1685
|
-
$_mat-theme-emitted-typography:
|
|
1685
|
+
$_mat-theme-emitted-typography: map-merge(
|
|
1686
1686
|
$_mat-theme-emitted-typography, ($id: $previous-typography)) !global;
|
|
1687
1687
|
|
|
1688
1688
|
// Optionally, consumers of this mixin can wrap contents inside so that nested
|
|
@@ -1756,8 +1756,8 @@ $mat-ripple-color-opacity: 0.1;
|
|
|
1756
1756
|
/* Colors for the ripple elements.*/
|
|
1757
1757
|
@mixin mat-ripple-color($config-or-theme) {
|
|
1758
1758
|
$config: mat-get-color-config($config-or-theme);
|
|
1759
|
-
$foreground:
|
|
1760
|
-
$foreground-base:
|
|
1759
|
+
$foreground: map-get($config, foreground);
|
|
1760
|
+
$foreground-base: map-get($foreground, base);
|
|
1761
1761
|
|
|
1762
1762
|
.mat-ripple-element {
|
|
1763
1763
|
// If the ripple color is resolves to a color *type*, we can use it directly, otherwise
|
|
@@ -1879,7 +1879,7 @@ $mat-ripple-color-opacity: 0.1;
|
|
|
1879
1879
|
|
|
1880
1880
|
@mixin mat-strong-focus-indicators-color($config-or-theme) {
|
|
1881
1881
|
$config: mat-get-color-config($config-or-theme);
|
|
1882
|
-
@include _mat-strong-focus-indicators-border-color(mat-color(
|
|
1882
|
+
@include _mat-strong-focus-indicators-border-color(mat-color(map-get($config, primary)));
|
|
1883
1883
|
}
|
|
1884
1884
|
|
|
1885
1885
|
/// Mixin that sets the color of the focus indicators.
|
|
@@ -2806,7 +2806,7 @@ $_mat-button-ripple-opacity: 0.1;
|
|
|
2806
2806
|
}
|
|
2807
2807
|
|
|
2808
2808
|
.mat-button-focus-overlay {
|
|
2809
|
-
background:
|
|
2809
|
+
background: map-get($foreground, base);
|
|
2810
2810
|
}
|
|
2811
2811
|
|
|
2812
2812
|
// Note: this needs a bit extra specificity, because we're not guaranteed the inclusion
|
|
@@ -2942,17 +2942,17 @@ $_mat-density-generate-styles: true;
|
|
|
2942
2942
|
}
|
|
2943
2943
|
|
|
2944
2944
|
$value: null;
|
|
2945
|
-
$property-scale-map:
|
|
2945
|
+
$property-scale-map: map-get($density-config, $property-name);
|
|
2946
2946
|
|
|
2947
|
-
@if
|
|
2948
|
-
$value:
|
|
2947
|
+
@if map-has-key($property-scale-map, $density-scale) {
|
|
2948
|
+
$value: map-get($property-scale-map, $density-scale);
|
|
2949
2949
|
}
|
|
2950
2950
|
@else {
|
|
2951
|
-
$value:
|
|
2951
|
+
$value: map-get($property-scale-map, default) + $density-scale * $_mat-density-interval;
|
|
2952
2952
|
}
|
|
2953
2953
|
|
|
2954
|
-
$min-value:
|
|
2955
|
-
$max-value:
|
|
2954
|
+
$min-value: map-get($property-scale-map, $_mat-density-minimum-scale);
|
|
2955
|
+
$max-value: map-get($property-scale-map, $_mat-density-maximum-scale);
|
|
2956
2956
|
|
|
2957
2957
|
@if ($value < $min-value or $value > $max-value) {
|
|
2958
2958
|
@error 'mat-density: #{$property-name} must be between #{$min-value} and ' +
|
|
@@ -3245,7 +3245,7 @@ $mat-button-toggle-standard-density-config: (
|
|
|
3245
3245
|
// Switch this to a solid color since we're using `opacity`
|
|
3246
3246
|
// to control how opaque the ripple should be.
|
|
3247
3247
|
.mat-checkbox .mat-ripple-element {
|
|
3248
|
-
background-color:
|
|
3248
|
+
background-color: map-get(map-get($config, foreground), base);
|
|
3249
3249
|
}
|
|
3250
3250
|
|
|
3251
3251
|
.mat-checkbox-checked:not(.mat-checkbox-disabled),
|
|
@@ -3367,7 +3367,7 @@ $mat-chip-remove-font-size: 18px;
|
|
|
3367
3367
|
}
|
|
3368
3368
|
|
|
3369
3369
|
&::after {
|
|
3370
|
-
background:
|
|
3370
|
+
background: map-get($foreground, base);
|
|
3371
3371
|
}
|
|
3372
3372
|
}
|
|
3373
3373
|
|
|
@@ -4767,7 +4767,7 @@ $mat-paginator-density-config: (
|
|
|
4767
4767
|
// Switch this to a solid color since we're using `opacity`
|
|
4768
4768
|
// to control how opaque the ripple should be.
|
|
4769
4769
|
.mat-ripple-element {
|
|
4770
|
-
background-color:
|
|
4770
|
+
background-color: map-get($foreground, base);
|
|
4771
4771
|
}
|
|
4772
4772
|
}
|
|
4773
4773
|
}
|
|
@@ -5028,7 +5028,7 @@ $mat-paginator-density-config: (
|
|
|
5028
5028
|
|
|
5029
5029
|
@mixin mat-slide-toggle-color($config-or-theme) {
|
|
5030
5030
|
$config: mat-get-color-config($config-or-theme);
|
|
5031
|
-
$is-dark:
|
|
5031
|
+
$is-dark: map-get($config, is-dark);
|
|
5032
5032
|
$primary: map-get($config, primary);
|
|
5033
5033
|
$accent: map-get($config, accent);
|
|
5034
5034
|
$warn: map-get($config, warn);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"MatAutocompleteSelectedEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"_MatAutocompleteBase"},{"__symbolic":"reference","module":"@angular/material/core","name":"_MatOptionBase","line":55,"character":19}]}]}},"MatAutocompleteActivatedEvent":{"__symbolic":"interface"},"MatAutocompleteDefaultOptions":{"__symbolic":"interface"},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":81,"character":8},"arguments":["mat-autocomplete-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"autoActiveFirstOption":false}},"_MatAutocompleteBase":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":93,"character":51,"module":"./autocomplete"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":92,"character":1}}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":118,"character":13},{"static":true}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":121,"character":3},"arguments":["panel"]}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"autoActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"panelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"optionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":154,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":157,"character":3}}]}],"optionActivated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":189,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":187,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":188,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autocomplete"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setScrollTop":[{"__symbolic":"method"}],"_getScrollTop":[{"__symbolic":"method"}],"_setVisibility":[{"__symbolic":"method"}],"_emitSelectEvent":[{"__symbolic":"method"}],"_setVisibilityClasses":[{"__symbolic":"method"}]}},"MatAutocomplete":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatAutocompleteBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":247,"character":1},"arguments":[{"selector":"mat-autocomplete","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":251,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":252,"character":19},"member":"OnPush"},"exportAs":"matAutocomplete","inputs":["disableRipple"],"host":{"class":"mat-autocomplete","$quoted$":["class"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTION_PARENT_COMPONENT","line":259,"character":14},"useExisting":{"__symbolic":"reference","name":"MatAutocomplete"}}],"template":"<ng-template>\n <div class=\"mat-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"_classList\" #panel>\n <ng-content></ng-content>\n </div>\n</ng-template>\n","styles":[".mat-autocomplete-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;visibility:hidden;max-width:none;max-height:256px;position:relative;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.mat-autocomplete-panel.mat-autocomplete-visible{visibility:visible}.mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden}.mat-autocomplete-panel-above .mat-autocomplete-panel{border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}.mat-autocomplete-panel .mat-divider-horizontal{margin-top:-1px}.cdk-high-contrast-active .mat-autocomplete-panel{outline:solid 1px}\n"]}]}],"members":{"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":263,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTGROUP","line":263,"character":19},{"descendants":true}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":264,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":264,"character":19},{"descendants":true}]}]}]}},"MatAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkScrollableModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":34,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"}],"providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"AUTOCOMPLETE_OPTION_HEIGHT":48,"AUTOCOMPLETE_PANEL_HEIGHT":256,"MAT_AUTOCOMPLETE_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":77,"character":8},"arguments":["mat-autocomplete-scroll-strategy"]},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":81,"character":9,"module":"./autocomplete-trigger"}},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":87,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY"}},"MAT_AUTOCOMPLETE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":96,"character":11},"useExisting":{"__symbolic":"reference","name":"MatAutocompleteTrigger"},"multi":true},"getMatAutocompleteMissingPanelError":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":["Attempting to open an undefined instance of `mat-autocomplete`. Make sure that the id passed to the `matAutocomplete` is correct and that you're attempting to open it after the ngAfterContentInit hook."]}},"_MatAutocompleteTriggerBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":112,"character":1}}],"members":{"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3},"arguments":["matAutocomplete"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3},"arguments":["matAutocompletePosition"]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["matAutocompleteConnectedTo"]}]}],"autocompleteAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3},"arguments":["autocomplete"]}]}],"autocompleteDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3},"arguments":["matAutocompleteDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":206,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":207,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":208,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":208,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MAT_FORM_FIELD","line":208,"character":34}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":208,"character":51}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":209,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":209,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":209,"character":34}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":202,"character":43,"context":{"typeName":"HTMLInputElement"},"module":"./autocomplete-trigger"}]},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":202,"character":80},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":203,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":204,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":205,"character":42},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":207,"character":40},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":208,"character":78},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":210,"character":38}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openPanel":[{"__symbolic":"method"}],"closePanel":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"_getOutsideClickStream":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleInput":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_floatLabel":[{"__symbolic":"method"}],"_resetLabel":[{"__symbolic":"method"}],"_subscribeToClosingActions":[{"__symbolic":"method"}],"_destroyPanel":[{"__symbolic":"method"}],"_setTriggerValue":[{"__symbolic":"method"}],"_setValueAndClose":[{"__symbolic":"method"}],"_clearPreviousSelectedOption":[{"__symbolic":"method"}],"_attachOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_getOverlayPosition":[{"__symbolic":"method"}],"_setStrategyPositions":[{"__symbolic":"method"}],"_getConnectedElement":[{"__symbolic":"method"}],"_getPanelWidth":[{"__symbolic":"method"}],"_getHostWidth":[{"__symbolic":"method"}],"_resetActiveItem":[{"__symbolic":"method"}],"_canOpen":[{"__symbolic":"method"}],"_getWindow":[{"__symbolic":"method"}],"_scrollToOption":[{"__symbolic":"method"}]}},"MatAutocompleteTrigger":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatAutocompleteTriggerBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":761,"character":1},"arguments":[{"selector":"input[matAutocomplete], textarea[matAutocomplete]","host":{"class":"mat-autocomplete-trigger","[attr.autocomplete]":"autocompleteAttribute","[attr.role]":"autocompleteDisabled ? null : \"combobox\"","[attr.aria-autocomplete]":"autocompleteDisabled ? null : \"list\"","[attr.aria-activedescendant]":"(panelOpen && activeOption) ? activeOption.id : null","[attr.aria-expanded]":"autocompleteDisabled ? null : panelOpen.toString()","[attr.aria-owns]":"(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id","[attr.aria-haspopup]":"!autocompleteDisabled","(focusin)":"_handleFocus()","(blur)":"_onTouched()","(input)":"_handleInput($event)","(keydown)":"_handleKeydown($event)","$quoted$":["class","[attr.autocomplete]","[attr.role]","[attr.aria-autocomplete]","[attr.aria-activedescendant]","[attr.aria-expanded]","[attr.aria-owns]","[attr.aria-haspopup]","(focusin)","(blur)","(input)","(keydown)"]},"exportAs":"matAutocompleteTrigger","providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_VALUE_ACCESSOR"}]}]}],"members":{}},"_MatAutocompleteOriginBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":15,"character":34,"context":{"typeName":"HTMLElement"},"module":"./autocomplete-origin"}]}]}]}},"MatAutocompleteOrigin":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatAutocompleteOriginBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":22,"character":1},"arguments":[{"selector":"[matAutocompleteOrigin]","exportAs":"matAutocompleteOrigin"}]}],"members":{}}},"origins":{"MatAutocompleteSelectedEvent":"./autocomplete","MatAutocompleteActivatedEvent":"./autocomplete","MatAutocompleteDefaultOptions":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":"./autocomplete","_MatAutocompleteBase":"./autocomplete","MatAutocomplete":"./autocomplete","MatAutocompleteModule":"./autocomplete-module","AUTOCOMPLETE_OPTION_HEIGHT":"./autocomplete-trigger","AUTOCOMPLETE_PANEL_HEIGHT":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":"./autocomplete-trigger","MAT_AUTOCOMPLETE_VALUE_ACCESSOR":"./autocomplete-trigger","getMatAutocompleteMissingPanelError":"./autocomplete-trigger","_MatAutocompleteTriggerBase":"./autocomplete-trigger","MatAutocompleteTrigger":"./autocomplete-trigger","_MatAutocompleteOriginBase":"./autocomplete-origin","MatAutocompleteOrigin":"./autocomplete-origin"},"importAs":"@angular/material/autocomplete"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"MatAutocompleteSelectedEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"_MatAutocompleteBase"},{"__symbolic":"reference","module":"@angular/material/core","name":"_MatOptionBase","line":55,"character":19}]}]}},"MatAutocompleteActivatedEvent":{"__symbolic":"interface"},"MatAutocompleteDefaultOptions":{"__symbolic":"interface"},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":81,"character":8},"arguments":["mat-autocomplete-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"autoActiveFirstOption":false}},"_MatAutocompleteBase":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":93,"character":51,"module":"./autocomplete"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":92,"character":1}}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":118,"character":13},{"static":true}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":121,"character":3},"arguments":["panel"]}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"autoActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"panelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"optionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":154,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":157,"character":3}}]}],"optionActivated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":189,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":187,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":188,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autocomplete"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setScrollTop":[{"__symbolic":"method"}],"_getScrollTop":[{"__symbolic":"method"}],"_setVisibility":[{"__symbolic":"method"}],"_emitSelectEvent":[{"__symbolic":"method"}],"_setVisibilityClasses":[{"__symbolic":"method"}]}},"MatAutocomplete":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatAutocompleteBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":247,"character":1},"arguments":[{"selector":"mat-autocomplete","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":251,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":252,"character":19},"member":"OnPush"},"exportAs":"matAutocomplete","inputs":["disableRipple"],"host":{"class":"mat-autocomplete","$quoted$":["class"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTION_PARENT_COMPONENT","line":259,"character":14},"useExisting":{"__symbolic":"reference","name":"MatAutocomplete"}}],"template":"<ng-template>\n <div class=\"mat-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"_classList\" #panel>\n <ng-content></ng-content>\n </div>\n</ng-template>\n","styles":[".mat-autocomplete-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;visibility:hidden;max-width:none;max-height:256px;position:relative;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.mat-autocomplete-panel.mat-autocomplete-visible{visibility:visible}.mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden}.mat-autocomplete-panel-above .mat-autocomplete-panel{border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}.mat-autocomplete-panel .mat-divider-horizontal{margin-top:-1px}.cdk-high-contrast-active .mat-autocomplete-panel{outline:solid 1px}\n"]}]}],"members":{"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":263,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTGROUP","line":263,"character":19},{"descendants":true}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":264,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":264,"character":19},{"descendants":true}]}]}]}},"MatAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkScrollableModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":34,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"}],"providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"AUTOCOMPLETE_OPTION_HEIGHT":48,"AUTOCOMPLETE_PANEL_HEIGHT":256,"MAT_AUTOCOMPLETE_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":77,"character":8},"arguments":["mat-autocomplete-scroll-strategy"]},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":81,"character":9,"module":"./autocomplete-trigger"}},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":87,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY"}},"MAT_AUTOCOMPLETE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":96,"character":11},"useExisting":{"__symbolic":"reference","name":"MatAutocompleteTrigger"},"multi":true},"getMatAutocompleteMissingPanelError":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":["Attempting to open an undefined instance of `mat-autocomplete`. Make sure that the id passed to the `matAutocomplete` is correct and that you're attempting to open it after the ngAfterContentInit hook."]}},"_MatAutocompleteTriggerBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":112,"character":1}}],"members":{"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3},"arguments":["matAutocomplete"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3},"arguments":["matAutocompletePosition"]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["matAutocompleteConnectedTo"]}]}],"autocompleteAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3},"arguments":["autocomplete"]}]}],"autocompleteDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3},"arguments":["matAutocompleteDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":206,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":207,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":208,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":208,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MAT_FORM_FIELD","line":208,"character":34}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":208,"character":51}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":209,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":209,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":209,"character":34}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":202,"character":43,"context":{"typeName":"HTMLInputElement"},"module":"./autocomplete-trigger"}]},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":202,"character":80},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":203,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":204,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":205,"character":42},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":207,"character":40},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":208,"character":78},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":210,"character":38}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openPanel":[{"__symbolic":"method"}],"closePanel":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"_getOutsideClickStream":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleInput":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_floatLabel":[{"__symbolic":"method"}],"_resetLabel":[{"__symbolic":"method"}],"_subscribeToClosingActions":[{"__symbolic":"method"}],"_destroyPanel":[{"__symbolic":"method"}],"_setTriggerValue":[{"__symbolic":"method"}],"_setValueAndClose":[{"__symbolic":"method"}],"_clearPreviousSelectedOption":[{"__symbolic":"method"}],"_attachOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_getOverlayPosition":[{"__symbolic":"method"}],"_setStrategyPositions":[{"__symbolic":"method"}],"_getConnectedElement":[{"__symbolic":"method"}],"_getPanelWidth":[{"__symbolic":"method"}],"_getHostWidth":[{"__symbolic":"method"}],"_resetActiveItem":[{"__symbolic":"method"}],"_canOpen":[{"__symbolic":"method"}],"_getWindow":[{"__symbolic":"method"}],"_scrollToOption":[{"__symbolic":"method"}]}},"MatAutocompleteTrigger":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatAutocompleteTriggerBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":762,"character":1},"arguments":[{"selector":"input[matAutocomplete], textarea[matAutocomplete]","host":{"class":"mat-autocomplete-trigger","[attr.autocomplete]":"autocompleteAttribute","[attr.role]":"autocompleteDisabled ? null : \"combobox\"","[attr.aria-autocomplete]":"autocompleteDisabled ? null : \"list\"","[attr.aria-activedescendant]":"(panelOpen && activeOption) ? activeOption.id : null","[attr.aria-expanded]":"autocompleteDisabled ? null : panelOpen.toString()","[attr.aria-owns]":"(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id","[attr.aria-haspopup]":"!autocompleteDisabled","(focusin)":"_handleFocus()","(blur)":"_onTouched()","(input)":"_handleInput($event)","(keydown)":"_handleKeydown($event)","$quoted$":["class","[attr.autocomplete]","[attr.role]","[attr.aria-autocomplete]","[attr.aria-activedescendant]","[attr.aria-expanded]","[attr.aria-owns]","[attr.aria-haspopup]","(focusin)","(blur)","(input)","(keydown)"]},"exportAs":"matAutocompleteTrigger","providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_VALUE_ACCESSOR"}]}]}],"members":{}},"_MatAutocompleteOriginBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":15,"character":34,"context":{"typeName":"HTMLElement"},"module":"./autocomplete-origin"}]}]}]}},"MatAutocompleteOrigin":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatAutocompleteOriginBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":22,"character":1},"arguments":[{"selector":"[matAutocompleteOrigin]","exportAs":"matAutocompleteOrigin"}]}],"members":{}}},"origins":{"MatAutocompleteSelectedEvent":"./autocomplete","MatAutocompleteActivatedEvent":"./autocomplete","MatAutocompleteDefaultOptions":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":"./autocomplete","_MatAutocompleteBase":"./autocomplete","MatAutocomplete":"./autocomplete","MatAutocompleteModule":"./autocomplete-module","AUTOCOMPLETE_OPTION_HEIGHT":"./autocomplete-trigger","AUTOCOMPLETE_PANEL_HEIGHT":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":"./autocomplete-trigger","MAT_AUTOCOMPLETE_VALUE_ACCESSOR":"./autocomplete-trigger","getMatAutocompleteMissingPanelError":"./autocomplete-trigger","_MatAutocompleteTriggerBase":"./autocomplete-trigger","MatAutocompleteTrigger":"./autocomplete-trigger","_MatAutocompleteOriginBase":"./autocomplete-origin","MatAutocompleteOrigin":"./autocomplete-origin"},"importAs":"@angular/material/autocomplete"}
|
|
@@ -27,7 +27,19 @@ export declare class MatBottomSheet implements OnDestroy {
|
|
|
27
27
|
get _openedBottomSheetRef(): MatBottomSheetRef<any> | null;
|
|
28
28
|
set _openedBottomSheetRef(value: MatBottomSheetRef<any> | null);
|
|
29
29
|
constructor(_overlay: Overlay, _injector: Injector, _parentBottomSheet: MatBottomSheet, _location?: Location | undefined, _defaultOptions?: MatBottomSheetConfig<any> | undefined);
|
|
30
|
+
/**
|
|
31
|
+
* Opens a bottom sheet containing the given component.
|
|
32
|
+
* @param component Type of the component to load into the bottom sheet.
|
|
33
|
+
* @param config Extra configuration options.
|
|
34
|
+
* @returns Reference to the newly-opened bottom sheet.
|
|
35
|
+
*/
|
|
30
36
|
open<T, D = any, R = any>(component: ComponentType<T>, config?: MatBottomSheetConfig<D>): MatBottomSheetRef<T, R>;
|
|
37
|
+
/**
|
|
38
|
+
* Opens a bottom sheet containing the given template.
|
|
39
|
+
* @param template TemplateRef to instantiate as the bottom sheet content.
|
|
40
|
+
* @param config Extra configuration options.
|
|
41
|
+
* @returns Reference to the newly-opened bottom sheet.
|
|
42
|
+
*/
|
|
31
43
|
open<T, D = any, R = any>(template: TemplateRef<T>, config?: MatBottomSheetConfig<D>): MatBottomSheetRef<T, R>;
|
|
32
44
|
/**
|
|
33
45
|
* Dismisses the currently-visible bottom sheet.
|
|
@@ -766,7 +766,7 @@
|
|
|
766
766
|
// in line with other browsers. By default, pressing escape on IE will cause it to revert
|
|
767
767
|
// the input value to the one that it had on focus, however it won't dispatch any events
|
|
768
768
|
// which means that the model value will be out of sync with the view.
|
|
769
|
-
if (keyCode === keycodes.ESCAPE) {
|
|
769
|
+
if (keyCode === keycodes.ESCAPE && !keycodes.hasModifierKey(event)) {
|
|
770
770
|
event.preventDefault();
|
|
771
771
|
}
|
|
772
772
|
if (this.activeOption && keyCode === keycodes.ENTER && this.panelOpen) {
|
|
@@ -925,7 +925,7 @@
|
|
|
925
925
|
*/
|
|
926
926
|
_MatAutocompleteTriggerBase.prototype._clearPreviousSelectedOption = function (skip) {
|
|
927
927
|
this.autocomplete.options.forEach(function (option) {
|
|
928
|
-
if (option
|
|
928
|
+
if (option !== skip && option.selected) {
|
|
929
929
|
option.deselect();
|
|
930
930
|
}
|
|
931
931
|
});
|
|
@@ -950,7 +950,8 @@
|
|
|
950
950
|
overlayRef.keydownEvents().subscribe(function (event) {
|
|
951
951
|
// Close when pressing ESCAPE or ALT + UP_ARROW, based on the a11y guidelines.
|
|
952
952
|
// See: https://www.w3.org/TR/wai-aria-practices-1.1/#textbox-keyboard-interaction
|
|
953
|
-
if (event.keyCode === keycodes.ESCAPE
|
|
953
|
+
if ((event.keyCode === keycodes.ESCAPE && !keycodes.hasModifierKey(event)) ||
|
|
954
|
+
(event.keyCode === keycodes.UP_ARROW && keycodes.hasModifierKey(event, 'altKey'))) {
|
|
954
955
|
_this._resetActiveItem();
|
|
955
956
|
_this._closeKeyEventStream.next();
|
|
956
957
|
// We need to stop propagation, otherwise the event will eventually
|