@ng-matero/extensions 19.4.0 → 20.0.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.
- package/_index.scss +1 -1
- package/alert/_alert-theme.scss +26 -31
- package/alert/_m2-alert.scss +59 -0
- package/alert/_m3-alert.scss +41 -0
- package/alert/alert.scss +27 -31
- package/alert/index.d.ts +30 -5
- package/button/index.d.ts +31 -5
- package/checkbox-group/index.d.ts +117 -5
- package/colorpicker/_colorpicker-theme.scss +31 -36
- package/{core/tokens/m2/mtx/_colorpicker.scss → colorpicker/_m2-colorpicker.scss} +6 -10
- package/colorpicker/_m3-colorpicker.scss +23 -0
- package/colorpicker/colorpicker-toggle.scss +4 -9
- package/colorpicker/index.d.ts +285 -3
- package/column-resize/index.d.ts +456 -3
- package/core/index.d.ts +147 -5
- package/core/theming/_color-api-backwards-compatibility.scss +8 -15
- package/core/theming/_definition.scss +81 -75
- package/core/theming/_palettes.scss +1036 -0
- package/core/tokens/{m2/_index.scss → _m2-tokens.scss} +22 -22
- package/core/tokens/_m2-utils.scss +108 -0
- package/core/tokens/_m3-system.scss +128 -106
- package/core/tokens/_m3-tokens.scss +36 -282
- package/core/tokens/_m3-utils.scss +48 -0
- package/core/tokens/_token-utils.scss +67 -239
- package/core/tokens/m3/_index.scss +7 -0
- package/core/tokens/m3/_md-sys-color.scss +156 -0
- package/core/tokens/m3/_md-sys-elevation.scss +15 -0
- package/core/tokens/m3/_md-sys-motion.scss +35 -0
- package/core/tokens/m3/_md-sys-shape.scss +21 -0
- package/core/tokens/m3/_md-sys-state.scss +13 -0
- package/core/tokens/m3/_md-sys-typescale.scss +128 -0
- package/core/tokens/m3/_theme.scss +47 -0
- package/datetimepicker/_datetimepicker-theme.scss +29 -39
- package/datetimepicker/_m2-datetimepicker.scss +149 -0
- package/datetimepicker/_m3-datetimepicker.scss +81 -0
- package/datetimepicker/calendar-body.scss +31 -56
- package/datetimepicker/calendar.scss +43 -79
- package/datetimepicker/clock.scss +28 -47
- package/datetimepicker/datetimepicker-content.scss +9 -15
- package/datetimepicker/datetimepicker-toggle.scss +4 -9
- package/datetimepicker/index.d.ts +1208 -3
- package/datetimepicker/time-view.scss +26 -32
- package/dialog/index.d.ts +54 -5
- package/drawer/_drawer-theme.scss +25 -30
- package/{core/tokens/m2/mtx/_drawer.scss → drawer/_m2-drawer.scss} +9 -12
- package/drawer/_m3-drawer.scss +24 -0
- package/drawer/drawer-container.scss +13 -24
- package/drawer/index.d.ts +221 -3
- package/fesm2022/mtxAlert.mjs +7 -7
- package/fesm2022/mtxAlert.mjs.map +1 -1
- package/fesm2022/mtxButton.mjs +7 -7
- package/fesm2022/mtxCheckboxGroup.mjs +7 -7
- package/fesm2022/mtxColorpicker.mjs +21 -21
- package/fesm2022/mtxColorpicker.mjs.map +1 -1
- package/fesm2022/mtxColumnResize.mjs +232 -103
- package/fesm2022/mtxColumnResize.mjs.map +1 -1
- package/fesm2022/mtxCore.mjs +21 -21
- package/fesm2022/mtxDatetimepicker.mjs +63 -63
- package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2022/mtxDialog.mjs +10 -10
- package/fesm2022/mtxDialog.mjs.map +1 -1
- package/fesm2022/mtxDrawer.mjs +10 -10
- package/fesm2022/mtxGrid.mjs +78 -77
- package/fesm2022/mtxGrid.mjs.map +1 -1
- package/fesm2022/mtxLoader.mjs +7 -7
- package/fesm2022/mtxPhotoviewer.mjs +7 -7
- package/fesm2022/mtxPopover.mjs +24 -25
- package/fesm2022/mtxPopover.mjs.map +1 -1
- package/fesm2022/mtxProgress.mjs +7 -7
- package/fesm2022/mtxSelect.mjs +54 -54
- package/fesm2022/mtxSelect.mjs.map +1 -1
- package/fesm2022/mtxSplit.mjs +10 -10
- package/fesm2022/mtxTooltip.mjs +13 -13
- package/fesm2022/mtxTooltip.mjs.map +1 -1
- package/grid/_grid-theme.scss +22 -35
- package/grid/_m2-grid.scss +66 -0
- package/grid/_m3-grid.scss +35 -0
- package/grid/column-menu.scss +6 -23
- package/grid/column-resize/_column-resize.scss +35 -30
- package/grid/grid.scss +41 -73
- package/grid/index.d.ts +799 -3
- package/index.d.ts +2 -5
- package/loader/_loader-theme.scss +26 -31
- package/{core/tokens/m2/mtx/_loader.scss → loader/_m2-loader.scss} +5 -10
- package/loader/_m3-loader.scss +20 -0
- package/loader/index.d.ts +43 -5
- package/loader/loader.scss +4 -5
- package/package.json +29 -29
- package/photoviewer/index.d.ts +26 -5
- package/{core/tokens/m2/mtx/_popover.scss → popover/_m2-popover.scss} +9 -12
- package/popover/_m3-popover.scss +26 -0
- package/popover/_popover-theme.scss +26 -31
- package/popover/index.d.ts +399 -3
- package/popover/popover.scss +23 -29
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/progress/_m2-progress.scss +53 -0
- package/progress/_m3-progress.scss +33 -0
- package/progress/_progress-theme.scss +22 -34
- package/progress/index.d.ts +35 -5
- package/progress/progress.scss +28 -43
- package/select/_m2-select.scss +79 -0
- package/select/_m3-select.scss +46 -0
- package/select/_select-theme.scss +27 -37
- package/select/index.d.ts +381 -3
- package/select/select.scss +189 -205
- package/{core/tokens/m2/mtx/_split.scss → split/_m2-split.scss} +6 -9
- package/split/_m3-split.scss +23 -0
- package/split/_split-theme.scss +31 -34
- package/split/index.d.ts +255 -3
- package/split/split.scss +8 -11
- package/tooltip/_m2-tooltip.scss +50 -0
- package/tooltip/_m3-tooltip.scss +28 -0
- package/tooltip/_tooltip-theme.scss +23 -47
- package/tooltip/index.d.ts +345 -3
- package/tooltip/tooltip.scss +11 -15
- package/alert/alert-module.d.ts +0 -8
- package/alert/alert.d.ts +0 -19
- package/alert/public-api.d.ts +0 -2
- package/button/button-loading.d.ts +0 -19
- package/button/button-module.d.ts +0 -10
- package/button/public-api.d.ts +0 -2
- package/checkbox-group/checkbox-group-module.d.ts +0 -11
- package/checkbox-group/checkbox-group.d.ts +0 -86
- package/checkbox-group/interfaces.d.ts +0 -17
- package/checkbox-group/public-api.d.ts +0 -3
- package/colorpicker/colorpicker-animations.d.ts +0 -9
- package/colorpicker/colorpicker-input.d.ts +0 -88
- package/colorpicker/colorpicker-module.d.ts +0 -15
- package/colorpicker/colorpicker-toggle.d.ts +0 -39
- package/colorpicker/colorpicker.d.ts +0 -140
- package/colorpicker/public-api.d.ts +0 -5
- package/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -29
- package/column-resize/column-resize-directives/column-resize.d.ts +0 -29
- package/column-resize/column-resize-directives/constants.d.ts +0 -10
- package/column-resize/column-resize-module.d.ts +0 -12
- package/column-resize/column-resize-notifier.d.ts +0 -48
- package/column-resize/column-resize.d.ts +0 -39
- package/column-resize/column-size-store.d.ts +0 -12
- package/column-resize/event-dispatcher.d.ts +0 -35
- package/column-resize/overlay-handle.d.ts +0 -43
- package/column-resize/polyfill.d.ts +0 -9
- package/column-resize/public-api.d.ts +0 -12
- package/column-resize/resizable.d.ts +0 -63
- package/column-resize/resize-ref.d.ts +0 -17
- package/column-resize/resize-strategy.d.ts +0 -84
- package/column-resize/selectors.d.ts +0 -10
- package/core/datetime/datetime-adapter.d.ts +0 -45
- package/core/datetime/datetime-formats.d.ts +0 -22
- package/core/datetime/datetime.module.d.ts +0 -15
- package/core/datetime/index.d.ts +0 -5
- package/core/datetime/native-datetime-adapter.d.ts +0 -40
- package/core/datetime/native-datetime-formats.d.ts +0 -2
- package/core/pipes/index.d.ts +0 -3
- package/core/pipes/is-template-ref.pipe.d.ts +0 -7
- package/core/pipes/pipes.module.d.ts +0 -9
- package/core/pipes/to-observable.pipe.d.ts +0 -8
- package/core/public-api.d.ts +0 -2
- package/core/theming/_inspection.scss +0 -38
- package/core/theming/_validation.scss +0 -5
- package/core/tokens/_density.scss +0 -49
- package/core/tokens/_format-tokens.scss +0 -5
- package/core/tokens/_token-definition.scss +0 -271
- package/core/tokens/m2/mdc/_plain-tooltip.scss +0 -63
- package/core/tokens/m2/mtx/_alert.scss +0 -62
- package/core/tokens/m2/mtx/_datetimepicker.scss +0 -152
- package/core/tokens/m2/mtx/_grid.scss +0 -69
- package/core/tokens/m2/mtx/_progress.scss +0 -56
- package/core/tokens/m2/mtx/_select.scss +0 -82
- package/core/tokens/m3/definitions/_index.scss +0 -9
- package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +0 -51
- package/core/tokens/m3/definitions/_md-ref-palette.scss +0 -100
- package/core/tokens/m3/definitions/_md-ref-typeface.scss +0 -14
- package/core/tokens/m3/definitions/_md-sys-color.scss +0 -126
- package/core/tokens/m3/definitions/_md-sys-elevation.scss +0 -15
- package/core/tokens/m3/definitions/_md-sys-motion.scss +0 -46
- package/core/tokens/m3/definitions/_md-sys-shape.scss +0 -24
- package/core/tokens/m3/definitions/_md-sys-state.scss +0 -13
- package/core/tokens/m3/definitions/_md-sys-typescale.scss +0 -308
- package/core/tokens/m3/index.scss +0 -47
- package/core/tokens/m3/mdc/_plain-tooltip.scss +0 -15
- package/core/tokens/m3/mtx/_alert.scss +0 -41
- package/core/tokens/m3/mtx/_colorpicker.scss +0 -19
- package/core/tokens/m3/mtx/_datetimepicker.scss +0 -140
- package/core/tokens/m3/mtx/_drawer.scss +0 -22
- package/core/tokens/m3/mtx/_grid.scss +0 -32
- package/core/tokens/m3/mtx/_loader.scss +0 -22
- package/core/tokens/m3/mtx/_popover.scss +0 -25
- package/core/tokens/m3/mtx/_progress.scss +0 -32
- package/core/tokens/m3/mtx/_select.scss +0 -76
- package/core/tokens/m3/mtx/_split.scss +0 -30
- package/datetimepicker/calendar-body.d.ts +0 -66
- package/datetimepicker/calendar.d.ts +0 -157
- package/datetimepicker/clock.d.ts +0 -101
- package/datetimepicker/datetimepicker-actions.d.ts +0 -36
- package/datetimepicker/datetimepicker-animations.d.ts +0 -11
- package/datetimepicker/datetimepicker-errors.d.ts +0 -2
- package/datetimepicker/datetimepicker-filtertype.d.ts +0 -5
- package/datetimepicker/datetimepicker-input.d.ts +0 -105
- package/datetimepicker/datetimepicker-intl.d.ts +0 -53
- package/datetimepicker/datetimepicker-module.d.ts +0 -22
- package/datetimepicker/datetimepicker-toggle.d.ts +0 -42
- package/datetimepicker/datetimepicker-types.d.ts +0 -6
- package/datetimepicker/datetimepicker.d.ts +0 -274
- package/datetimepicker/month-view.d.ts +0 -80
- package/datetimepicker/multi-year-view.d.ts +0 -86
- package/datetimepicker/public-api.d.ts +0 -16
- package/datetimepicker/time-view.d.ts +0 -147
- package/datetimepicker/year-view.d.ts +0 -68
- package/dialog/dialog-config.d.ts +0 -17
- package/dialog/dialog-container.d.ts +0 -11
- package/dialog/dialog-module.d.ts +0 -12
- package/dialog/dialog.d.ts +0 -15
- package/dialog/public-api.d.ts +0 -4
- package/drawer/drawer-animations.d.ts +0 -8
- package/drawer/drawer-config.d.ts +0 -63
- package/drawer/drawer-container.d.ts +0 -35
- package/drawer/drawer-module.d.ts +0 -10
- package/drawer/drawer-ref.d.ts +0 -53
- package/drawer/drawer.d.ts +0 -59
- package/drawer/public-api.d.ts +0 -6
- package/grid/cell.d.ts +0 -32
- package/grid/column-menu.d.ts +0 -39
- package/grid/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -24
- package/grid/column-resize/column-resize-directives/column-resize.d.ts +0 -24
- package/grid/column-resize/column-resize-directives/common.d.ts +0 -13
- package/grid/column-resize/column-resize-module.d.ts +0 -17
- package/grid/column-resize/index.d.ts +0 -7
- package/grid/column-resize/overlay-handle.d.ts +0 -32
- package/grid/column-resize/resizable-directives/common.d.ts +0 -19
- package/grid/column-resize/resizable-directives/resizable.d.ts +0 -32
- package/grid/column-resize/resize-strategy.d.ts +0 -20
- package/grid/expansion-toggle.d.ts +0 -17
- package/grid/grid-module.d.ts +0 -31
- package/grid/grid-pipes.d.ts +0 -39
- package/grid/grid-utils.d.ts +0 -33
- package/grid/grid.d.ts +0 -268
- package/grid/interfaces.d.ts +0 -180
- package/grid/public-api.d.ts +0 -17
- package/grid/selectable-cell.d.ts +0 -16
- package/loader/loader-module.d.ts +0 -10
- package/loader/loader.d.ts +0 -30
- package/loader/public-api.d.ts +0 -2
- package/photoviewer/photoviewer-module.d.ts +0 -7
- package/photoviewer/photoviewer.d.ts +0 -17
- package/photoviewer/public-api.d.ts +0 -2
- package/popover/popover-animations.d.ts +0 -11
- package/popover/popover-content.d.ts +0 -43
- package/popover/popover-errors.d.ts +0 -14
- package/popover/popover-interfaces.d.ts +0 -50
- package/popover/popover-module.d.ts +0 -13
- package/popover/popover-target.d.ts +0 -7
- package/popover/popover-trigger.d.ts +0 -132
- package/popover/popover-types.d.ts +0 -10
- package/popover/popover.d.ts +0 -147
- package/popover/public-api.d.ts +0 -8
- package/progress/progress-module.d.ts +0 -8
- package/progress/progress.d.ts +0 -24
- package/progress/public-api.d.ts +0 -2
- package/public-api.d.ts +0 -2
- package/select/option.d.ts +0 -21
- package/select/public-api.d.ts +0 -5
- package/select/select-intl.d.ts +0 -18
- package/select/select-module.d.ts +0 -12
- package/select/select.d.ts +0 -270
- package/select/templates.d.ts +0 -67
- package/split/interfaces.d.ts +0 -52
- package/split/public-api.d.ts +0 -5
- package/split/split-module.d.ts +0 -9
- package/split/split-pane.d.ts +0 -53
- package/split/split.d.ts +0 -133
- package/split/utils.d.ts +0 -13
- package/tooltip/public-api.d.ts +0 -3
- package/tooltip/tooltip-animations.d.ts +0 -9
- package/tooltip/tooltip-module.d.ts +0 -13
- package/tooltip/tooltip.d.ts +0 -321
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '../../token-definition';
|
|
3
|
-
|
|
4
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
5
|
-
$prefix: (mtx, colorpicker);
|
|
6
|
-
|
|
7
|
-
/// Generates custom tokens for the mtx-colorpicker.
|
|
8
|
-
/// @param {Map} $systems The MDC system tokens
|
|
9
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
10
|
-
/// @param {Map} $token-slots Possible token slots
|
|
11
|
-
/// @return {Map} A set of custom tokens for the mtx-colorpicker
|
|
12
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
|
-
$tokens: (
|
|
14
|
-
toggle-active-state-icon-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
15
|
-
toggle-icon-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
16
|
-
);
|
|
17
|
-
|
|
18
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
19
|
-
}
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
@use '../../token-definition';
|
|
4
|
-
@use '../../../style/elevation';
|
|
5
|
-
|
|
6
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
7
|
-
$prefix: (mtx, datetimepicker);
|
|
8
|
-
|
|
9
|
-
/// Generates custom tokens for the mtx-datetimepicker.
|
|
10
|
-
/// @param {Map} $systems The MDC system tokens
|
|
11
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
12
|
-
/// @param {Map} $token-slots Possible token slots
|
|
13
|
-
/// @return {Map} A set of custom tokens for the mtx-datetimepicker
|
|
14
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
15
|
-
$tokens: ((
|
|
16
|
-
calendar-header-background-color: token-definition.hardcode(transparent, $exclude-hardcoded),
|
|
17
|
-
calendar-date-selected-state-text-color: map.get($systems, md-sys-color, on-primary),
|
|
18
|
-
calendar-date-selected-state-background-color: map.get($systems, md-sys-color, primary),
|
|
19
|
-
calendar-date-selected-disabled-state-background-color: mat.private-safe-color-change(
|
|
20
|
-
map.get($systems, md-sys-color, on-surface),
|
|
21
|
-
$alpha: 0.38
|
|
22
|
-
),
|
|
23
|
-
calendar-date-today-selected-state-outline-color: map.get($systems, md-sys-color, primary),
|
|
24
|
-
calendar-date-focus-state-background-color: mat.private-safe-color-change(
|
|
25
|
-
map.get($systems, md-sys-color, on-surface),
|
|
26
|
-
$alpha: map.get($systems, md-sys-state, focus-state-layer-opacity)
|
|
27
|
-
),
|
|
28
|
-
calendar-date-hover-state-background-color: mat.private-safe-color-change(
|
|
29
|
-
map.get($systems, md-sys-color, on-surface),
|
|
30
|
-
$alpha: map.get($systems, md-sys-state, hover-state-layer-opacity)
|
|
31
|
-
),
|
|
32
|
-
toggle-active-state-icon-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
33
|
-
toggle-icon-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
34
|
-
calendar-body-label-text-color: map.get($systems, md-sys-color, on-surface),
|
|
35
|
-
calendar-body-week-number-text-color: map.get($systems, md-sys-color, secondary),
|
|
36
|
-
calendar-header-text-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
37
|
-
calendar-header-divider-color: map.get($systems, md-sys-color, outline-variant),
|
|
38
|
-
calendar-table-header-text-color: map.get($systems, md-sys-color, on-surface),
|
|
39
|
-
calendar-date-today-outline-color: map.get($systems, md-sys-color, primary),
|
|
40
|
-
calendar-date-text-color: map.get($systems, md-sys-color, on-surface),
|
|
41
|
-
calendar-date-outline-color: token-definition.hardcode(transparent, $exclude-hardcoded),
|
|
42
|
-
calendar-date-disabled-state-text-color: mat.private-safe-color-change(
|
|
43
|
-
map.get($systems, md-sys-color, on-surface),
|
|
44
|
-
$alpha: 0.38
|
|
45
|
-
),
|
|
46
|
-
container-background-color: map.get($systems, md-sys-color, surface-container-high),
|
|
47
|
-
container-text-color: map.get($systems, md-sys-color, on-surface),
|
|
48
|
-
|
|
49
|
-
clock-dial-background-color: map.get($systems, md-sys-color, surface-container-highest),
|
|
50
|
-
clock-cell-text-color: map.get($systems, md-sys-color, on-surface),
|
|
51
|
-
clock-cell-hover-state-background-color: mat.private-safe-color-change(
|
|
52
|
-
map.get($systems, md-sys-color, on-surface),
|
|
53
|
-
$alpha: map.get($systems, md-sys-state, hover-state-layer-opacity)
|
|
54
|
-
),
|
|
55
|
-
clock-cell-disabled-state-text-color: mat.private-safe-color-change(
|
|
56
|
-
map.get($systems, md-sys-color, on-surface),
|
|
57
|
-
$alpha: 0.38
|
|
58
|
-
),
|
|
59
|
-
clock-cell-selected-state-background-color: map.get($systems, md-sys-color, primary),
|
|
60
|
-
clock-hand-background-color: map.get($systems, md-sys-color, primary),
|
|
61
|
-
time-input-active-state-text-color: map.get($systems, md-sys-color, on-primary-container),
|
|
62
|
-
time-input-active-state-background-color: map.get($systems, md-sys-color, primary-container),
|
|
63
|
-
time-input-focus-state-outline-color: map.get($systems, md-sys-color, primary),
|
|
64
|
-
time-input-focus-state-placeholder-text-color: map.get($systems, md-sys-color, on-primary-container),
|
|
65
|
-
time-input-text-color: map.get($systems, md-sys-color, on-surface),
|
|
66
|
-
time-input-background-color: map.get($systems, md-sys-color, surface-container-highest),
|
|
67
|
-
time-input-focus-state-background-color: map.get($systems, md-sys-color, primary-container),
|
|
68
|
-
time-input-warn-state-outline-color: map.get($systems, md-sys-color, error),
|
|
69
|
-
time-ampm-text-color: map.get($systems, md-sys-color, on-surface),
|
|
70
|
-
time-ampm-outline-color: map.get($systems, md-sys-color, outline),
|
|
71
|
-
time-ampm-selected-state-text-color: map.get($systems, md-sys-color, on-tertiary-container),
|
|
72
|
-
time-ampm-selected-state-background-color: map.get($systems, md-sys-color, tertiary-container),
|
|
73
|
-
|
|
74
|
-
container-elevation-shadow: token-definition.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
|
|
75
|
-
container-touch-elevation-shadow: token-definition.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
|
|
76
|
-
container-shape: map.get($systems, md-sys-shape, corner-large),
|
|
77
|
-
container-touch-shape: map.get($systems, md-sys-shape, corner-extra-large),
|
|
78
|
-
selector-container-shape: map.get($systems, md-sys-shape, corner-small),
|
|
79
|
-
|
|
80
|
-
calendar-text-font: map.get($systems, md-sys-typescale, body-medium-font),
|
|
81
|
-
calendar-text-size: map.get($systems, md-sys-typescale, body-medium-size),
|
|
82
|
-
calendar-body-label-text-size: map.get($systems, md-sys-typescale, title-small-size),
|
|
83
|
-
calendar-body-label-text-weight: map.get($systems, md-sys-typescale, title-small-weight),
|
|
84
|
-
calendar-period-button-text-size: map.get($systems, md-sys-typescale, title-small-size),
|
|
85
|
-
calendar-period-button-text-weight: map.get($systems, md-sys-typescale, title-small-weight),
|
|
86
|
-
calendar-header-text-size: map.get($systems, md-sys-typescale, title-small-size),
|
|
87
|
-
calendar-header-text-weight: map.get($systems, md-sys-typescale, title-small-weight),
|
|
88
|
-
clock-text-size: map.get($systems, md-sys-typescale, title-small-size),
|
|
89
|
-
), (
|
|
90
|
-
// Color variants:
|
|
91
|
-
primary: (), // Default, no overrides needed.
|
|
92
|
-
secondary: (
|
|
93
|
-
calendar-date-selected-state-text-color: map.get($systems, md-sys-color, on-secondary),
|
|
94
|
-
calendar-date-selected-state-background-color: map.get($systems, md-sys-color, secondary),
|
|
95
|
-
calendar-date-today-selected-state-outline-color: map.get($systems, md-sys-color, secondary),
|
|
96
|
-
calendar-date-today-outline-color: map.get($systems, md-sys-color, secondary),
|
|
97
|
-
clock-hand-background-color: map.get($systems, md-sys-color, secondary),
|
|
98
|
-
clock-cell-selected-state-background-color: map.get($systems, md-sys-color, secondary),
|
|
99
|
-
time-input-active-state-text-color: map.get($systems, md-sys-color, on-secondary-container),
|
|
100
|
-
time-input-active-state-background-color: map.get($systems, md-sys-color, secondary-container),
|
|
101
|
-
time-input-focus-state-outline-color: map.get($systems, md-sys-color, secondary),
|
|
102
|
-
time-input-focus-state-placeholder-text-color: map.get($systems, md-sys-color, on-secondary-container),
|
|
103
|
-
time-input-focus-state-background-color: map.get($systems, md-sys-color, secondary-container),
|
|
104
|
-
time-ampm-selected-state-text-color: map.get($systems, md-sys-color, on-tertiary-container),
|
|
105
|
-
time-ampm-selected-state-background-color: map.get($systems, md-sys-color, tertiary-container),
|
|
106
|
-
),
|
|
107
|
-
tertiary: (
|
|
108
|
-
calendar-date-selected-state-text-color: map.get($systems, md-sys-color, on-tertiary),
|
|
109
|
-
calendar-date-selected-state-background-color: map.get($systems, md-sys-color, tertiary),
|
|
110
|
-
calendar-date-today-selected-state-outline-color: map.get($systems, md-sys-color, tertiary),
|
|
111
|
-
calendar-date-today-outline-color: map.get($systems, md-sys-color, tertiary),
|
|
112
|
-
clock-hand-background-color: map.get($systems, md-sys-color, tertiary),
|
|
113
|
-
clock-cell-selected-state-background-color: map.get($systems, md-sys-color, tertiary),
|
|
114
|
-
time-input-active-state-text-color: map.get($systems, md-sys-color, on-tertiary-container),
|
|
115
|
-
time-input-active-state-background-color: map.get($systems, md-sys-color, tertiary-container),
|
|
116
|
-
time-input-focus-state-outline-color: map.get($systems, md-sys-color, tertiary),
|
|
117
|
-
time-input-focus-state-placeholder-text-color: map.get($systems, md-sys-color, on-tertiary-container),
|
|
118
|
-
time-input-focus-state-background-color: map.get($systems, md-sys-color, tertiary-container),
|
|
119
|
-
time-ampm-selected-state-text-color: map.get($systems, md-sys-color, on-error-container),
|
|
120
|
-
time-ampm-selected-state-background-color: map.get($systems, md-sys-color, error-container),
|
|
121
|
-
),
|
|
122
|
-
error: (
|
|
123
|
-
calendar-date-selected-state-text-color: map.get($systems, md-sys-color, on-error),
|
|
124
|
-
calendar-date-selected-state-background-color: map.get($systems, md-sys-color, error),
|
|
125
|
-
calendar-date-today-selected-state-outline-color: map.get($systems, md-sys-color, error),
|
|
126
|
-
calendar-date-today-outline-color: map.get($systems, md-sys-color, error),
|
|
127
|
-
clock-hand-background-color: map.get($systems, md-sys-color, error),
|
|
128
|
-
clock-cell-selected-state-background-color: map.get($systems, md-sys-color, error),
|
|
129
|
-
time-input-active-state-text-color: map.get($systems, md-sys-color, on-error-container),
|
|
130
|
-
time-input-active-state-background-color: map.get($systems, md-sys-color, error-container),
|
|
131
|
-
time-input-focus-state-outline-color: map.get($systems, md-sys-color, error),
|
|
132
|
-
time-input-focus-state-placeholder-text-color: map.get($systems, md-sys-color, on-error-container),
|
|
133
|
-
time-input-focus-state-background-color: map.get($systems, md-sys-color, error-container),
|
|
134
|
-
time-ampm-selected-state-text-color: map.get($systems, md-sys-color, on-primary-container),
|
|
135
|
-
time-ampm-selected-state-background-color: map.get($systems, md-sys-color, primary-container),
|
|
136
|
-
)
|
|
137
|
-
));
|
|
138
|
-
|
|
139
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
140
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '../../../style/elevation';
|
|
3
|
-
@use '../../token-definition';
|
|
4
|
-
|
|
5
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
|
-
$prefix: (mtx, drawer);
|
|
7
|
-
|
|
8
|
-
/// Generates custom tokens for the mtx-drawer.
|
|
9
|
-
/// @param {Map} $systems The MDC system tokens
|
|
10
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
11
|
-
/// @param {Map} $token-slots Possible token slots
|
|
12
|
-
/// @return {Map} A set of custom tokens for the mtx-drawer
|
|
13
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$tokens: (
|
|
15
|
-
container-shape: map.get($systems, md-sys-shape, corner-large),
|
|
16
|
-
container-elevation-shadow: token-definition.hardcode(elevation.get-box-shadow(2), $exclude-hardcoded),
|
|
17
|
-
container-background-color: map.get($systems, md-sys-color, surface),
|
|
18
|
-
container-text-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
19
|
-
);
|
|
20
|
-
|
|
21
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
22
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '../../token-definition';
|
|
3
|
-
|
|
4
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
5
|
-
$prefix: (mtx, grid);
|
|
6
|
-
|
|
7
|
-
/// Generates custom tokens for the mtx-grid.
|
|
8
|
-
/// @param {Map} $systems The MDC system tokens
|
|
9
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
10
|
-
/// @param {Map} $token-slots Possible token slots
|
|
11
|
-
/// @return {Map} A set of custom tokens for the mtx-grid
|
|
12
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
|
-
$tokens: (
|
|
14
|
-
container-shape: map.get($systems, md-sys-shape, corner-medium),
|
|
15
|
-
table-cell-min-width: token-definition.hardcode(80px, $exclude-hardcoded),
|
|
16
|
-
|
|
17
|
-
outline-color: map.get($systems, md-sys-color, outline-variant),
|
|
18
|
-
column-menu-text-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
19
|
-
column-menu-divider-color: map.get($systems, md-sys-color, outline-variant),
|
|
20
|
-
table-footer-background-color: map.get($systems, md-sys-color, surface-container),
|
|
21
|
-
table-row-striped-background-color: map.get($systems, md-sys-color, surface-container),
|
|
22
|
-
table-row-hover-background-color: map.get($systems, md-sys-color, secondary-container),
|
|
23
|
-
table-row-selected-background-color: map.get($systems, md-sys-color, secondary-container),
|
|
24
|
-
table-row-selected-hover-background-color: map.get($systems, md-sys-color, primary-container),
|
|
25
|
-
table-cell-selected-outline-color: map.get($systems, md-sys-color, primary),
|
|
26
|
-
resizable-handle-active-background-color: map.get($systems, md-sys-color, primary),
|
|
27
|
-
resizable-handle-hover-background-color: map.get($systems, md-sys-color, primary),
|
|
28
|
-
resizable-handle-disabled-background-color: map.get($systems, md-sys-color, outline-variant),
|
|
29
|
-
);
|
|
30
|
-
|
|
31
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
32
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
@use '../../token-definition';
|
|
4
|
-
|
|
5
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
|
-
$prefix: (mtx, loader);
|
|
7
|
-
|
|
8
|
-
/// Generates custom tokens for the mtx-loader.
|
|
9
|
-
/// @param {Map} $systems The MDC system tokens
|
|
10
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
11
|
-
/// @param {Map} $token-slots Possible token slots
|
|
12
|
-
/// @return {Map} A set of custom tokens for the mtx-loader
|
|
13
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$tokens: (
|
|
15
|
-
backdrop-background-color: mat.private-safe-color-change(
|
|
16
|
-
map.get($systems, md-sys-color, surface),
|
|
17
|
-
$alpha: 0.75
|
|
18
|
-
),
|
|
19
|
-
);
|
|
20
|
-
|
|
21
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
22
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '../../token-definition';
|
|
3
|
-
|
|
4
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
5
|
-
$prefix: (mtx, popover);
|
|
6
|
-
|
|
7
|
-
/// Generates custom tokens for the mtx-popover.
|
|
8
|
-
/// @param {Map} $systems The MDC system tokens
|
|
9
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
10
|
-
/// @param {Map} $token-slots Possible token slots
|
|
11
|
-
/// @return {Map} A set of custom tokens for the mtx-popover
|
|
12
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
|
-
$tokens: (
|
|
14
|
-
container-shape: map.get($systems, md-sys-shape, corner-extra-small),
|
|
15
|
-
|
|
16
|
-
outline-color: map.get($systems, md-sys-color, surface-container),
|
|
17
|
-
background-color: map.get($systems, md-sys-color, surface-container),
|
|
18
|
-
text-color: map.get($systems, md-sys-color, on-surface),
|
|
19
|
-
// Note that this uses a value, rather than a computed box-shadow, because we use
|
|
20
|
-
// the value at runtime to determine which shadow to set based on the popover's depth.
|
|
21
|
-
base-elevation-level: token-definition.hardcode(2, $exclude-hardcoded),
|
|
22
|
-
);
|
|
23
|
-
|
|
24
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
25
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
@use '../../token-definition';
|
|
4
|
-
|
|
5
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
|
-
$prefix: (mtx, progress);
|
|
7
|
-
|
|
8
|
-
/// Generates custom tokens for the mtx-progress.
|
|
9
|
-
/// @param {Map} $systems The MDC system tokens
|
|
10
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
11
|
-
/// @param {Map} $token-slots Possible token slots
|
|
12
|
-
/// @return {Map} A set of custom tokens for the mtx-progress
|
|
13
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$tokens: (
|
|
15
|
-
container-shape: map.get($systems, md-sys-shape, corner-extra-small),
|
|
16
|
-
text-size: map.get($systems, md-sys-typescale, label-medium-size),
|
|
17
|
-
|
|
18
|
-
track-color: map.get($systems, md-sys-color, surface-container),
|
|
19
|
-
indicator-color: map.get($systems, md-sys-color, outline-variant),
|
|
20
|
-
text-color: map.get($systems, md-sys-color, on-surface),
|
|
21
|
-
info-indicator-color: map.get(mat.$blue-palette, 50),
|
|
22
|
-
info-text-color:token-definition.hardcode(white, $exclude-hardcoded),
|
|
23
|
-
success-indicator-color: map.get(mat.$green-palette, 50),
|
|
24
|
-
success-text-color:token-definition.hardcode(white, $exclude-hardcoded),
|
|
25
|
-
warning-indicator-color: map.get(mat.$orange-palette, 50),
|
|
26
|
-
warning-text-color:token-definition.hardcode(white, $exclude-hardcoded),
|
|
27
|
-
danger-indicator-color: map.get(mat.$red-palette, 50),
|
|
28
|
-
danger-text-color:token-definition.hardcode(white, $exclude-hardcoded),
|
|
29
|
-
);
|
|
30
|
-
|
|
31
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
32
|
-
}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
@use '../../token-definition';
|
|
4
|
-
@use '../../../style/elevation';
|
|
5
|
-
|
|
6
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
7
|
-
$prefix: (mtx, select);
|
|
8
|
-
|
|
9
|
-
/// Generates custom tokens for the mtx-select.
|
|
10
|
-
/// @param {Map} $systems The MDC system tokens
|
|
11
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
12
|
-
/// @param {Map} $token-slots Possible token slots
|
|
13
|
-
/// @return {Map} A set of custom tokens for the mtx-select
|
|
14
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
15
|
-
$tokens: ((
|
|
16
|
-
container-shape: map.get($systems, md-sys-shape, corner-extra-small),
|
|
17
|
-
container-elevation-shadow: token-definition.hardcode(elevation.get-box-shadow(2), $exclude-hardcoded),
|
|
18
|
-
|
|
19
|
-
container-text-color: map.get($systems, md-sys-color, on-surface),
|
|
20
|
-
placeholder-text-color: mat.private-safe-color-change(
|
|
21
|
-
map.get($systems, md-sys-color, on-surface),
|
|
22
|
-
$alpha: 0.38
|
|
23
|
-
),
|
|
24
|
-
disabled-text-color: mat.private-safe-color-change(
|
|
25
|
-
map.get($systems, md-sys-color, on-surface),
|
|
26
|
-
$alpha: 0.38
|
|
27
|
-
),
|
|
28
|
-
|
|
29
|
-
multiple-value-background-color: token-definition.hardcode(transparent, $exclude-hardcoded),
|
|
30
|
-
multiple-value-outline-color: map.get($systems, md-sys-color, outline),
|
|
31
|
-
multiple-value-disabled-outline-color: mat.private-safe-color-change(
|
|
32
|
-
map.get($systems, md-sys-color, outline),
|
|
33
|
-
$alpha: 0.38
|
|
34
|
-
),
|
|
35
|
-
multiple-value-icon-hover-background-color: map.get($systems, md-sys-color, outline-variant),
|
|
36
|
-
|
|
37
|
-
clear-icon-color: map.get($systems, md-sys-color, on-surface),
|
|
38
|
-
clear-icon-hover-color: map.get($systems, md-sys-color, error),
|
|
39
|
-
|
|
40
|
-
enabled-arrow-color: map.get($systems, md-sys-color, on-surface),
|
|
41
|
-
disabled-arrow-color: mat.private-safe-color-change(
|
|
42
|
-
map.get($systems, md-sys-color, on-surface),
|
|
43
|
-
$alpha: 0.38
|
|
44
|
-
),
|
|
45
|
-
invalid-arrow-color: map.get($systems, md-sys-color, error),
|
|
46
|
-
|
|
47
|
-
panel-background-color: map.get($systems, md-sys-color, surface-container),
|
|
48
|
-
panel-divider-color: map.get($systems, md-sys-color, outline),
|
|
49
|
-
optgroup-label-text-color: map.get($systems, md-sys-color, on-surface),
|
|
50
|
-
option-label-text-color: map.get($systems, md-sys-color, on-surface),
|
|
51
|
-
option-selected-state-background-color: map.get($systems, md-sys-color, secondary-container),
|
|
52
|
-
option-selected-state-text-color: map.get($systems, md-sys-color, on-surface),
|
|
53
|
-
option-hover-state-background-color: mat.private-safe-color-change(
|
|
54
|
-
map.get($systems, md-sys-color, on-surface),
|
|
55
|
-
$alpha: map.get($systems, md-sys-state, hover-state-layer-opacity)
|
|
56
|
-
),
|
|
57
|
-
option-disabled-state-text-color: mat.private-safe-color-change(
|
|
58
|
-
map.get($systems, md-sys-color, on-surface),
|
|
59
|
-
$alpha: 0.38
|
|
60
|
-
),
|
|
61
|
-
), (
|
|
62
|
-
// Color variants:
|
|
63
|
-
primary: (
|
|
64
|
-
option-selected-state-background-color: map.get($systems, md-sys-color, primary-container),
|
|
65
|
-
),
|
|
66
|
-
secondary: (), // Default, no overrides needed.
|
|
67
|
-
tertiary: (
|
|
68
|
-
option-selected-state-background-color: map.get($systems, md-sys-color, tertiary-container),
|
|
69
|
-
),
|
|
70
|
-
error: (
|
|
71
|
-
option-selected-state-background-color: map.get($systems, md-sys-color, error-container),
|
|
72
|
-
)
|
|
73
|
-
));
|
|
74
|
-
|
|
75
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
76
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '../../token-definition';
|
|
3
|
-
|
|
4
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
5
|
-
$prefix: (mtx, split);
|
|
6
|
-
|
|
7
|
-
/// Generates custom tokens for the mtx-split.
|
|
8
|
-
/// @param {Map} $systems The MDC system tokens
|
|
9
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
10
|
-
/// @param {Map} $token-slots Possible token slots
|
|
11
|
-
/// @return {Map} A set of custom tokens for the mtx-split
|
|
12
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
|
-
$tokens: ((
|
|
14
|
-
gutter-background-color: map.get($systems, md-sys-color, outline-variant),
|
|
15
|
-
gutter-hover-state-background-color: map.get($systems, md-sys-color, primary),
|
|
16
|
-
), (
|
|
17
|
-
primary: (),
|
|
18
|
-
secondary: (
|
|
19
|
-
gutter-hover-state-background-color: map.get($systems, md-sys-color, secondary),
|
|
20
|
-
),
|
|
21
|
-
tertiary: (
|
|
22
|
-
gutter-hover-state-background-color: map.get($systems, md-sys-color, tertiary),
|
|
23
|
-
),
|
|
24
|
-
error: (
|
|
25
|
-
gutter-hover-state-background-color: map.get($systems, md-sys-color, error),
|
|
26
|
-
)
|
|
27
|
-
));
|
|
28
|
-
|
|
29
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
30
|
-
}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* An internal class that represents the data corresponding to a single calendar cell.
|
|
5
|
-
* @docs-private
|
|
6
|
-
*/
|
|
7
|
-
export declare class MtxCalendarCell {
|
|
8
|
-
value: number;
|
|
9
|
-
displayValue: string;
|
|
10
|
-
ariaLabel: string;
|
|
11
|
-
enabled: boolean;
|
|
12
|
-
isWeekNumber?: boolean | undefined;
|
|
13
|
-
readonly id: number;
|
|
14
|
-
constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean, isWeekNumber?: boolean | undefined);
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* An internal component used to display calendar data in a table.
|
|
18
|
-
* @docs-private
|
|
19
|
-
*/
|
|
20
|
-
export declare class MtxCalendarBody implements OnChanges {
|
|
21
|
-
private _elementRef;
|
|
22
|
-
private _ngZone;
|
|
23
|
-
private _injector;
|
|
24
|
-
/** The label for the table. (e.g. "Jan 2017"). */
|
|
25
|
-
label: string;
|
|
26
|
-
/** The cells to display in the table. */
|
|
27
|
-
rows: MtxCalendarCell[][];
|
|
28
|
-
/**
|
|
29
|
-
* The aspect ratio (width / height) to use for the cells in the table. This aspect ratio will be
|
|
30
|
-
* maintained even as the table resizes.
|
|
31
|
-
*/
|
|
32
|
-
cellAspectRatio: number;
|
|
33
|
-
/** The value in the table that corresponds to today. */
|
|
34
|
-
todayValue: number;
|
|
35
|
-
/** The value in the table that is currently selected. */
|
|
36
|
-
selectedValue: number;
|
|
37
|
-
/** The minimum number of free cells needed to fit the label in the first row. */
|
|
38
|
-
labelMinRequiredCells: number;
|
|
39
|
-
/** The number of columns in the table. */
|
|
40
|
-
numCols: number;
|
|
41
|
-
/** Whether to allow selection of disabled cells. */
|
|
42
|
-
allowDisabledSelection: boolean;
|
|
43
|
-
/** The cell number of the active cell in the table. */
|
|
44
|
-
activeCell: number;
|
|
45
|
-
/** Emits when a new value is selected. */
|
|
46
|
-
selectedValueChange: EventEmitter<number>;
|
|
47
|
-
/** The number of blank cells to put at the beginning for the first row. */
|
|
48
|
-
_firstRowOffset: number;
|
|
49
|
-
/** Padding for the individual date cells. */
|
|
50
|
-
_cellPadding: string;
|
|
51
|
-
/** Width of an individual cell. */
|
|
52
|
-
_cellWidth: string;
|
|
53
|
-
_cellClicked(cell: MtxCalendarCell): void;
|
|
54
|
-
_emitActiveDateChange(cell: MtxCalendarCell, event: FocusEvent): void;
|
|
55
|
-
_isActiveCell(rowIndex: number, colIndex: number): boolean;
|
|
56
|
-
/**
|
|
57
|
-
* Tracking function for rows based on their identity. Ideally we would use some sort of
|
|
58
|
-
* key on the row, but that would require a breaking change for the `rows` input. We don't
|
|
59
|
-
* use the built-in identity tracking, because it logs warnings.
|
|
60
|
-
*/
|
|
61
|
-
_trackRow: (row: MtxCalendarCell[]) => MtxCalendarCell[];
|
|
62
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
63
|
-
_focusActiveCell(movePreview?: boolean): void;
|
|
64
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxCalendarBody, never>;
|
|
65
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MtxCalendarBody, "[mtx-calendar-body]", ["mtxCalendarBody"], { "label": { "alias": "label"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cellAspectRatio": { "alias": "cellAspectRatio"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "allowDisabledSelection": { "alias": "allowDisabledSelection"; "required": false; }; "activeCell": { "alias": "activeCell"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, true, never>;
|
|
66
|
-
}
|
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
import { ComponentType, Portal, TemplatePortal } from '@angular/cdk/portal';
|
|
2
|
-
import { AfterContentInit, AfterViewChecked, EventEmitter, OnDestroy } from '@angular/core';
|
|
3
|
-
import { MtxClockView } from './clock';
|
|
4
|
-
import { MtxDatetimepickerFilterType } from './datetimepicker-filtertype';
|
|
5
|
-
import { MtxAMPM, MtxCalendarView, MtxDatetimepickerType } from './datetimepicker-types';
|
|
6
|
-
import { MtxMonthView } from './month-view';
|
|
7
|
-
import { MtxMultiYearView } from './multi-year-view';
|
|
8
|
-
import { MtxTimeView } from './time-view';
|
|
9
|
-
import { MtxYearView } from './year-view';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
/**
|
|
12
|
-
* A calendar that is used as part of the datetimepicker.
|
|
13
|
-
* @docs-private
|
|
14
|
-
*/
|
|
15
|
-
export declare class MtxCalendar<D> implements AfterViewChecked, AfterContentInit, OnDestroy {
|
|
16
|
-
private _intl;
|
|
17
|
-
private _changeDetectorRef;
|
|
18
|
-
private _ngZone;
|
|
19
|
-
private _adapter;
|
|
20
|
-
private _dateFormats;
|
|
21
|
-
/** Whether to show multi-year view. */
|
|
22
|
-
multiYearSelector: boolean;
|
|
23
|
-
/** Whether the clock uses 12 hour format. */
|
|
24
|
-
twelvehour: boolean;
|
|
25
|
-
/** Whether to show week numbers in month view */
|
|
26
|
-
showWeekNumbers: boolean;
|
|
27
|
-
/** Whether the calendar should be started in month or year view. */
|
|
28
|
-
startView: MtxCalendarView;
|
|
29
|
-
/** Step over minutes. */
|
|
30
|
-
timeInterval: number;
|
|
31
|
-
/** A function used to filter which dates are selectable. */
|
|
32
|
-
dateFilter: (date: D, type: MtxDatetimepickerFilterType) => boolean;
|
|
33
|
-
/** Prevent user to select same date time */
|
|
34
|
-
preventSameDateTimeSelection: boolean;
|
|
35
|
-
/** Input for custom header component */
|
|
36
|
-
headerComponent?: ComponentType<any>;
|
|
37
|
-
/** Input for action buttons. */
|
|
38
|
-
actionsPortal: TemplatePortal | null;
|
|
39
|
-
/** Emits when the currently selected date changes. */
|
|
40
|
-
selectedChange: EventEmitter<D>;
|
|
41
|
-
/** Emits when the view has been changed. */
|
|
42
|
-
viewChanged: EventEmitter<MtxCalendarView>;
|
|
43
|
-
_userSelection: EventEmitter<void>;
|
|
44
|
-
/** Reference to the current month view component. */
|
|
45
|
-
monthView: MtxMonthView<D>;
|
|
46
|
-
/** Reference to the current year view component. */
|
|
47
|
-
yearView: MtxYearView<D>;
|
|
48
|
-
/** Reference to the current multi-year view component. */
|
|
49
|
-
multiYearView: MtxMultiYearView<D>;
|
|
50
|
-
/** Reference to the current time view component. */
|
|
51
|
-
timeView: MtxTimeView<D>;
|
|
52
|
-
_AMPM: MtxAMPM;
|
|
53
|
-
_clockView: MtxClockView;
|
|
54
|
-
/** A portal containing the header component. */
|
|
55
|
-
_calendarHeaderPortal: Portal<any>;
|
|
56
|
-
private _intlChanges;
|
|
57
|
-
private _clampedActiveDate;
|
|
58
|
-
/**
|
|
59
|
-
* Used for scheduling that focus should be moved to the active cell on the next tick.
|
|
60
|
-
* We need to schedule it, rather than do it immediately, because we have to wait
|
|
61
|
-
* for Angular to re-evaluate the view children.
|
|
62
|
-
*/
|
|
63
|
-
private _moveFocusOnNextTick;
|
|
64
|
-
/** Inserted by Angular inject() migration for backwards compatibility */
|
|
65
|
-
constructor(...args: unknown[]);
|
|
66
|
-
/** The display type of datetimepicker. */
|
|
67
|
-
get type(): MtxDatetimepickerType;
|
|
68
|
-
set type(value: MtxDatetimepickerType);
|
|
69
|
-
private _type;
|
|
70
|
-
/** A date representing the period (month or year) to start the calendar in. */
|
|
71
|
-
get startAt(): D | null;
|
|
72
|
-
set startAt(value: D | null);
|
|
73
|
-
private _startAt;
|
|
74
|
-
/**
|
|
75
|
-
* Whether the calendar is in time mode. In time mode the calendar clock gets time input
|
|
76
|
-
* elements rather then just clock. When `touchUi` is enabled this will be disabled.
|
|
77
|
-
*/
|
|
78
|
-
timeInput: boolean;
|
|
79
|
-
/** Whether the time input should be auto-focused after view init. */
|
|
80
|
-
timeInputAutoFocus: boolean;
|
|
81
|
-
/** The currently selected date. */
|
|
82
|
-
get selected(): D | null;
|
|
83
|
-
set selected(value: D | null);
|
|
84
|
-
private _selected;
|
|
85
|
-
/** The minimum selectable date. */
|
|
86
|
-
get minDate(): D | null;
|
|
87
|
-
set minDate(value: D | null);
|
|
88
|
-
private _minDate;
|
|
89
|
-
/** The maximum selectable date. */
|
|
90
|
-
get maxDate(): D | null;
|
|
91
|
-
set maxDate(value: D | null);
|
|
92
|
-
private _maxDate;
|
|
93
|
-
/**
|
|
94
|
-
* The current active date. This determines which time period is shown and which date is
|
|
95
|
-
* highlighted when using keyboard navigation.
|
|
96
|
-
*/
|
|
97
|
-
get _activeDate(): D;
|
|
98
|
-
set _activeDate(value: D);
|
|
99
|
-
/** Whether the calendar is in month view. */
|
|
100
|
-
get currentView(): MtxCalendarView;
|
|
101
|
-
set currentView(value: MtxCalendarView);
|
|
102
|
-
private _currentView;
|
|
103
|
-
get _yearPeriodText(): string;
|
|
104
|
-
get _yearButtonText(): string;
|
|
105
|
-
get _yearButtonLabel(): string;
|
|
106
|
-
get _dateButtonText(): string;
|
|
107
|
-
get _dateButtonLabel(): string;
|
|
108
|
-
get _hoursButtonText(): string;
|
|
109
|
-
get _hourButtonLabel(): string;
|
|
110
|
-
get _minutesButtonText(): string;
|
|
111
|
-
get _minuteButtonLabel(): string;
|
|
112
|
-
get _prevButtonLabel(): string;
|
|
113
|
-
get _nextButtonLabel(): string;
|
|
114
|
-
/** Date filter for the month and year views. */
|
|
115
|
-
_dateFilterForViews: (date: D) => boolean;
|
|
116
|
-
_userSelected(): void;
|
|
117
|
-
ngAfterContentInit(): void;
|
|
118
|
-
ngAfterViewChecked(): void;
|
|
119
|
-
ngOnDestroy(): void;
|
|
120
|
-
/** Handles date selection in the month view. */
|
|
121
|
-
_dateSelected(date: D): void;
|
|
122
|
-
/** Handles month selection in the year view. */
|
|
123
|
-
_monthSelected(month: D): void;
|
|
124
|
-
/** Handles year selection in the multi year view. */
|
|
125
|
-
_yearSelected(year: D): void;
|
|
126
|
-
_timeSelected(date: D): void;
|
|
127
|
-
_onActiveDateChange(date: D): void;
|
|
128
|
-
_selectAMPM(date: D): void;
|
|
129
|
-
_ampmClicked(source: MtxAMPM): void;
|
|
130
|
-
_yearClicked(): void;
|
|
131
|
-
_dateClicked(): void;
|
|
132
|
-
_hoursClicked(): void;
|
|
133
|
-
_minutesClicked(): void;
|
|
134
|
-
/** Handles user clicks on the previous button. */
|
|
135
|
-
_previousClicked(): void;
|
|
136
|
-
/** Handles user clicks on the next button. */
|
|
137
|
-
_nextClicked(): void;
|
|
138
|
-
/** Whether the previous period button is enabled. */
|
|
139
|
-
_previousEnabled(): boolean;
|
|
140
|
-
/** Whether the next period button is enabled. */
|
|
141
|
-
_nextEnabled(): boolean;
|
|
142
|
-
/** Whether the two dates represent the same view in the current view mode (month or year). */
|
|
143
|
-
private _isSameView;
|
|
144
|
-
private _2digit;
|
|
145
|
-
/** Returns the component instance that corresponds to the current calendar view. */
|
|
146
|
-
private _getCurrentViewComponent;
|
|
147
|
-
/** Focuses the active date. */
|
|
148
|
-
focusActiveCell(): void;
|
|
149
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxCalendar<any>, never>;
|
|
150
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MtxCalendar<any>, "mtx-calendar", ["mtxCalendar"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "headerComponent": { "alias": "headerComponent"; "required": false; }; "actionsPortal": { "alias": "actionsPortal"; "required": false; }; "type": { "alias": "type"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "timeInputAutoFocus": { "alias": "timeInputAutoFocus"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "selectedChange": "selectedChange"; "viewChanged": "viewChanged"; "_userSelection": "_userSelection"; }, never, never, true, never>;
|
|
151
|
-
static ngAcceptInputType_multiYearSelector: unknown;
|
|
152
|
-
static ngAcceptInputType_twelvehour: unknown;
|
|
153
|
-
static ngAcceptInputType_showWeekNumbers: unknown;
|
|
154
|
-
static ngAcceptInputType_preventSameDateTimeSelection: unknown;
|
|
155
|
-
static ngAcceptInputType_timeInput: unknown;
|
|
156
|
-
static ngAcceptInputType_timeInputAutoFocus: unknown;
|
|
157
|
-
}
|