@ng-matero/extensions 16.1.3 → 16.3.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 +0 -3
- package/_theming.scss +0 -3
- package/alert/_alert-theme.scss +12 -28
- package/alert/alert.scss +28 -0
- package/colorpicker/_colorpicker-theme.scss +20 -8
- package/colorpicker/colorpicker-toggle.scss +23 -17
- package/column-resize/column-resize-notifier.d.ts +1 -1
- package/column-resize/polyfill.d.ts +1 -3
- package/column-resize/resizable.d.ts +1 -0
- package/column-resize/resize-strategy.d.ts +4 -3
- package/core/style/_sass-utils.scss +49 -0
- package/core/theming/_all-theme.scss +0 -2
- package/core/tokens/_token-utils.scss +127 -0
- package/core/tokens/m2/_index.scss +49 -0
- package/core/tokens/m2/mdc/_plain-tooltip.scss +72 -0
- package/core/tokens/m2/mtx/_alert.scss +55 -0
- package/core/tokens/m2/mtx/_colorpicker.scss +55 -0
- package/core/tokens/m2/mtx/_datetimepicker.scss +155 -0
- package/core/tokens/m2/mtx/_drawer.scss +45 -0
- package/core/tokens/m2/mtx/_grid.scss +57 -0
- package/core/tokens/m2/mtx/_loader.scss +45 -0
- package/core/tokens/m2/mtx/_popover.scss +46 -0
- package/core/tokens/m2/mtx/_progress.scss +56 -0
- package/core/tokens/m2/mtx/_select.scss +83 -0
- package/core/tokens/m2/mtx/_split.scss +54 -0
- package/core/typography/_typography.scss +203 -36
- package/datetimepicker/_datetimepicker-theme.scss +31 -183
- package/datetimepicker/calendar-body.scss +81 -1
- package/datetimepicker/calendar.scss +33 -3
- package/datetimepicker/clock.scss +50 -10
- package/datetimepicker/datetimepicker-content.scss +12 -0
- package/datetimepicker/datetimepicker-toggle.scss +23 -17
- package/datetimepicker/time.scss +41 -1
- package/drawer/_drawer-theme.scss +6 -10
- package/drawer/drawer-container.scss +11 -0
- package/esm2022/alert/alert.mjs +4 -4
- package/esm2022/colorpicker/colorpicker-toggle.mjs +2 -2
- package/esm2022/column-resize/column-resize-directives/column-resize-flex.mjs +3 -9
- package/esm2022/column-resize/column-resize-directives/column-resize.mjs +3 -9
- package/esm2022/column-resize/column-resize-directives/constants.mjs +1 -1
- package/esm2022/column-resize/column-resize-notifier.mjs +7 -2
- package/esm2022/column-resize/column-resize.mjs +3 -3
- package/esm2022/column-resize/event-dispatcher.mjs +5 -2
- package/esm2022/column-resize/polyfill.mjs +3 -19
- package/esm2022/column-resize/resizable.mjs +7 -7
- package/esm2022/column-resize/resize-ref.mjs +1 -1
- package/esm2022/column-resize/resize-strategy.mjs +16 -10
- package/esm2022/datetimepicker/calendar-body.mjs +2 -2
- package/esm2022/datetimepicker/calendar.mjs +3 -3
- package/esm2022/datetimepicker/clock.mjs +2 -2
- package/esm2022/datetimepicker/datetimepicker-toggle.mjs +2 -2
- package/esm2022/datetimepicker/datetimepicker.mjs +3 -3
- package/esm2022/datetimepicker/time.mjs +3 -3
- package/esm2022/drawer/drawer-container.mjs +3 -3
- package/esm2022/grid/cell.mjs +3 -19
- package/esm2022/grid/column-resize/column-resize-directives/common.mjs +1 -8
- package/esm2022/grid/column-resize/overlay-handle.mjs +11 -6
- package/esm2022/grid/column-resize/resizable-directives/common.mjs +1 -1
- package/esm2022/grid/column-resize/resizable-directives/resizable.mjs +3 -2
- package/esm2022/grid/column-resize/resize-strategy.mjs +10 -5
- package/esm2022/grid/grid-module.mjs +13 -9
- package/esm2022/grid/grid-utils.mjs +1 -9
- package/esm2022/grid/grid.mjs +28 -21
- package/esm2022/loader/loader.mjs +2 -2
- package/esm2022/photoviewer/mtxPhotoviewer.mjs +5 -0
- package/esm2022/photoviewer/photoviewer-module.mjs +17 -0
- package/esm2022/photoviewer/photoviewer.mjs +63 -0
- package/esm2022/photoviewer/public-api.mjs +3 -0
- package/esm2022/popover/popover-interfaces.mjs +1 -1
- package/esm2022/popover/popover.mjs +13 -3
- package/esm2022/progress/progress.mjs +4 -4
- package/esm2022/select/select.mjs +11 -3
- package/esm2022/split/split.mjs +2 -2
- package/esm2022/tooltip/tooltip.mjs +2 -2
- package/fesm2022/mtxAlert.mjs +3 -3
- package/fesm2022/mtxAlert.mjs.map +1 -1
- package/fesm2022/mtxColorpicker.mjs +2 -2
- package/fesm2022/mtxColorpicker.mjs.map +1 -1
- package/fesm2022/mtxColumnResize.mjs +38 -52
- package/fesm2022/mtxColumnResize.mjs.map +1 -1
- package/fesm2022/mtxDatetimepicker.mjs +12 -12
- package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2022/mtxDrawer.mjs +2 -2
- package/fesm2022/mtxDrawer.mjs.map +1 -1
- package/fesm2022/mtxGrid.mjs +188 -197
- package/fesm2022/mtxGrid.mjs.map +1 -1
- package/fesm2022/mtxLoader.mjs +2 -2
- package/fesm2022/mtxLoader.mjs.map +1 -1
- package/fesm2022/mtxPhotoviewer.mjs +84 -0
- package/fesm2022/mtxPhotoviewer.mjs.map +1 -0
- package/fesm2022/mtxPopover.mjs +12 -2
- package/fesm2022/mtxPopover.mjs.map +1 -1
- package/fesm2022/mtxProgress.mjs +3 -3
- package/fesm2022/mtxProgress.mjs.map +1 -1
- package/fesm2022/mtxSelect.mjs +10 -2
- package/fesm2022/mtxSelect.mjs.map +1 -1
- package/fesm2022/mtxSplit.mjs +2 -2
- package/fesm2022/mtxSplit.mjs.map +1 -1
- package/fesm2022/mtxTooltip.mjs +2 -2
- package/fesm2022/mtxTooltip.mjs.map +1 -1
- package/grid/_grid-theme.scss +14 -86
- package/grid/cell.d.ts +0 -2
- package/grid/cell.scss +0 -1
- package/grid/column-resize/_column-resize.scss +88 -94
- package/grid/column-resize/column-resize-directives/common.d.ts +0 -7
- package/grid/column-resize/overlay-handle.d.ts +1 -0
- package/grid/column-resize/resize-strategy.d.ts +2 -2
- package/grid/grid-module.d.ts +4 -4
- package/grid/grid-utils.d.ts +0 -6
- package/grid/grid.d.ts +10 -7
- package/grid/grid.scss +103 -15
- package/loader/_loader-theme.scss +6 -6
- package/loader/loader.scss +7 -0
- package/package.json +25 -25
- package/{slider → photoviewer}/index.d.ts +1 -1
- package/photoviewer/photoviewer-module.d.ts +7 -0
- package/photoviewer/photoviewer.d.ts +17 -0
- package/photoviewer/public-api.d.ts +2 -0
- package/popover/_popover-theme.scss +6 -40
- package/popover/popover-interfaces.d.ts +1 -0
- package/popover/popover.d.ts +6 -1
- package/popover/popover.scss +36 -2
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/progress/_progress-theme.scss +6 -25
- package/progress/progress.scss +42 -0
- package/select/_select-theme.scss +19 -133
- package/select/select.d.ts +1 -0
- package/select/select.scss +147 -36
- package/split/_split-theme.scss +21 -18
- package/split/split.scss +13 -0
- package/tooltip/_tooltip-theme.scss +19 -24
- package/tooltip/tooltip.scss +18 -17
- package/esm2022/slider/mtxSlider.mjs +0 -5
- package/esm2022/slider/public-api.mjs +0 -3
- package/esm2022/slider/slider-module.mjs +0 -19
- package/esm2022/slider/slider.mjs +0 -1115
- package/fesm2022/mtxSlider.mjs +0 -1137
- package/fesm2022/mtxSlider.mjs.map +0 -1
- package/slider/_slider-theme.import.scss +0 -2
- package/slider/_slider-theme.scss +0 -232
- package/slider/public-api.d.ts +0 -2
- package/slider/slider-module.d.ts +0 -9
- package/slider/slider.d.ts +0 -277
- package/slider/slider.scss +0 -514
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@use '../core/tokens/token-utils';
|
|
2
|
+
@use '../core/tokens/m2/mtx/datetimepicker' as tokens-mtx-datetimepicker;
|
|
3
|
+
|
|
1
4
|
$calendar-padding: 8px !default;
|
|
2
5
|
|
|
3
6
|
// We use the same padding as the month / year label, but subtract 16px since there is padding
|
|
@@ -14,6 +17,8 @@ $calendar-next-icon-transform: translateX(-2px) rotate(45deg);
|
|
|
14
17
|
|
|
15
18
|
$landscape-calendar-header-width: 144px;
|
|
16
19
|
|
|
20
|
+
$_tokens: tokens-mtx-datetimepicker.$prefix, tokens-mtx-datetimepicker.get-token-slots();
|
|
21
|
+
|
|
17
22
|
@mixin landscape-calendar-header {
|
|
18
23
|
.mtx-calendar {
|
|
19
24
|
display: flex;
|
|
@@ -29,8 +34,8 @@ $landscape-calendar-header-width: 144px;
|
|
|
29
34
|
}
|
|
30
35
|
}
|
|
31
36
|
|
|
32
|
-
.mtx-calendar-header-year
|
|
33
|
-
.mtx-calendar-header-date
|
|
37
|
+
.mtx-calendar-header-year+.mtx-calendar-header-date-time,
|
|
38
|
+
.mtx-calendar-header-date+.mtx-calendar-header-time {
|
|
34
39
|
margin-top: 4px;
|
|
35
40
|
}
|
|
36
41
|
|
|
@@ -58,7 +63,7 @@ $landscape-calendar-header-width: 144px;
|
|
|
58
63
|
.mtx-calendar-header-ampm {
|
|
59
64
|
padding: 4px;
|
|
60
65
|
|
|
61
|
-
|
|
66
|
+
+.mtx-calendar-header-ampm {
|
|
62
67
|
margin: 0 8px;
|
|
63
68
|
}
|
|
64
69
|
}
|
|
@@ -68,6 +73,11 @@ $landscape-calendar-header-width: 144px;
|
|
|
68
73
|
.mtx-calendar {
|
|
69
74
|
display: block;
|
|
70
75
|
outline: none;
|
|
76
|
+
|
|
77
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
78
|
+
@include token-utils.create-token-slot(font-family, calendar-text-font);
|
|
79
|
+
@include token-utils.create-token-slot(font-size, calendar-text-size);
|
|
80
|
+
}
|
|
71
81
|
}
|
|
72
82
|
|
|
73
83
|
.mtx-calendar-header {
|
|
@@ -75,6 +85,11 @@ $landscape-calendar-header-width: 144px;
|
|
|
75
85
|
padding: 8px;
|
|
76
86
|
border-radius: 4px 4px 0 0;
|
|
77
87
|
|
|
88
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
89
|
+
@include token-utils.create-token-slot(background-color, calendar-header-background-color);
|
|
90
|
+
@include token-utils.create-token-slot(color, calendar-header-text-color);
|
|
91
|
+
}
|
|
92
|
+
|
|
78
93
|
.mtx-calendar-header-year,
|
|
79
94
|
.mtx-calendar-header-date,
|
|
80
95
|
.mtx-calendar-header-hours,
|
|
@@ -185,12 +200,21 @@ $landscape-calendar-header-width: 144px;
|
|
|
185
200
|
border: 0;
|
|
186
201
|
background: transparent;
|
|
187
202
|
box-sizing: border-box;
|
|
203
|
+
|
|
204
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
205
|
+
@include token-utils.create-token-slot(font-size, calendar-period-button-text-size);
|
|
206
|
+
@include token-utils.create-token-slot(font-weight, calendar-period-button-text-weight);
|
|
207
|
+
}
|
|
188
208
|
}
|
|
189
209
|
|
|
190
210
|
.mtx-calendar-previous-button,
|
|
191
211
|
.mtx-calendar-next-button {
|
|
192
212
|
&.disabled {
|
|
193
213
|
pointer-events: none;
|
|
214
|
+
|
|
215
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
216
|
+
@include token-utils.create-token-slot(color, calendar-date-disabled-state-text-color);
|
|
217
|
+
}
|
|
194
218
|
}
|
|
195
219
|
|
|
196
220
|
svg {
|
|
@@ -212,4 +236,10 @@ $landscape-calendar-header-width: 144px;
|
|
|
212
236
|
.mtx-calendar-table-header th {
|
|
213
237
|
text-align: center;
|
|
214
238
|
padding: $calendar-padding 0;
|
|
239
|
+
|
|
240
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
241
|
+
@include token-utils.create-token-slot(color, calendar-table-header-text-color);
|
|
242
|
+
@include token-utils.create-token-slot(font-size, calendar-table-header-text-size);
|
|
243
|
+
@include token-utils.create-token-slot(font-weight, calendar-table-header-text-weight);
|
|
244
|
+
}
|
|
215
245
|
}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
+
@use '../core/tokens/token-utils';
|
|
2
|
+
@use '../core/tokens/m2/mtx/datetimepicker' as tokens-mtx-datetimepicker;
|
|
3
|
+
|
|
1
4
|
$clock-min-size: 224px !default;
|
|
2
5
|
$clock-margin: 12px !default;
|
|
3
6
|
$clock-cell-size: 14.1666% !default;
|
|
4
7
|
|
|
8
|
+
$_tokens: tokens-mtx-datetimepicker.$prefix, tokens-mtx-datetimepicker.get-token-slots();
|
|
9
|
+
|
|
5
10
|
.mtx-clock {
|
|
6
11
|
position: relative;
|
|
7
12
|
display: block;
|
|
@@ -10,6 +15,10 @@ $clock-cell-size: 14.1666% !default;
|
|
|
10
15
|
box-sizing: border-box;
|
|
11
16
|
user-select: none;
|
|
12
17
|
touch-action: none;
|
|
18
|
+
|
|
19
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
20
|
+
@include token-utils.create-token-slot(font-size, clock-text-size);
|
|
21
|
+
}
|
|
13
22
|
}
|
|
14
23
|
|
|
15
24
|
.mtx-clock-wrapper {
|
|
@@ -18,6 +27,10 @@ $clock-cell-size: 14.1666% !default;
|
|
|
18
27
|
height: 0;
|
|
19
28
|
padding-top: 100%;
|
|
20
29
|
border-radius: 50%;
|
|
30
|
+
|
|
31
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
32
|
+
@include token-utils.create-token-slot(background-color, clock-dial-background-color);
|
|
33
|
+
}
|
|
21
34
|
}
|
|
22
35
|
|
|
23
36
|
.mtx-clock-center {
|
|
@@ -28,6 +41,10 @@ $clock-cell-size: 14.1666% !default;
|
|
|
28
41
|
height: 2%;
|
|
29
42
|
margin: -1%;
|
|
30
43
|
border-radius: 50%;
|
|
44
|
+
|
|
45
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
46
|
+
@include token-utils.create-token-slot(background-color, clock-hand-background-color);
|
|
47
|
+
}
|
|
31
48
|
}
|
|
32
49
|
|
|
33
50
|
.mtx-clock-hand {
|
|
@@ -37,15 +54,22 @@ $clock-cell-size: 14.1666% !default;
|
|
|
37
54
|
margin: 0 auto;
|
|
38
55
|
transform-origin: bottom;
|
|
39
56
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
57
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
58
|
+
@include token-utils.create-token-slot(background-color, clock-hand-background-color);
|
|
59
|
+
|
|
60
|
+
&::before {
|
|
61
|
+
content: '';
|
|
62
|
+
position: absolute;
|
|
63
|
+
top: -4px;
|
|
64
|
+
left: -4px;
|
|
65
|
+
width: 8px;
|
|
66
|
+
height: 8px;
|
|
67
|
+
border-radius: 50%;
|
|
68
|
+
|
|
69
|
+
@include token-utils.create-token-slot(background-color, clock-hand-background-color);
|
|
70
|
+
}
|
|
48
71
|
}
|
|
72
|
+
|
|
49
73
|
}
|
|
50
74
|
|
|
51
75
|
.mtx-clock-hours,
|
|
@@ -82,7 +106,23 @@ $clock-cell-size: 14.1666% !default;
|
|
|
82
106
|
align-items: center;
|
|
83
107
|
cursor: pointer;
|
|
84
108
|
|
|
85
|
-
|
|
86
|
-
|
|
109
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
110
|
+
@include token-utils.create-token-slot(color, clock-cell-text-color);
|
|
111
|
+
|
|
112
|
+
&.mtx-clock-cell-selected {
|
|
113
|
+
color: white;
|
|
114
|
+
|
|
115
|
+
@include token-utils.create-token-slot(background-color, clock-hand-background-color);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
&:not(.mtx-clock-cell-selected, .mtx-clock-cell-disabled):hover {
|
|
119
|
+
@include token-utils.create-token-slot(background-color, clock-cell-hover-state-background-color);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&.mtx-clock-cell-disabled {
|
|
123
|
+
pointer-events: none;
|
|
124
|
+
|
|
125
|
+
@include token-utils.create-token-slot(color, clock-cell-disabled-state-text-color);
|
|
126
|
+
}
|
|
87
127
|
}
|
|
88
128
|
}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
@use '../core/style/elevation';
|
|
2
|
+
@use '../core/tokens/token-utils';
|
|
3
|
+
@use '../core/tokens/m2/mtx/datetimepicker' as tokens-mtx-datetimepicker;
|
|
4
|
+
|
|
1
5
|
$calendar-padding: 8px;
|
|
2
6
|
$non-touch-calendar-cell-size: 40px;
|
|
3
7
|
$non-touch-calendar-portrait-width: $non-touch-calendar-cell-size * 7 + $calendar-padding * 2;
|
|
@@ -40,6 +44,14 @@ $touch-max-height: 850px;
|
|
|
40
44
|
.mtx-datetimepicker-content {
|
|
41
45
|
display: block;
|
|
42
46
|
border-radius: 4px;
|
|
47
|
+
|
|
48
|
+
@include elevation.elevation(4);
|
|
49
|
+
|
|
50
|
+
@include token-utils.use-tokens(tokens-mtx-datetimepicker.$prefix,
|
|
51
|
+
tokens-mtx-datetimepicker.get-token-slots()) {
|
|
52
|
+
@include token-utils.create-token-slot(background-color, calendar-container-background-color);
|
|
53
|
+
@include token-utils.create-token-slot(color, calendar-container-text-color);
|
|
54
|
+
}
|
|
43
55
|
}
|
|
44
56
|
|
|
45
57
|
.mtx-datetimepicker-content-container {
|
|
@@ -1,23 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
@use '@angular/cdk';
|
|
2
|
+
@use '../core/tokens/token-utils';
|
|
3
|
+
@use '../core/tokens/m2/mtx/datetimepicker' as tokens-mtx-datetimepicker;
|
|
4
|
+
|
|
5
|
+
$_tokens: tokens-mtx-datetimepicker.$prefix, tokens-mtx-datetimepicker.get-token-slots();
|
|
6
|
+
|
|
7
|
+
// We support the case where the form field is disabled, but the datepicker is not.
|
|
8
|
+
// MDC sets `pointer-events: none` on disabled form fields which prevents clicks on the toggle.
|
|
9
|
+
.mtx-datetimepicker-toggle {
|
|
10
|
+
pointer-events: auto;
|
|
11
|
+
|
|
12
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
13
|
+
@include token-utils.create-token-slot(color, toggle-icon-color);
|
|
7
14
|
}
|
|
8
15
|
}
|
|
9
16
|
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
width: 1.5em;
|
|
16
|
-
height: 1.5em;
|
|
17
|
-
}
|
|
17
|
+
.mtx-datetimepicker-toggle-active {
|
|
18
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
19
|
+
@include token-utils.create-token-slot(color, toggle-active-state-icon-color);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
18
22
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
23
|
+
@include cdk.high-contrast(active, off) {
|
|
24
|
+
.mtx-datetimepicker-toggle-default-icon {
|
|
25
|
+
// On Chromium-based browsers the icon doesn't appear to inherit the text color in high
|
|
26
|
+
// contrast mode so we have to set it explicitly. This is a no-op on IE and Firefox.
|
|
27
|
+
color: CanvasText;
|
|
22
28
|
}
|
|
23
29
|
}
|
package/datetimepicker/time.scss
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@use '../core/tokens/token-utils';
|
|
2
|
+
@use '../core/tokens/m2/mtx/datetimepicker' as tokens-mtx-datetimepicker;
|
|
3
|
+
|
|
1
4
|
$time-font-size: 36px;
|
|
2
5
|
$time-border-radius: 8px;
|
|
3
6
|
$time-input-width: 72px;
|
|
@@ -5,6 +8,8 @@ $time-input-height: 56px;
|
|
|
5
8
|
$time-seperator-width: 24px;
|
|
6
9
|
$time-ampm-width: 40px;
|
|
7
10
|
|
|
11
|
+
$_tokens: tokens-mtx-datetimepicker.$prefix, tokens-mtx-datetimepicker.get-token-slots();
|
|
12
|
+
|
|
8
13
|
.mtx-time {
|
|
9
14
|
display: block;
|
|
10
15
|
outline: none;
|
|
@@ -32,6 +37,29 @@ $time-ampm-width: 40px;
|
|
|
32
37
|
border: 2px solid transparent;
|
|
33
38
|
appearance: none;
|
|
34
39
|
outline: none;
|
|
40
|
+
|
|
41
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
42
|
+
@include token-utils.create-token-slot(background-color, time-input-background-color);
|
|
43
|
+
@include token-utils.create-token-slot(color, time-input-text-color);
|
|
44
|
+
|
|
45
|
+
&.mtx-time-input-active {
|
|
46
|
+
@include token-utils.create-token-slot(background-color, time-input-active-state-background-color);
|
|
47
|
+
@include token-utils.create-token-slot(color, time-input-active-state-text-color);
|
|
48
|
+
|
|
49
|
+
&:focus {
|
|
50
|
+
@include token-utils.create-token-slot(border-color, time-input-focus-state-border-color);
|
|
51
|
+
@include token-utils.create-token-slot(background-color, time-input-focus-state-background-color);
|
|
52
|
+
|
|
53
|
+
&::placeholder {
|
|
54
|
+
@include token-utils.create-token-slot(color, time-input-focus-state-placeholder-text-color);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
&.mtx-time-input-warning {
|
|
60
|
+
@include token-utils.create-token-slot(border-color, time-input-warn-state-border-color);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
35
63
|
}
|
|
36
64
|
|
|
37
65
|
.mtx-time-seperator {
|
|
@@ -57,6 +85,18 @@ $time-ampm-width: 40px;
|
|
|
57
85
|
.mtx-time-pm {
|
|
58
86
|
--mdc-typography-button-font-weight: 400;
|
|
59
87
|
|
|
88
|
+
@include token-utils.use-tokens($_tokens...) {
|
|
89
|
+
@include token-utils.create-token-slot(--mdc-text-button-label-text-color, time-ampm-text-color);
|
|
90
|
+
@include token-utils.create-token-slot(border-color, time-ampm-border-color);
|
|
91
|
+
|
|
92
|
+
&.mtx-time-ampm-active {
|
|
93
|
+
--mdc-typography-button-font-weight: 500;
|
|
94
|
+
|
|
95
|
+
@include token-utils.create-token-slot(--mdc-text-button-label-text-color, time-ampm-selected-state-text-color);
|
|
96
|
+
@include token-utils.create-token-slot(background-color, time-ampm-selected-state-background-color);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
60
100
|
flex: 1;
|
|
61
101
|
width: $time-ampm-width;
|
|
62
102
|
min-width: auto;
|
|
@@ -83,7 +123,7 @@ $time-ampm-width: 40px;
|
|
|
83
123
|
justify-content: flex-end;
|
|
84
124
|
padding-top: 8px;
|
|
85
125
|
|
|
86
|
-
.mat-mdc-button-base
|
|
126
|
+
.mat-mdc-button-base+.mat-mdc-button-base {
|
|
87
127
|
margin-left: 8px;
|
|
88
128
|
|
|
89
129
|
[dir='rtl'] & {
|
|
@@ -1,18 +1,14 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
1
|
@use '../core/theming/theming';
|
|
3
|
-
@use '../core/
|
|
4
|
-
@use '../core/
|
|
2
|
+
@use '../core/style/sass-utils';
|
|
3
|
+
@use '../core/tokens/token-utils';
|
|
4
|
+
@use '../core/tokens/m2/mtx/drawer' as tokens-mtx-drawer;
|
|
5
5
|
|
|
6
6
|
@mixin color($config-or-theme) {
|
|
7
7
|
$config: theming.get-color-config($config-or-theme);
|
|
8
|
-
$background: map.get($config, background);
|
|
9
|
-
$foreground: map.get($config, foreground);
|
|
10
8
|
|
|
11
|
-
.
|
|
12
|
-
@include
|
|
13
|
-
|
|
14
|
-
background: theming.get-color-from-palette($background, dialog);
|
|
15
|
-
color: theming.get-color-from-palette($foreground, text);
|
|
9
|
+
@include sass-utils.current-selector-or-root() {
|
|
10
|
+
@include token-utils.create-token-values(tokens-mtx-drawer.$prefix,
|
|
11
|
+
tokens-mtx-drawer.get-color-tokens($config));
|
|
16
12
|
}
|
|
17
13
|
}
|
|
18
14
|
|
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
@use '@angular/cdk' as cdk;
|
|
2
2
|
|
|
3
|
+
@use '../core/style/elevation';
|
|
4
|
+
@use '../core/tokens/token-utils';
|
|
5
|
+
@use '../core/tokens/m2/mtx/drawer' as tokens-mtx-drawer;
|
|
6
|
+
|
|
3
7
|
.mtx-drawer-container {
|
|
4
8
|
display: block;
|
|
5
9
|
outline: 0;
|
|
6
10
|
|
|
11
|
+
@include elevation.elevation(16);
|
|
12
|
+
|
|
13
|
+
@include token-utils.use-tokens(tokens-mtx-drawer.$prefix, tokens-mtx-drawer.get-token-slots()) {
|
|
14
|
+
@include token-utils.create-token-slot(background-color, container-background-color);
|
|
15
|
+
@include token-utils.create-token-slot(color, container-text-color);
|
|
16
|
+
}
|
|
17
|
+
|
|
7
18
|
@include cdk.high-contrast(active, off) {
|
|
8
19
|
outline: 1px solid;
|
|
9
20
|
}
|
package/esm2022/alert/alert.mjs
CHANGED
|
@@ -28,15 +28,15 @@ export class MtxAlert {
|
|
|
28
28
|
this.closed.emit(this);
|
|
29
29
|
}
|
|
30
30
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MtxAlert, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: MtxAlert, selector: "mtx-alert", inputs: { type: "type", dismissible: "dismissible", elevation: "elevation" }, outputs: { closed: "closed" }, host: { attributes: { "role": "alert" }, properties: { "class.mtx-alert
|
|
31
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: MtxAlert, selector: "mtx-alert", inputs: { type: "type", dismissible: "dismissible", elevation: "elevation" }, outputs: { closed: "closed" }, host: { attributes: { "role": "alert" }, properties: { "class.mtx-alert-dismissible": "dismissible", "class": "this._hostClassList" }, classAttribute: "mtx-alert" }, exportAs: ["mtxAlert"], ngImport: i0, template: "<ng-content></ng-content>\n<ng-template [ngIf]=\"dismissible\">\n <button type=\"button\" class=\"mtx-alert-close\" aria-label=\"Close\" (click)=\"_onClosed()\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</ng-template>\n", styles: [".mtx-alert{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;background-color:var(--mtx-alert-background-color);color:var(--mtx-alert-text-color)}.mtx-alert.mtx-alert-info{background-color:var(--mtx-alert-info-background-color);color:var(--mtx-alert-info-text-color)}.mtx-alert.mtx-alert-success{background-color:var(--mtx-alert-success-background-color);color:var(--mtx-alert-success-text-color)}.mtx-alert.mtx-alert-warning{background-color:var(--mtx-alert-warning-background-color);color:var(--mtx-alert-warning-text-color)}.mtx-alert.mtx-alert-danger{background-color:var(--mtx-alert-danger-background-color);color:var(--mtx-alert-danger-text-color)}.mtx-alert-close{position:absolute;top:0;bottom:0;right:0;padding:0 1.25rem;font-size:1.5rem;line-height:1;color:inherit;opacity:.5;background-color:transparent;border:0;cursor:pointer}[dir=rtl] .mtx-alert-close{right:auto;left:0}.mtx-alert-close:hover{opacity:.75}.mtx-alert-dismissible{padding-right:4rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
32
32
|
}
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MtxAlert, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{ selector: 'mtx-alert', exportAs: 'mtxAlert', host: {
|
|
36
|
-
'
|
|
36
|
+
'class': 'mtx-alert',
|
|
37
37
|
'[class.mtx-alert-dismissible]': 'dismissible',
|
|
38
38
|
'role': 'alert',
|
|
39
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<ng-template [ngIf]=\"dismissible\">\n <button type=\"button\" class=\"mtx-alert-close\" aria-label=\"Close\" (click)=\"_onClosed()\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</ng-template>\n", styles: [".mtx-alert{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.mtx-alert-close{position:absolute;top:0;bottom:0;right:0;padding:0 1.25rem;font-size:1.5rem;line-height:1;color:inherit;opacity:.5;background-color:transparent;border:0;cursor:pointer}[dir=rtl] .mtx-alert-close{right:auto;left:0}.mtx-alert-close:hover{opacity:.75}.mtx-alert-dismissible{padding-right:4rem}\n"] }]
|
|
39
|
+
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<ng-template [ngIf]=\"dismissible\">\n <button type=\"button\" class=\"mtx-alert-close\" aria-label=\"Close\" (click)=\"_onClosed()\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</ng-template>\n", styles: [".mtx-alert{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;background-color:var(--mtx-alert-background-color);color:var(--mtx-alert-text-color)}.mtx-alert.mtx-alert-info{background-color:var(--mtx-alert-info-background-color);color:var(--mtx-alert-info-text-color)}.mtx-alert.mtx-alert-success{background-color:var(--mtx-alert-success-background-color);color:var(--mtx-alert-success-text-color)}.mtx-alert.mtx-alert-warning{background-color:var(--mtx-alert-warning-background-color);color:var(--mtx-alert-warning-text-color)}.mtx-alert.mtx-alert-danger{background-color:var(--mtx-alert-danger-background-color);color:var(--mtx-alert-danger-text-color)}.mtx-alert-close{position:absolute;top:0;bottom:0;right:0;padding:0 1.25rem;font-size:1.5rem;line-height:1;color:inherit;opacity:.5;background-color:transparent;border:0;cursor:pointer}[dir=rtl] .mtx-alert-close{right:auto;left:0}.mtx-alert-close:hover{opacity:.75}.mtx-alert-dismissible{padding-right:4rem}\n"] }]
|
|
40
40
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _hostClassList: [{
|
|
41
41
|
type: HostBinding,
|
|
42
42
|
args: ['class']
|
|
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
49
49
|
}], closed: [{
|
|
50
50
|
type: Output
|
|
51
51
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbnNpb25zL2FsZXJ0L2FsZXJ0LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9hbGVydC9hbGVydC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFFWixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFnQixxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFpQjVFLE1BQU0sT0FBTyxRQUFRO0lBQ25CLElBQ0ksY0FBYztRQUNoQixPQUFPLGFBQWEsSUFBSSxDQUFDLElBQUksbUJBQW1CLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuRSxDQUFDO0lBS0QsaURBQWlEO0lBQ2pELElBQ0ksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBSSxXQUFXLENBQUMsS0FBYztRQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFTRCxZQUFvQixrQkFBcUM7UUFBckMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtRQW5CekQsb0ZBQW9GO1FBQzNFLFNBQUksR0FBaUIsU0FBUyxDQUFDO1FBVWhDLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBRTdCLG9DQUFvQztRQUMzQixjQUFTLEdBQUcsQ0FBQyxDQUFDO1FBRXZCLDJDQUEyQztRQUNqQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVksQ0FBQztJQUVZLENBQUM7SUFFN0QsU0FBUztRQUNQLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN2QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QixDQUFDO2lJQTlCVSxRQUFRO3FIQUFSLFFBQVEsNFZDM0JyQixrUEFNQTs7MkZEcUJhLFFBQVE7a0JBYnBCLFNBQVM7K0JBQ0UsV0FBVyxZQUNYLFVBQVUsUUFDZDt3QkFDSixPQUFPLEVBQUUsV0FBVzt3QkFDcEIsK0JBQStCLEVBQUUsYUFBYTt3QkFDOUMsTUFBTSxFQUFFLE9BQU87cUJBQ2hCLGlCQUdjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07d0dBSTNDLGNBQWM7c0JBRGpCLFdBQVc7dUJBQUMsT0FBTztnQkFNWCxJQUFJO3NCQUFaLEtBQUs7Z0JBSUYsV0FBVztzQkFEZCxLQUFLO2dCQVVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuZXhwb3J0IHR5cGUgTXR4QWxlcnRUeXBlID0gJ2RlZmF1bHQnIHwgJ2luZm8nIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2Rhbmdlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ210eC1hbGVydCcsXG4gIGV4cG9ydEFzOiAnbXR4QWxlcnQnLFxuICBob3N0OiB7XG4gICAgJ2NsYXNzJzogJ210eC1hbGVydCcsXG4gICAgJ1tjbGFzcy5tdHgtYWxlcnQtZGlzbWlzc2libGVdJzogJ2Rpc21pc3NpYmxlJyxcbiAgICAncm9sZSc6ICdhbGVydCcsXG4gIH0sXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTXR4QWxlcnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IF9ob3N0Q2xhc3NMaXN0KCkge1xuICAgIHJldHVybiBgbXR4LWFsZXJ0LSR7dGhpcy50eXBlfSBtYXQtZWxldmF0aW9uLXoke3RoaXMuZWxldmF0aW9ufWA7XG4gIH1cblxuICAvKiogVGhlIGFsZXJ0J3MgdHlwZS4gQ2FuIGJlIGBkZWZhdWx0YCwgYGluZm9gLCBgc3VjY2Vzc2AsIGB3YXJuaW5nYCBvciBgZGFuZ2VyYC4gKi9cbiAgQElucHV0KCkgdHlwZTogTXR4QWxlcnRUeXBlID0gJ2RlZmF1bHQnO1xuXG4gIC8qKiBXaGV0aGVyIHRvIGRpc3BsYXkgYW4gaW5saW5lIGNsb3NlIGJ1dHRvbi4gKi9cbiAgQElucHV0KClcbiAgZ2V0IGRpc21pc3NpYmxlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9kaXNtaXNzaWJsZTtcbiAgfVxuICBzZXQgZGlzbWlzc2libGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9kaXNtaXNzaWJsZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gIH1cbiAgcHJpdmF0ZSBfZGlzbWlzc2libGUgPSBmYWxzZTtcblxuICAvKiogVGhlIGFsZXJ0J3MgZWxldmF0aW9uICgwfjI0KS4gKi9cbiAgQElucHV0KCkgZWxldmF0aW9uID0gMDtcblxuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBhbGVydCBjbG9zZWQuICovXG4gIEBPdXRwdXQoKSBjbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyPE10eEFsZXJ0PigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2NoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBfb25DbG9zZWQoKTogdm9pZCB7XG4gICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCh0aGlzKTtcbiAgfVxuXG4gIHN0YXRpYyBuZ0FjY2VwdElucHV0VHlwZV9kaXNtaXNzaWJsZTogQm9vbGVhbklucHV0O1xufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPG5nLXRlbXBsYXRlIFtuZ0lmXT1cImRpc21pc3NpYmxlXCI+XG4gIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwibXR4LWFsZXJ0LWNsb3NlXCIgYXJpYS1sYWJlbD1cIkNsb3NlXCIgKGNsaWNrKT1cIl9vbkNsb3NlZCgpXCI+XG4gICAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCI+JnRpbWVzOzwvc3Bhbj5cbiAgPC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -61,7 +61,7 @@ export class MtxColorpickerToggle {
|
|
|
61
61
|
this._stateChanges = merge(pickerDisabled, inputDisabled, pickerToggled).subscribe(() => this._changeDetectorRef.markForCheck());
|
|
62
62
|
}
|
|
63
63
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MtxColorpickerToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: MtxColorpickerToggle, selector: "mtx-colorpicker-toggle", inputs: { picker: ["for", "picker"], tabIndex: "tabIndex", ariaLabel: ["aria-label", "ariaLabel"], disabled: "disabled", disableRipple: "disableRipple" }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null", "class.mtx-colorpicker-toggle-active": "picker && picker.opened", "class.mat-accent": "picker && picker.color === \"accent\"", "class.mat-warn": "picker && picker.color === \"warn\"" }, classAttribute: "mtx-colorpicker-toggle" }, queries: [{ propertyName: "_customIcon", first: true, predicate: MtxColorpickerToggleIcon, descendants: true }], viewQueries: [{ propertyName: "_button", first: true, predicate: ["button"], descendants: true }], exportAs: ["mtxColorpickerToggle"], usesOnChanges: true, ngImport: i0, template: "<button #button\n mat-icon-button\n type=\"button\"\n [attr.aria-haspopup]=\"picker ? 'dialog' : null\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\">\n\n <svg *ngIf=\"!_customIcon\"\n class=\"mtx-colorpicker-toggle-default-icon\"\n viewBox=\"0 0 24 24\"\n width=\"24px\"\n height=\"24px\"\n fill=\"currentColor\"\n focusable=\"false\">\n <path\n d=\"M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z\" />\n </svg>\n\n <ng-content select=\"[mtxColorpickerToggleIcon]\"></ng-content>\n</button>\n", styles: [".
|
|
64
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: MtxColorpickerToggle, selector: "mtx-colorpicker-toggle", inputs: { picker: ["for", "picker"], tabIndex: "tabIndex", ariaLabel: ["aria-label", "ariaLabel"], disabled: "disabled", disableRipple: "disableRipple" }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null", "class.mtx-colorpicker-toggle-active": "picker && picker.opened", "class.mat-accent": "picker && picker.color === \"accent\"", "class.mat-warn": "picker && picker.color === \"warn\"" }, classAttribute: "mtx-colorpicker-toggle" }, queries: [{ propertyName: "_customIcon", first: true, predicate: MtxColorpickerToggleIcon, descendants: true }], viewQueries: [{ propertyName: "_button", first: true, predicate: ["button"], descendants: true }], exportAs: ["mtxColorpickerToggle"], usesOnChanges: true, ngImport: i0, template: "<button #button\n mat-icon-button\n type=\"button\"\n [attr.aria-haspopup]=\"picker ? 'dialog' : null\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\">\n\n <svg *ngIf=\"!_customIcon\"\n class=\"mtx-colorpicker-toggle-default-icon\"\n viewBox=\"0 0 24 24\"\n width=\"24px\"\n height=\"24px\"\n fill=\"currentColor\"\n focusable=\"false\">\n <path\n d=\"M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z\" />\n </svg>\n\n <ng-content select=\"[mtxColorpickerToggleIcon]\"></ng-content>\n</button>\n", styles: [".mtx-colorpicker-toggle{pointer-events:auto;color:var(--mtx-colorpicker-toggle-icon-color)}.mtx-colorpicker-toggle-active{color:var(--mtx-colorpicker-toggle-active-state-icon-color)}.cdk-high-contrast-active .mtx-colorpicker-toggle-default-icon{color:CanvasText}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
65
65
|
}
|
|
66
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: MtxColorpickerToggle, decorators: [{
|
|
67
67
|
type: Component,
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
75
75
|
// `stopPropagation` on it without affecting the user's `click` handlers. We need to stop
|
|
76
76
|
// it so that the input doesn't get focused automatically by the form field (See #21836).
|
|
77
77
|
'(click)': '_open($event)',
|
|
78
|
-
}, exportAs: 'mtxColorpickerToggle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #button\n mat-icon-button\n type=\"button\"\n [attr.aria-haspopup]=\"picker ? 'dialog' : null\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\">\n\n <svg *ngIf=\"!_customIcon\"\n class=\"mtx-colorpicker-toggle-default-icon\"\n viewBox=\"0 0 24 24\"\n width=\"24px\"\n height=\"24px\"\n fill=\"currentColor\"\n focusable=\"false\">\n <path\n d=\"M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z\" />\n </svg>\n\n <ng-content select=\"[mtxColorpickerToggleIcon]\"></ng-content>\n</button>\n", styles: [".
|
|
78
|
+
}, exportAs: 'mtxColorpickerToggle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #button\n mat-icon-button\n type=\"button\"\n [attr.aria-haspopup]=\"picker ? 'dialog' : null\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\">\n\n <svg *ngIf=\"!_customIcon\"\n class=\"mtx-colorpicker-toggle-default-icon\"\n viewBox=\"0 0 24 24\"\n width=\"24px\"\n height=\"24px\"\n fill=\"currentColor\"\n focusable=\"false\">\n <path\n d=\"M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z\" />\n </svg>\n\n <ng-content select=\"[mtxColorpickerToggleIcon]\"></ng-content>\n</button>\n", styles: [".mtx-colorpicker-toggle{pointer-events:auto;color:var(--mtx-colorpicker-toggle-icon-color)}.mtx-colorpicker-toggle-active{color:var(--mtx-colorpicker-toggle-active-state-icon-color)}.cdk-high-contrast-active .mtx-colorpicker-toggle-default-icon{color:CanvasText}\n"] }]
|
|
79
79
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
80
80
|
type: Attribute,
|
|
81
81
|
args: ['tabindex']
|
|
@@ -27,19 +27,13 @@ export class CdkColumnResizeFlex extends ColumnResize {
|
|
|
27
27
|
this.table = table;
|
|
28
28
|
}
|
|
29
29
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CdkColumnResizeFlex, deps: [{ token: i1.ColumnResizeNotifier }, { token: i0.ElementRef }, { token: i2.HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: i1.ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
30
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: CdkColumnResizeFlex, selector: "cdk-table[columnResize]", providers: [
|
|
31
|
-
...FLEX_PROVIDERS,
|
|
32
|
-
{ provide: ColumnResize, useExisting: CdkColumnResizeFlex },
|
|
33
|
-
], usesInheritance: true, ngImport: i0 }); }
|
|
30
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: CdkColumnResizeFlex, selector: "cdk-table[columnResize]", providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }], usesInheritance: true, ngImport: i0 }); }
|
|
34
31
|
}
|
|
35
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CdkColumnResizeFlex, decorators: [{
|
|
36
33
|
type: Directive,
|
|
37
34
|
args: [{
|
|
38
35
|
selector: 'cdk-table[columnResize]',
|
|
39
|
-
providers: [
|
|
40
|
-
...FLEX_PROVIDERS,
|
|
41
|
-
{ provide: ColumnResize, useExisting: CdkColumnResizeFlex },
|
|
42
|
-
],
|
|
36
|
+
providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }],
|
|
43
37
|
}]
|
|
44
38
|
}], ctorParameters: function () { return [{ type: i1.ColumnResizeNotifier }, { type: i0.ElementRef }, { type: i2.HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: i1.ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLXJlc2l6ZS1mbGV4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9jb2x1bW4tcmVzaXplL2NvbHVtbi1yZXNpemUtZGlyZWN0aXZlcy9jb2x1bW4tcmVzaXplLWZsZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBc0IsTUFBTSxlQUFlLENBQUM7QUFHOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBR2hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7O0FBRTdDOzs7R0FHRztBQUtILE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxZQUFZO0lBQ25ELFlBQ1csb0JBQTBDLEVBQzFDLFVBQW1DLEVBQ3pCLGVBQXlDLEVBQ3pDLE1BQWMsRUFDZCxRQUFvQyxFQUNwQyxLQUF3QjtRQUUzQyxLQUFLLEVBQUUsQ0FBQztRQVBDLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBc0I7UUFDMUMsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFDekIsb0JBQWUsR0FBZixlQUFlLENBQTBCO1FBQ3pDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxhQUFRLEdBQVIsUUFBUSxDQUE0QjtRQUNwQyxVQUFLLEdBQUwsS0FBSyxDQUFtQjtJQUc3QyxDQUFDO2lJQVZVLG1CQUFtQjtxSEFBbkIsbUJBQW1CLGtEQUZuQixDQUFDLEdBQUcsY0FBYyxFQUFFLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQzs7MkZBRWhGLG1CQUFtQjtrQkFKL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxTQUFTLEVBQUUsQ0FBQyxHQUFHLGNBQWMsRUFBRSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxxQkFBcUIsRUFBRSxDQUFDO2lCQUM1RiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5pbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE5nWm9uZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2RrVGFibGUgfSBmcm9tICdAYW5ndWxhci9jZGsvdGFibGUnO1xuXG5pbXBvcnQgeyBDb2x1bW5SZXNpemUgfSBmcm9tICcuLi9jb2x1bW4tcmVzaXplJztcbmltcG9ydCB7IENvbHVtblJlc2l6ZU5vdGlmaWVyLCBDb2x1bW5SZXNpemVOb3RpZmllclNvdXJjZSB9IGZyb20gJy4uL2NvbHVtbi1yZXNpemUtbm90aWZpZXInO1xuaW1wb3J0IHsgSGVhZGVyUm93RXZlbnREaXNwYXRjaGVyIH0gZnJvbSAnLi4vZXZlbnQtZGlzcGF0Y2hlcic7XG5pbXBvcnQgeyBGTEVYX1BST1ZJREVSUyB9IGZyb20gJy4vY29uc3RhbnRzJztcblxuLyoqXG4gKiBFeHBsaWNpdGx5IGVuYWJsZXMgY29sdW1uIHJlc2l6aW5nIGZvciBhIGZsZXhib3gtYmFzZWQgY2RrLXRhYmxlLlxuICogSW5kaXZpZHVhbCBjb2x1bW5zIG11c3QgYmUgYW5ub3RhdGVkIHNwZWNpZmljYWxseS5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnY2RrLXRhYmxlW2NvbHVtblJlc2l6ZV0nLFxuICBwcm92aWRlcnM6IFsuLi5GTEVYX1BST1ZJREVSUywgeyBwcm92aWRlOiBDb2x1bW5SZXNpemUsIHVzZUV4aXN0aW5nOiBDZGtDb2x1bW5SZXNpemVGbGV4IH1dLFxufSlcbmV4cG9ydCBjbGFzcyBDZGtDb2x1bW5SZXNpemVGbGV4IGV4dGVuZHMgQ29sdW1uUmVzaXplIHtcbiAgY29uc3RydWN0b3IoXG4gICAgcmVhZG9ubHkgY29sdW1uUmVzaXplTm90aWZpZXI6IENvbHVtblJlc2l6ZU5vdGlmaWVyLFxuICAgIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgIHByb3RlY3RlZCByZWFkb25seSBldmVudERpc3BhdGNoZXI6IEhlYWRlclJvd0V2ZW50RGlzcGF0Y2hlcixcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbmdab25lOiBOZ1pvbmUsXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IG5vdGlmaWVyOiBDb2x1bW5SZXNpemVOb3RpZmllclNvdXJjZSxcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgdGFibGU6IENka1RhYmxlPHVua25vd24+XG4gICkge1xuICAgIHN1cGVyKCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -27,19 +27,13 @@ export class CdkColumnResize extends ColumnResize {
|
|
|
27
27
|
this.table = table;
|
|
28
28
|
}
|
|
29
29
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CdkColumnResize, deps: [{ token: i1.ColumnResizeNotifier }, { token: i0.ElementRef }, { token: i2.HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: i1.ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
30
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: CdkColumnResize, selector: "table[cdk-table][columnResize]", providers: [
|
|
31
|
-
...TABLE_PROVIDERS,
|
|
32
|
-
{ provide: ColumnResize, useExisting: CdkColumnResize },
|
|
33
|
-
], usesInheritance: true, ngImport: i0 }); }
|
|
30
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: CdkColumnResize, selector: "table[cdk-table][columnResize]", providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }], usesInheritance: true, ngImport: i0 }); }
|
|
34
31
|
}
|
|
35
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CdkColumnResize, decorators: [{
|
|
36
33
|
type: Directive,
|
|
37
34
|
args: [{
|
|
38
35
|
selector: 'table[cdk-table][columnResize]',
|
|
39
|
-
providers: [
|
|
40
|
-
...TABLE_PROVIDERS,
|
|
41
|
-
{ provide: ColumnResize, useExisting: CdkColumnResize },
|
|
42
|
-
],
|
|
36
|
+
providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }],
|
|
43
37
|
}]
|
|
44
38
|
}], ctorParameters: function () { return [{ type: i1.ColumnResizeNotifier }, { type: i0.ElementRef }, { type: i2.HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: i1.ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLXJlc2l6ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuc2lvbnMvY29sdW1uLXJlc2l6ZS9jb2x1bW4tcmVzaXplLWRpcmVjdGl2ZXMvY29sdW1uLXJlc2l6ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFzQixNQUFNLGVBQWUsQ0FBQztBQUc5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFHaEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7QUFFOUM7OztHQUdHO0FBS0gsTUFBTSxPQUFPLGVBQWdCLFNBQVEsWUFBWTtJQUMvQyxZQUNXLG9CQUEwQyxFQUMxQyxVQUFtQyxFQUN6QixlQUF5QyxFQUN6QyxNQUFjLEVBQ2QsUUFBb0MsRUFDcEMsS0FBd0I7UUFFM0MsS0FBSyxFQUFFLENBQUM7UUFQQyx5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXNCO1FBQzFDLGVBQVUsR0FBVixVQUFVLENBQXlCO1FBQ3pCLG9CQUFlLEdBQWYsZUFBZSxDQUEwQjtRQUN6QyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsYUFBUSxHQUFSLFFBQVEsQ0FBNEI7UUFDcEMsVUFBSyxHQUFMLEtBQUssQ0FBbUI7SUFHN0MsQ0FBQztpSUFWVSxlQUFlO3FIQUFmLGVBQWUseURBRmYsQ0FBQyxHQUFHLGVBQWUsRUFBRSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxDQUFDOzsyRkFFN0UsZUFBZTtrQkFKM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxTQUFTLEVBQUUsQ0FBQyxHQUFHLGVBQWUsRUFBRSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxpQkFBaUIsRUFBRSxDQUFDO2lCQUN6RiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5pbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE5nWm9uZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2RrVGFibGUgfSBmcm9tICdAYW5ndWxhci9jZGsvdGFibGUnO1xuXG5pbXBvcnQgeyBDb2x1bW5SZXNpemUgfSBmcm9tICcuLi9jb2x1bW4tcmVzaXplJztcbmltcG9ydCB7IENvbHVtblJlc2l6ZU5vdGlmaWVyLCBDb2x1bW5SZXNpemVOb3RpZmllclNvdXJjZSB9IGZyb20gJy4uL2NvbHVtbi1yZXNpemUtbm90aWZpZXInO1xuaW1wb3J0IHsgSGVhZGVyUm93RXZlbnREaXNwYXRjaGVyIH0gZnJvbSAnLi4vZXZlbnQtZGlzcGF0Y2hlcic7XG5pbXBvcnQgeyBUQUJMRV9QUk9WSURFUlMgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbi8qKlxuICogRXhwbGljaXRseSBlbmFibGVzIGNvbHVtbiByZXNpemluZyBmb3IgYSB0YWJsZS1iYXNlZCBjZGstdGFibGUuXG4gKiBJbmRpdmlkdWFsIGNvbHVtbnMgbXVzdCBiZSBhbm5vdGF0ZWQgc3BlY2lmaWNhbGx5LlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICd0YWJsZVtjZGstdGFibGVdW2NvbHVtblJlc2l6ZV0nLFxuICBwcm92aWRlcnM6IFsuLi5UQUJMRV9QUk9WSURFUlMsIHsgcHJvdmlkZTogQ29sdW1uUmVzaXplLCB1c2VFeGlzdGluZzogQ2RrQ29sdW1uUmVzaXplIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBDZGtDb2x1bW5SZXNpemUgZXh0ZW5kcyBDb2x1bW5SZXNpemUge1xuICBjb25zdHJ1Y3RvcihcbiAgICByZWFkb25seSBjb2x1bW5SZXNpemVOb3RpZmllcjogQ29sdW1uUmVzaXplTm90aWZpZXIsXG4gICAgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGV2ZW50RGlzcGF0Y2hlcjogSGVhZGVyUm93RXZlbnREaXNwYXRjaGVyLFxuICAgIHByb3RlY3RlZCByZWFkb25seSBuZ1pvbmU6IE5nWm9uZSxcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbm90aWZpZXI6IENvbHVtblJlc2l6ZU5vdGlmaWVyU291cmNlLFxuICAgIHByb3RlY3RlZCByZWFkb25seSB0YWJsZTogQ2RrVGFibGU8dW5rbm93bj5cbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxufVxuIl19
|
|
@@ -18,4 +18,4 @@ export const TABLE_PROVIDERS = [
|
|
|
18
18
|
TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER,
|
|
19
19
|
];
|
|
20
20
|
export const FLEX_PROVIDERS = [...PROVIDERS, FLEX_RESIZE_STRATEGY_PROVIDER];
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9jb2x1bW4tcmVzaXplL2NvbHVtbi1yZXNpemUtZGlyZWN0aXZlcy9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBR0gsT0FBTyxFQUFFLG9CQUFvQixFQUFFLDBCQUEwQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0YsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDL0QsT0FBTyxFQUNMLDJDQUEyQyxFQUMzQyw2QkFBNkIsR0FDOUIsTUFBTSxvQkFBb0IsQ0FBQztBQUU1QixNQUFNLFNBQVMsR0FBZTtJQUM1QixvQkFBb0I7SUFDcEIsd0JBQXdCO0lBQ3hCLDBCQUEwQjtDQUMzQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFlO0lBQ3pDLEdBQUcsU0FBUztJQUNaLDJDQUEyQztDQUM1QyxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFlLENBQUMsR0FBRyxTQUFTLEVBQUUsNkJBQTZCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5pbXBvcnQgeyBQcm92aWRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29sdW1uUmVzaXplTm90aWZpZXIsIENvbHVtblJlc2l6ZU5vdGlmaWVyU291cmNlIH0gZnJvbSAnLi4vY29sdW1uLXJlc2l6ZS1ub3RpZmllcic7XG5pbXBvcnQgeyBIZWFkZXJSb3dFdmVudERpc3BhdGNoZXIgfSBmcm9tICcuLi9ldmVudC1kaXNwYXRjaGVyJztcbmltcG9ydCB7XG4gIFRBQkxFX0xBWU9VVF9GSVhFRF9SRVNJWkVfU1RSQVRFR1lfUFJPVklERVIsXG4gIEZMRVhfUkVTSVpFX1NUUkFURUdZX1BST1ZJREVSLFxufSBmcm9tICcuLi9yZXNpemUtc3RyYXRlZ3knO1xuXG5jb25zdCBQUk9WSURFUlM6IFByb3ZpZGVyW10gPSBbXG4gIENvbHVtblJlc2l6ZU5vdGlmaWVyLFxuICBIZWFkZXJSb3dFdmVudERpc3BhdGNoZXIsXG4gIENvbHVtblJlc2l6ZU5vdGlmaWVyU291cmNlLFxuXTtcblxuZXhwb3J0IGNvbnN0IFRBQkxFX1BST1ZJREVSUzogUHJvdmlkZXJbXSA9IFtcbiAgLi4uUFJPVklERVJTLFxuICBUQUJMRV9MQVlPVVRfRklYRURfUkVTSVpFX1NUUkFURUdZX1BST1ZJREVSLFxuXTtcbmV4cG9ydCBjb25zdCBGTEVYX1BST1ZJREVSUzogUHJvdmlkZXJbXSA9IFsuLi5QUk9WSURFUlMsIEZMRVhfUkVTSVpFX1NUUkFURUdZX1BST1ZJREVSXTtcbiJdfQ==
|
|
@@ -36,7 +36,12 @@ export class ColumnResizeNotifier {
|
|
|
36
36
|
}
|
|
37
37
|
/** Instantly resizes the specified column. */
|
|
38
38
|
resize(columnId, size) {
|
|
39
|
-
this._source.triggerResize.next({
|
|
39
|
+
this._source.triggerResize.next({
|
|
40
|
+
columnId,
|
|
41
|
+
size,
|
|
42
|
+
completeImmediately: true,
|
|
43
|
+
isStickyColumn: true,
|
|
44
|
+
});
|
|
40
45
|
}
|
|
41
46
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ColumnResizeNotifier, deps: [{ token: ColumnResizeNotifierSource }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
42
47
|
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ColumnResizeNotifier }); }
|
|
@@ -44,4 +49,4 @@ export class ColumnResizeNotifier {
|
|
|
44
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ColumnResizeNotifier, decorators: [{
|
|
45
50
|
type: Injectable
|
|
46
51
|
}], ctorParameters: function () { return [{ type: ColumnResizeNotifierSource }]; } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLXJlc2l6ZS1ub3RpZmllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuc2lvbnMvY29sdW1uLXJlc2l6ZS9jb2x1bW4tcmVzaXplLW5vdGlmaWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFjLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUE2QjNDOzs7R0FHRztBQUVILE1BQU0sT0FBTywwQkFBMEI7SUFEdkM7UUFFRSxvREFBb0Q7UUFDM0MsbUJBQWMsR0FBRyxJQUFJLE9BQU8sRUFBb0IsQ0FBQztRQUUxRCxzQ0FBc0M7UUFDN0Isb0JBQWUsR0FBRyxJQUFJLE9BQU8sRUFBYyxDQUFDO1FBRXJELGdDQUFnQztRQUN2QixrQkFBYSxHQUFHLElBQUksT0FBTyxFQUFvQixDQUFDO0tBQzFEO2lJQVRZLDBCQUEwQjtxSUFBMUIsMEJBQTBCOzsyRkFBMUIsMEJBQTBCO2tCQUR0QyxVQUFVOztBQVlYLG9GQUFvRjtBQUVwRixNQUFNLE9BQU8sb0JBQW9CO0lBSS9CLFlBQTZCLE9BQW1DO1FBQW5DLFlBQU8sR0FBUCxPQUFPLENBQTRCO1FBSGhFLDBDQUEwQztRQUNqQyxvQkFBZSxHQUEyQixJQUFJLENBQUMsT0FBTyxDQUFDLGVBQWUsQ0FBQztJQUViLENBQUM7SUFFcEUsOENBQThDO0lBQzlDLE1BQU0sQ0FBQyxRQUFnQixFQUFFLElBQVk7UUFDbkMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDO1lBQzlCLFFBQVE7WUFDUixJQUFJO1lBQ0osbUJBQW1CLEVBQUUsSUFBSTtZQUN6QixjQUFjLEVBQUUsSUFBSTtTQUNyQixDQUFDLENBQUM7SUFDTCxDQUFDO2lJQWRVLG9CQUFvQjtxSUFBcEIsb0JBQW9COzsyRkFBcEIsb0JBQW9CO2tCQURoQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuLyoqIEluZGljYXRlcyB0aGUgd2lkdGggb2YgYSBjb2x1bW4uICovXG5leHBvcnQgaW50ZXJmYWNlIENvbHVtblNpemUge1xuICAvKiogVGhlIElEL25hbWUgb2YgdGhlIGNvbHVtbiwgYXMgZGVmaW5lZCBpbiBDZGtDb2x1bW5EZWYuICovXG4gIHJlYWRvbmx5IGNvbHVtbklkOiBzdHJpbmc7XG5cbiAgLyoqIFRoZSB3aWR0aCBpbiBwaXhlbHMgb2YgdGhlIGNvbHVtbi4gKi9cbiAgcmVhZG9ubHkgc2l6ZTogbnVtYmVyO1xuXG4gIC8qKiBUaGUgd2lkdGggaW4gcGl4ZWxzIG9mIHRoZSBjb2x1bW4gcHJpb3IgdG8gdGhpcyB1cGRhdGUsIGlmIGtub3duLiAqL1xuICByZWFkb25seSBwcmV2aW91c1NpemU/OiBudW1iZXI7XG59XG5cbi8qKiBJbnRlcmZhY2UgZGVzY3JpYmluZyBjb2x1bW4gc2l6ZSBjaGFuZ2VzLiAqL1xuZXhwb3J0IGludGVyZmFjZSBDb2x1bW5TaXplQWN0aW9uIGV4dGVuZHMgQ29sdW1uU2l6ZSB7XG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSByZXNpemUgYWN0aW9uIHNob3VsZCBiZSBhcHBsaWVkIGluc3RhbnRhbmVvdXNseS4gRmFsc2UgZm9yIGV2ZW50cyB0cmlnZ2VyZWQgZHVyaW5nXG4gICAqIGEgVUktdHJpZ2dlcmVkIHJlc2l6ZSAoc3VjaCBhcyB3aXRoIHRoZSBtb3VzZSkgdW50aWwgdGhlIG1vdXNlIGJ1dHRvbiBpcyByZWxlYXNlZC4gVHJ1ZVxuICAgKiBmb3IgYWxsIHByb2dyYW1tYXRpY2FsbHkgdHJpZ2dlcmVkIHJlc2l6ZXMuXG4gICAqL1xuICByZWFkb25seSBjb21wbGV0ZUltbWVkaWF0ZWx5PzogYm9vbGVhbjtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgcmVzaXplIGFjdGlvbiBpcyBiZWluZyBhcHBsaWVkIHRvIGEgc3RpY2t5L3N0aWNreUVuZCBjb2x1bW4uXG4gICAqL1xuICByZWFkb25seSBpc1N0aWNreUNvbHVtbj86IGJvb2xlYW47XG59XG5cbi8qKlxuICogT3JpZ2luYXRpbmcgc291cmNlIG9mIGNvbHVtbiByZXNpemUgZXZlbnRzIHdpdGhpbiBhIHRhYmxlLlxuICogQGRvY3MtcHJpdmF0ZVxuICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgQ29sdW1uUmVzaXplTm90aWZpZXJTb3VyY2Uge1xuICAvKiogRW1pdHMgd2hlbiBhbiBpbi1wcm9ncmVzcyByZXNpemUgaXMgY2FuY2VsZWQuICovXG4gIHJlYWRvbmx5IHJlc2l6ZUNhbmNlbGVkID0gbmV3IFN1YmplY3Q8Q29sdW1uU2l6ZUFjdGlvbj4oKTtcblxuICAvKiogRW1pdHMgd2hlbiBhIHJlc2l6ZSBpcyBhcHBsaWVkLiAqL1xuICByZWFkb25seSByZXNpemVDb21wbGV0ZWQgPSBuZXcgU3ViamVjdDxDb2x1bW5TaXplPigpO1xuXG4gIC8qKiBUcmlnZ2VycyBhIHJlc2l6ZSBhY3Rpb24uICovXG4gIHJlYWRvbmx5IHRyaWdnZXJSZXNpemUgPSBuZXcgU3ViamVjdDxDb2x1bW5TaXplQWN0aW9uPigpO1xufVxuXG4vKiogU2VydmljZSBmb3IgdHJpZ2dlcmluZyBjb2x1bW4gcmVzaXplcyBpbXBlcmF0aXZlbHkgb3IgYmVpbmcgbm90aWZpZWQgb2YgdGhlbS4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBDb2x1bW5SZXNpemVOb3RpZmllciB7XG4gIC8qKiBFbWl0cyB3aGVuZXZlciBhIGNvbHVtbiBpcyByZXNpemVkLiAqL1xuICByZWFkb25seSByZXNpemVDb21wbGV0ZWQ6IE9ic2VydmFibGU8Q29sdW1uU2l6ZT4gPSB0aGlzLl9zb3VyY2UucmVzaXplQ29tcGxldGVkO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgX3NvdXJjZTogQ29sdW1uUmVzaXplTm90aWZpZXJTb3VyY2UpIHt9XG5cbiAgLyoqIEluc3RhbnRseSByZXNpemVzIHRoZSBzcGVjaWZpZWQgY29sdW1uLiAqL1xuICByZXNpemUoY29sdW1uSWQ6IHN0cmluZywgc2l6ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5fc291cmNlLnRyaWdnZXJSZXNpemUubmV4dCh7XG4gICAgICBjb2x1bW5JZCxcbiAgICAgIHNpemUsXG4gICAgICBjb21wbGV0ZUltbWVkaWF0ZWx5OiB0cnVlLFxuICAgICAgaXNTdGlja3lDb2x1bW46IHRydWUsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==
|